From 102d036f3c119bf286ca1afc63bd52d66cf23ea2 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期五, 10 二月 2023 12:46:24 +0800
Subject: [PATCH] #
---
pages.json | 2
pages/index/index.vue | 139 ++++++++++++++++++++++++++++++++++++---------
2 files changed, 111 insertions(+), 30 deletions(-)
diff --git a/pages.json b/pages.json
index ba9deff..a4b9d22 100644
--- a/pages.json
+++ b/pages.json
@@ -9,7 +9,7 @@
{
"path": "pages/index/index",
"style": {
- "navigationBarTitleText": "uni-app"
+ "navigationBarTitleText": "棣栭〉"
}
}
],
diff --git a/pages/index/index.vue b/pages/index/index.vue
index ec0ec26..a2fb1d7 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,52 +1,133 @@
<template>
- <view class="content">
- <image class="logo" src="/static/logo.png"></image>
- <view class="text-area">
- <text class="title">{{title}}</text>
+ <scroll-view scroll-y>
+ <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>
+ <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" @click="checked()">
+ <view class="nav-title">{{item.title}}</view>
+ <view class="nav-name">{{item.name}}</view>
+ <text :class="'cuIcon-' + item.cuIcon"></text>
+ </navigator>
+ </view>
+ </scroll-view>
</template>
<script>
export default {
data() {
return {
- title: 'Hello'
+ elements: [
+ // {
+ // title: '涓婃灦绠＄悊',
+ // name: 'putOnSale',
+ // color: 'blue',
+ // cuIcon: 'video'
+ // },
+ // {
+ // title: '涓嬫灦绠＄悊',
+ // name: 'offLines',
+ // color: 'blue',
+ // cuIcon: 'copy'
+ // },
+ {
+ title: '缁勬墭鍏ュ簱',
+ name: 'pakin',
+ color: 'blue',
+ cuIcon: 'copy'
+ },
+ // {
+ // title: '璁㈠崟缁勬墭',
+ // name: 'order',
+ // color: 'blue',
+ // cuIcon: 'goods'
+ // },
+ {
+ title: '搴撳瓨鏌ヨ',
+ name: 'stockQuery',
+ color: 'blue',
+ cuIcon: 'searchlist'
+ },
+
+ // {
+ // title: '鍗曟嵁鍑哄簱',
+ // name: 'orderOut',
+ // color: 'blue',
+ // cuIcon: 'video'
+ // },
+ // {
+ // title: '搴撲綅鍑哄簱',
+ // name: 'stoOut',
+ // color: 'blue',
+ // cuIcon: 'video'
+ // },
+ // {
+ // title: '鍟嗗搧鍏ュ簱',
+ // name: 'pakStore',
+ // color: 'blue',
+ // cuIcon: 'video'
+ // },
+ {
+ title: '搴撳瓨鐩樼偣',
+ name: 'stockCheck',
+ color: 'blue',
+ cuIcon: 'safe'
+ },
+ {
+ title: '鎷ｆ枡鍑哄簱',
+ name: 'piking',
+ 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;
+ /* @import "../../colorui/main.css"; */
+ /* @import "../../colorui/icon.css"; */
+
+ .custom-position {
+ margin: 10rpx 10rpx 50rpx 0rpx;
}
- .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;
+ .img-logo {
+ width: 150rpx;
}
</style>
--
Gitblit v1.9.1