From 15e27fb22a957888bffdb9c5a2cbcfdcfe4dfb58 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期日, 08 十月 2023 18:56:38 +0800
Subject: [PATCH] #
---
pages/home/home.vue | 86 ++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 84 insertions(+), 2 deletions(-)
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 10cdc78..dc8a813 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -1,11 +1,93 @@
<template>
- <view class="">
- Home
+ <view>
+ <view class="z-swiper">
+ <view>
+ 浠婃棩鍏ュ簱 100
+ </view>
+ <view>
+ 浠婃棩鍑哄簱 100
+ </view>
+ <view>
+ 鍏ュ簱鍗曞搧
+ </view>
+ <view>
+ Top 1. 鍐荤尓纰庤倝
+ Top 2. 鍐荤尓鎺�
+ </view>
+ </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>
<script>
+ export default {
+ data() {
+ return {
+ 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: 90px;
+ margin: 8px;
+ 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