| | |
| | | <template> |
| | | <!-- 当前客户 --> |
| | | <view class="container"> |
| | | <!-- #ifndef H5 --> |
| | | <view class="status_bar"></view> |
| | | <!-- #endif --> |
| | | <search-bar :placeholder="placeholder" class="ml-10 mr-10"></search-bar> |
| | | <search-bar placeholder="商品名称、编号、拼音" class="ml-10 mr-10"></search-bar> |
| | | <view class="list flex"> |
| | | <scroll-view class="list-left" scroll-y> |
| | | <view v-for="(item,index) in list" class="list-left-row" @click="active(index)" :class="select==index?'active':''"> |
| | |
| | | </view> |
| | | <view class="shopping flex align-center justify-between"> |
| | | <view class="flex align-center"> |
| | | <view class="shopping-icon iconfont icongouwuche gray"> |
| | | <view class="shopping-icon iconfont iconicongouwuche gray"> |
| | | <view class="shopping-icon-num flex align-center justify-center"> |
| | | <text class="font-10">19</text> |
| | | </view> |
| | |
| | | }, |
| | | data(){ |
| | | return{ |
| | | placeholder:'商品名称、编号、拼音', |
| | | list:['院装产品','美容套餐','美容客装','美容试装','头皮院装'], |
| | | select:'0' |
| | | } |
| | |
| | | padding: 20px 10px; |
| | | } |
| | | .shopping-icon{ |
| | | font-size: 25px; |
| | | font-size: 28px; |
| | | position: relative; |
| | | } |
| | | .shopping-icon-num{ |