From bfcfe9e8227ff2d0d2f54345ca72043b1522f056 Mon Sep 17 00:00:00 2001 From: whycq <123456> Date: 星期六, 23 四月 2022 09:04:54 +0800 Subject: [PATCH] # --- pages/index/index.vue | 56 ++++++++++++++++++++++---------------------------------- 1 files changed, 22 insertions(+), 34 deletions(-) diff --git a/pages/index/index.vue b/pages/index/index.vue index 76b3a88..f744eb8 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -8,7 +8,7 @@ </view> <view class="nav-list" > <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"> + :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index" @click="checked()"> <view class="nav-title">{{item.title}}</view> <view class="nav-name">{{item.name}}</view> <text :class="'cuIcon-' + item.cuIcon"></text> @@ -24,51 +24,33 @@ return { elements:[ { - title: '鍏ュ簱', - name: 'store', - color: 'orange', - cuIcon: 'deliver' - }, - { - title: '鍑哄簱', - name: 'delivery', - color: 'brown', - cuIcon: 'deliver_fill' - }, - { - title: '涓婃灦绠$悊', - name: 'sale', - color: 'olive', + title: '涓嬬嚎鎵撳寘', + name: 'offline', + color: 'blue', cuIcon: 'goods' }, { - title: '蹇�熶笂鏋�', - name: 'publish', - color: 'green', - cuIcon: 'goodsnew' + title: '缁勬墭鍏ュ簱', + name: 'pakin', + color: 'grey', + cuIcon: 'goods' }, { - title: '鎷h揣鍗�', - name: 'orders', - color: 'cyan', - cuIcon: 'calendar' + title: '璁㈠崟缁勬墭', + name: 'order', + color: 'grey', + cuIcon: 'goods' }, { - title: '鐩樼偣', - name: 'stock', + title: '搴撲綅鐩樼偣', + name: 'stockCheck', color: 'blue', - cuIcon: 'squarecheck' + cuIcon: 'goods' }, { title: '閫�鍑虹櫥褰�', name: 'logOut', - color: 'grey', - cuIcon: 'exit' - }, - { - title: 'demo', - name: 'demo', - color: 'red', + color: 'blue', cuIcon: 'exit' }] } @@ -79,12 +61,18 @@ methods: { changeImg(){ console.log(1) + }, + checked() { + uni.vibrateShort(); } } } </script> <style> + @import "../../colorui/main.css"; + @import "../../colorui/icon.css"; + .custom-position { margin: 10rpx 10rpx 50rpx 0rpx; } -- Gitblit v1.9.1