gx

queenwuli

2020-12-18 bfc807ed1acd06060fe1c3b941f08ac643b9d81b

 hive-app/pages/workbench/selectProduct.vue

@@ -1,10 +1,7 @@
<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':''">
@@ -16,25 +13,25 @@
               <text class="flex justify-start font-14">肽妍氨基酸平衡基础洁面乳</text>
               <text class="flex justify-start font-14 red mt-10">￥400.00</text>
               <view class="flex align-center justify-end mt-10">
                  <button class="blue-btn-circle mr-10">-</button>
                  <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text>
                  <text>1</text>
                  <button class="blue-btn-circle ml-10 mr-0">+</button>
                  <text class="iconfont iconjia blue-btn-circle ml-10"></text>
               </view>
            </view>
            <view class="flex flex-v list-right-row">
               <text class="flex justify-start font-14">肽妍氨基酸平衡基础洁面乳</text>
               <text class="flex justify-start font-14 red mt-10">￥400.00</text>
               <view class="flex align-center justify-end mt-10">
                  <button class="blue-btn-circle mr-10">-</button>
                  <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text>
                  <text>1</text>
                  <button class="blue-btn-circle ml-10 mr-0">+</button>
                  <text class="iconfont iconjia blue-btn-circle ml-10"></text>
               </view>
            </view>
         </scroll-view>
      </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>
@@ -54,7 +51,6 @@
      },
      data(){
         return{
            placeholder:'商品名称、编号、拼音',
            list:['院装产品','美容套餐','美容客装','美容试装','头皮院装'],
            select:'0'
         }
@@ -119,7 +115,7 @@
      padding: 20px 10px;
   }
   .shopping-icon{
      font-size: 25px;
      font-size: 28px;
      position: relative;
   }
   .shopping-icon-num{