From 6aa71248557c3f3624fbaf291ac7e1d2222e3d3f Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 08 二月 2023 16:36:22 +0800
Subject: [PATCH] vue3
---
pages/index/index.vue | 157 ++++++++++------------------------------------------
1 files changed, 30 insertions(+), 127 deletions(-)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 80fc7b5..ec0ec26 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,20 +1,9 @@
<template>
- <view>
- <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 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()" v-show="item.show">
- <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>
@@ -22,128 +11,42 @@
export default {
data() {
return {
- elements:[
- {
- title: '缁勬墭鍏ュ簱',
- name: 'pakin',
- color: 'blue',
- cuIcon: 'copy',
- show: true
- },
- {
- title: '璁㈠崟缁勬墭',
- name: 'order',
- color: 'blue',
- cuIcon: 'goods',
- show: true
- },
- // {
- // title: '搴撳瓨鏌ヨ',
- // name: 'stockQuery',
- // color: 'blue',
- // cuIcon: 'searchlist',
- // show: true
- // },
- // {
- // title: '搴撳瓨鐩樼偣',
- // name: 'stockCheck',
- // color: 'blue',
- // cuIcon: 'safe',
- // show: true
- // },
- {
- title: '鍛煎彨绌烘澘',
- name: 'callEmpty',
- color: 'blue',
- cuIcon: 'safe',
- show: true
- },
- // {
- // title: '涓婃灦绠＄悊',
- // name: 'putOnSale',
- // color: 'blue',
- // cuIcon: 'video'
- // },
- // {
- // title: '涓嬫灦绠＄悊',
- // name: 'offLines',
- // color: 'blue',
- // cuIcon: 'copy'
- // },
-
- // {
- // title: '鍚姩鍏ュ簱',
- // name: 'startPakin',
- // color: 'blue',
- // cuIcon: 'goods',
- // show: true
- // },
-
-
- // {
- // title: '鍗曟嵁鍑哄簱',
- // name: 'orderOut',
- // color: 'blue',
- // cuIcon: 'video'
- // },
- // {
- // title: '搴撲綅鍑哄簱',
- // name: 'stoOut',
- // color: 'blue',
- // cuIcon: 'video'
- // },
- // {
- // title: '鍟嗗搧鍏ュ簱',
- // name: 'pakStore',
- // color: 'blue',
- // cuIcon: 'video'
- // },
-
- // {
- // title: '骞充粨搴撳瓨鐩樼偣',
- // name: 'manStoCheck',
- // color: 'blue',
- // cuIcon: 'safe'
- // },
- // {
- // title: '骞充粨搴撳瓨鐩樼偣',
- // name: 'manStoCheck',
- // color: 'blue',
- // cuIcon: 'safe'
- // },
- {
- title: '閫�鍑虹櫥褰�',
- name: 'logOut',
- color: 'grey',
- cuIcon: 'exit',
- show: true
- },
-
- ]
+ title: 'Hello'
}
},
onLoad() {
},
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;
+ .content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
}
- .img-logo {
- width: 150rpx;
+
+ .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