gx

queenwuli

2020-12-17 aaa767b2054fdbe7f60b9d1fdc7a8ad3b25d6c90

 hive-app/pages/workbench/orderList.vue

@@ -4,10 +4,7 @@
      <!-- #ifndef H5 -->
      <view class="status_bar"></view>
      <!-- #endif -->
      <view class="input-box">
         <view class="input-icon iconfont iconsousuo"></view>
         <input placeholder="输入会员姓名;手机号;编号查询" class="input" placeholder-class="input-text"/>
      </view>
      <search-bar :placeholder=placeholder class="header-input"></search-bar>
      <view>
         <h-tabs
            class="tab"
@@ -17,8 +14,7 @@
               activeColor: '#518EFF',
               underLineColor: '#518EFF',
               underLineHeight: 4,
               fontSize: '30px',
               itemWidth: 80,
               fontSize: '30',
               underLineWidth: 60,
            }"
         />
@@ -38,9 +34,9 @@
                  <text class="font-12 mt-10">欠款总额</text>
               </view>
               <view class="flex flex-v">
                  <text class="font-12">$ 8000.00</text>
                  <text class="font-12 mt-10">$ 0.00</text>
                  <text class="font-12 mt-10">$ 8000.00</text>
                  <text class="font-12">￥ 8000.00</text>
                  <text class="font-12 mt-10">￥ 0.00</text>
                  <text class="font-12 mt-10">￥ 8000.00</text>
               </view>
            </view>
            <view class="flex justify-end">
@@ -53,12 +49,15 @@

<script>
   import HTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
   import searchBar from '../../components/searchBar/index.vue';
   export default {
      components: {
          HTabs
          HTabs,
         searchBar
      },
      data() {
        return {
         placeholder:"输入会员姓名、手机号、编号查询",
          tabs:[
            {
               state: 1,
@@ -83,24 +82,8 @@
</script>

<style>
   .input-box{
      margin: 0 15px;
      background: #F8F8F8;
      border-radius: 25px;
      display: flex;
      align-items: center;
      padding: 10px 0;
   }
   .input-icon{
      font-size: 20px;
      margin: 0 16px;
   }
   .input{
      flex: 1;
      font-size: 14px;
   }
   .input-text{
      color: #ABB1CC;
   .header-input{
      margin: 0 10px;
   }
   .tab{
      border-bottom: 1px solid #EDEAF4;