li-guang
2020-12-21 164acabd9e14052cb730826f427ef9d353fd0529
hive-app/pages/manager/index.vue
New file
@@ -0,0 +1,88 @@
<template>
   <!-- 工作台 -->
   <view class="container">
      <!-- #ifndef H5 -->
      <view class="status_bar"></view>
      <!-- #endif -->
      <view class="content-item">
         <text class="title">排行榜</text>
         <view class="flex align-center mt-10">
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement1.png"></image>
               <text class="font-12 font-dark">门店业绩排行榜</text>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement2.png"></image>
               <text class="font-12 font-dark">顾问业绩排行榜</text>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement3.png"></image>
               <text class="font-12 font-dark">美疗师业绩排行榜</text>
            </view>
         </view>
      </view>
      <view class="content-item">
         <text class="title">统计报表</text>
         <view class="flex align-center mt-10">
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement4.png"></image>
               <text class="font-12 font-dark">公司经营报表</text>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement5.png"></image>
               <text class="font-12 font-dark">门店经营报表</text>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement6.png"></image>
               <text class="font-12 font-dark">员工经营报表</text>
            </view>
         </view>
      </view>
   </view>
</template>
<script>
   export default{
      data(){
         return{
         }
      },
      onLoad() {
      },
      methods:{
      }
   }
</script>
<style>
   page{
      background: #F6F6F8;
   }
   .container{
      padding: 0 10px;
   }
   .content-item{
      background: #FFFFFF;
      padding: 15px 0;
      border-radius: 4px;
      margin: 10px 0;
   }
   .title{
      font-size: 14px;
      padding-left: 15px;
      padding-bottom: 10px;
   }
   .list-item{
      flex: 1;
      text-align: center;
   }
   .content-icon{
      width: 30px;
      height: 30px;
      display: block;
      margin: 0 auto 15px;
   }
</style>