From 9ab6b38c098f857f2ce0772693142c930e4f9b6d Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期六, 30 三月 2024 10:44:03 +0800 Subject: [PATCH] # --- pages/index/index.vue | 70 ++++++++++++----------------------- 1 files changed, 24 insertions(+), 46 deletions(-) diff --git a/pages/index/index.vue b/pages/index/index.vue index 3db5222..ec0ec26 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1,18 +1,9 @@ <template> - <view> - <scroll-view scroll-y> - <view class="vve"> - <image src="../../static/zoneyung.png" mode="aspectFit"></image> - </view> - <view class="content"> - <navigator hover-class="none" :url="'/pages/basics/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color" - :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index"> - <view class="nav-title">{{item.title}}</view> - <view class="nav-name">{{item.name}}</view> - <text :class="'cuIcon-' + item.cuIcon"></text> - </navigator> - </view> - </scroll-view> + <view class="content"> + <image class="logo" src="/static/logo.png"></image> + <view class="text-area"> + <text class="title">{{title}}</text> + </view> </view> </template> @@ -20,30 +11,7 @@ export default { data() { return { - elements:[{ - title: '缁勬墭', - name: 'comb', - color: 'yellow', - cuIcon: 'goodsnew' - }, - { - title: '鍏ュ簱鍗曠粍鎵�', - name: 'combPro', - color: 'olive', - cuIcon: 'goods' - }, - { - title: '搴撳瓨鐩樼偣', - name: 'stockCheck', - color: 'cyan', - cuIcon: 'squarecheck' - }, - { - title: '搴撳瓨鏌ヨ', - name: 'stockQuery', - color: 'blue', - cuIcon: 'searchlist' - }] + title: 'Hello' } }, onLoad() { @@ -61,14 +29,24 @@ flex-direction: column; align-items: center; justify-content: center; - margin-top: -100rpx; - } - .vve { - display: flex; - justify-content: center; - margin-top: -100rpx; } - - + .logo { + height: 200rpx; + width: 200rpx; + margin-top: 200rpx; + margin-left: auto; + margin-right: auto; + margin-bottom: 50rpx; + } + + .text-area { + display: flex; + justify-content: center; + } + + .title { + font-size: 36rpx; + color: #8f8f94; + } </style> -- Gitblit v1.9.1