From 166b9c6d7517fbff3a400e07d47d1f33c8634c69 Mon Sep 17 00:00:00 2001 From: Junjie <540245094@qq.com> Date: 星期六, 05 七月 2025 15:08:47 +0800 Subject: [PATCH] # --- pages/index/index.vue | 157 ++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 114 insertions(+), 43 deletions(-) diff --git a/pages/index/index.vue b/pages/index/index.vue index 3db5222..e36b391 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1,12 +1,14 @@ <template> <view> <scroll-view scroll-y> - <view class="vve"> - <image src="../../static/zoneyung.png" mode="aspectFit"></image> + <view class="flex justify-end custom-position"> + <view> + <image class="img-logo flex solid-bottom " src="../../static/zoneyung.png" mode="widthFix"></image> + </view> </view> - <view class="content"> + <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> @@ -20,55 +22,124 @@ 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' - }] + elements:[ + // { + // title: '涓婃灦绠$悊', + // name: 'putOnSale', + // color: 'blue', + // cuIcon: 'video' + // }, + // { + // title: '涓嬫灦绠$悊', + // name: 'offLines', + // color: 'blue', + // cuIcon: 'copy' + // }, + { + title: '閲囪喘缁勬墭', + name: 'pakin', + color: 'blue', + cuIcon: 'copy' + }, + // { + // title: '榻愬鍏ュ簱', + // name: 'kitting', + // color: 'blue', + // cuIcon: 'searchlist' + // }, + // { + // title: '鍦ㄥ簱鏍囪淇敼', + // name: 'locOriginInOut', + // color: 'blue', + // cuIcon: 'searchlist' + // }, + // { + // title: '搴撳瓨鏌ヨ', + // name: 'stockQuery', + // color: 'blue', + // cuIcon: 'searchlist' + // }, + { + title: '杞簱鍏ュ簱缁勬墭', + name: 'order', + color: 'blue', + cuIcon: 'goods' + }, + + // { + // title: '鍗曟嵁鍑哄簱', + // name: 'orderOut', + // color: 'blue', + // cuIcon: 'video' + // }, + // { + // title: '搴撲綅鍑哄簱', + // name: 'stoOut', + // color: 'blue', + // cuIcon: 'video' + // }, + // { + // title: '鍟嗗搧鍏ュ簱', + // name: 'pakStore', + // color: 'blue', + // cuIcon: 'video' + // }, + { + title: '閫�搴撶粍鎵�', + name: 'backOrderPakin', + color: 'blue', + cuIcon: 'video' + }, + { + title: '搴撳瓨鐩樼偣', + name: 'stockCheck', + color: 'blue', + cuIcon: 'safe' + }, + // { + // title: '骞充粨搴撳瓨鐩樼偣', + // name: 'manStoCheck', + // color: 'blue', + // cuIcon: 'safe' + // }, + // { + // title: '骞充粨搴撳瓨鐩樼偣', + // name: 'manStoCheck', + // color: 'blue', + // cuIcon: 'safe' + // }, + { + title: '閫�鍑虹櫥褰�', + name: 'logOut', + color: 'grey', + cuIcon: 'exit' + }, + + ] } }, onLoad() { }, methods: { - + changeImg(){ + console.log(1) + }, + checked() { + uni.vibrateShort(); + } } } </script> <style> - .content { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - margin-top: -100rpx; - } - .vve { - display: flex; - justify-content: center; - margin-top: -100rpx; - } - + @import "../../colorui/main.css"; + @import "../../colorui/icon.css"; - + .custom-position { + margin: 10rpx 10rpx 50rpx 0rpx; + } + .img-logo { + width: 150rpx; + } </style> -- Gitblit v1.9.1