#

whycq

2023-10-12 151cf0b26965874cc5ebdc93b1c1c203034399c7

 pages/index/index.vue

@@ -1,18 +1,9 @@
<template>
   <view>
      <scroll-view scroll-y>
         <view class="vve">
            <image src="../../static/zoneyung.png" mode="aspectFit"></image>
         </view>
         <view class="content">
            <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">
            <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>

@@ -20,25 +11,7 @@
   export default {
      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: 'Hello'
         }
      },
      onLoad() {
@@ -56,14 +29,24 @@
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: -100rpx;
   }
   .vve {
      display: flex;
      justify-content: center;
      margin-top: -100rpx;
   }

	
	
   .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>