From 1895f15c4b179f6153ac0ef0faadf5d6c851aea9 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期日, 08 十月 2023 13:14:40 +0800
Subject: [PATCH] # 动态项目
---
pages/home/home.vue | 61 ++++++++++++++++++++++++++++--
1 files changed, 57 insertions(+), 4 deletions(-)
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 4302512..dc8a813 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -15,7 +15,19 @@
Top 2. 鍐荤尓鎺�
</view>
</view>
- <view v-for="(item,i) in dataList" :key="i">{{i}}</view>
+ <view class="home-list" v-for="(item,i) in homeList" :key="i">
+ <view class="list-title flex-align-center">
+ <view class="list-title-tag "></view>
+ <view>{{item.name}}</view>
+ </view>
+ <view class="list-detl">
+ <view v-for="nav in item.nav">
+ <view style="margin: 10px;">
+ {{nav.name}}
+ </view>
+ </view>
+ </view>
+ </view>
</view>
</template>
@@ -23,18 +35,59 @@
export default {
data() {
return {
- dataList: [{},{},{}]
+ homeList: [
+ {name: '鍏ュ簱',nav:[
+ {name: '缁勬墭鍏ュ簱'},
+ {name: '涓婃灦'}
+ ]},
+ {name: '鍑哄簱'},
+ {name: '鍏朵粬'}]
}
}
}
</script>
<style>
+ .flex-justify-center {
+ display: flex;
+ justify-content: center;
+ }
+ .flex-align-center {
+ display: flex;
+ align-items: center;
+
+ }
.z-swiper {
- height: 200px;
+ height: 90px;
margin: 8px;
- background-image: linear-gradient(110.6deg, rgb(179, 157, 219) 7%, rgb(150, 159, 222) 47.7%, rgb(24, 255, 255) 100.6%);
border-radius: 8px;
+ background-image: linear-gradient(110.6deg, rgb(179, 157, 219) 7%, rgb(150, 159, 222) 47.7%, rgb(24, 255, 255) 100.6%);
color: #fff;
}
+ .home-list {
+ display: flex;
+ flex-direction: column;
+ height: 90px;
+ margin: 8px;
+ border-radius: 8px;
+ background-color: #f5f5f5;
+ }
+ .list-title {
+ display: flex;
+ height: 20px;
+ margin: 10px 10px;
+ /* background-color: #fff; */
+ }
+ .list-title-tag {
+ width: 6px;
+ height: 20px;
+ margin: 5px 5px;
+ border-radius: 8px;
+ background-color: #00aeec;
+
+ }
+ .list-detl {
+ display: flex;
+ flex-direction: row;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1