From 121c354fb47eb0abf25eec05a253f44d40ccba20 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期一, 15 八月 2022 10:15:12 +0800
Subject: [PATCH] #
---
pages/index/index.vue | 109 +++++++++++++++++++++++++++++++++---------------------
1 files changed, 67 insertions(+), 42 deletions(-)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 28bd97e..d33275f 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" @click="changeImg" mode="aspectFit" :style="[{animation: 'show ' + ((0+1)*0.2+1) + 's 1'}]"></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>
@@ -21,30 +23,56 @@
data() {
return {
elements:[
- {
- title: '鍏ュ簱鍗曠粍鎵�',
- name: 'combPro',
- color: 'olive',
- cuIcon: 'goods'
- },
- {
- title: '搴撳瓨鐩樼偣',
- name: 'stockCheck',
- color: 'cyan',
- cuIcon: 'squarecheck'
- },
- {
- title: '搴撳瓨鏌ヨ',
- name: 'stockQuery',
- color: 'blue',
- cuIcon: 'searchlist'
- },
- {
- title: '閫�鍑虹櫥褰�',
- name: 'logOut',
- color: 'grey',
- cuIcon: 'exit'
- }]
+ {
+ title: '娴嬭瘯',
+ name: 'test',
+ color: 'blue',
+ cuIcon: 'forward'
+ },
+ // {
+ // title: '濮斿鍏ュ簱',
+ // name: 'outPakin',
+ // color: 'blue',
+ // cuIcon: 'copy'
+ // },
+ // {
+ // title: '鍑哄簱纭',
+ // name: 'checkout',
+ // color: 'blue',
+ // cuIcon: 'edit'
+ // },
+ // {
+ // title: '娈嬫鍝�',
+ // name: 'bad',
+ // color: 'blue',
+ // cuIcon: 'delete'
+ // },
+ // {
+ // title: '搴撲綅鐩樼偣',
+ // name: 'stockCheck',
+ // color: 'blue',
+ // cuIcon: 'safe'
+ // },
+ // {
+ // title: '缁勬墭鍏ュ簱',
+ // name: 'pakin',
+ // color: 'grey',
+ // cuIcon: 'copy'
+ // },
+ // {
+ // title: '璁㈠崟缁勬墭',
+ // name: 'order',
+ // color: 'grey',
+ // cuIcon: 'goods'
+ // },
+ {
+ title: '閫�鍑虹櫥褰�',
+ name: 'logOut',
+ color: 'grey',
+ cuIcon: 'exit'
+ },
+
+ ]
}
},
onLoad() {
@@ -53,25 +81,22 @@
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