| | |
| | | <template> |
| | | <!-- 工作台 --> |
| | | <view class="container"> |
| | | <!-- #ifndef H5 --> |
| | | <view class="status_bar"></view> |
| | | <!-- #endif --> |
| | | <image src="../../static/images/banner.jpg" mode="widthFix" class="banner"></image> |
| | | <view class="content-item"> |
| | | <text class="title">排行榜</text> |
| | | <view class="flex align-center mt-10"> |
| | | <view class="flex flex-v align-center list-item"> |
| | | <navigator url="./storeRanking" class="flex flex-v align-center list-item" hover-class="none"> |
| | | <image class="content-icon" src="../../static/images/statement1.png"></image> |
| | | <text class="font-12 mt-10 font-dark">门店业绩排行榜</text> |
| | | </view> |
| | | <view class="flex flex-v align-center list-item"> |
| | | <text class="font-12 font-dark">门店业绩排行榜</text> |
| | | </navigator> |
| | | <navigator url="./counselorRanking" hover-class="none" class="flex flex-v align-center list-item"> |
| | | <image class="content-icon" src="../../static/images/statement2.png"></image> |
| | | <text class="font-12 mt-10 font-dark">顾问业绩排行榜</text> |
| | | </view> |
| | | <view class="flex flex-v align-center list-item"> |
| | | <text class="font-12 font-dark">顾问业绩排行榜</text> |
| | | </navigator> |
| | | <navigator url="./beautyTherapistsRanking" hover-class="none" class="flex flex-v align-center list-item"> |
| | | <image class="content-icon" src="../../static/images/statement3.png"></image> |
| | | <text class="font-12 mt-10 font-dark">美疗师业绩排行榜</text> |
| | | </view> |
| | | <text class="font-12 font-dark">美疗师业绩排行榜</text> |
| | | </navigator> |
| | | </view> |
| | | </view> |
| | | <view class="content-item"> |
| | |
| | | <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 mt-10 font-dark">公司经营报表</text> |
| | | <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 mt-10 font-dark">门店经营报表</text> |
| | | <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 mt-10 font-dark">员工经营报表</text> |
| | | <text class="font-12 font-dark">员工经营报表</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | page{ |
| | | background: #F6F6F8; |
| | | } |
| | | .container{ |
| | | padding: 0 10px; |
| | | .banner{ |
| | | width: 100%; |
| | | } |
| | | .content-item{ |
| | | background: #FFFFFF; |
| | | padding: 15px 0; |
| | | border-radius: 4px; |
| | | margin: 10px 0; |
| | | margin: 10px; |
| | | } |
| | | .title{ |
| | | color: #666; |
| | | font-size: 14px; |
| | | padding-left: 15px; |
| | | padding-bottom: 10px; |
| | |
| | | text-align: center; |
| | | } |
| | | .content-icon{ |
| | | width: 30px; |
| | | height: 30px; |
| | | width: 26px; |
| | | height: 26px; |
| | | display: block; |
| | | margin: 0 auto 10px; |
| | | margin: 0 auto 12px; |
| | | } |
| | | </style> |