#

whycq

2023-10-08 a7c958858243e7e70485c0eb31ee783aaf46c979

 pages/home/home.vue

@@ -1,11 +1,40 @@
<template>
   <view class="">
      Home
   <view>
      <view class="z-swiper">
         <view>
            今日入库  100
         </view>
         <view>
            今日出库  100
         </view>
         <view>
            入库单品
         </view>
         <view>
            Top 1. 冻猪碎肉
            Top 2. 冻猪排
         </view>
      </view>
      <view v-for="(item,i) in dataList" :key="i">{{i}}</view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            dataList: [{},{},{}]
         }
      }
   }
</script>

<style>
   .z-swiper {
      height: 200px;
      margin: 8px;
      background-image: linear-gradient(110.6deg, rgb(179, 157, 219) 7%, rgb(150, 159, 222) 47.7%, rgb(24, 255, 255) 100.6%);
      border-radius: 8px;
      color: #fff;
   }
</style>