首页768下样式

src/pages/CustomerView.vue

@@ -5,15 +5,15 @@
         <row>
           <!--筛选-->
           <row style="margin-top: -2px">
-            <i-col span="5">
-              <row style="width: 330px;border: 1px solid #E8ECF2;border-radius: 8px;padding: 3px">
+            <span>
+              <span style="width: 330px;border: 1px solid #E8ECF2;border-radius: 8px;padding: 3px;display: inline-block">
                 <span class="date-btn" :style="dateBtnValue === '今日' ? 'background: #2D8CF0;color: #fff' : ''" @click="dateBtnClick('今日')">今日</span>
                 <span class="date-btn" :style="dateBtnValue === '本周' ? 'background: #2D8CF0;color: #fff' : ''"  @click="dateBtnClick('本周')">本周</span>
                 <span class="date-btn" :style="dateBtnValue === '本月' ? 'background: #2D8CF0;color: #fff' : ''"  @click="dateBtnClick('本月')">本月</span>
                 <span class="date-btn" :style="dateBtnValue === '自定义' ? 'background: #2D8CF0;color: #fff' : ''"  @click="dateBtnClick('自定义')">自定义</span>
-              </row>
-            </i-col>
-            <i-col span="6" style="height: 38px;line-height: 38px;">
+              </span>
+            </span>
+            <span style="height: 38px;line-height: 38px;margin-left: 25px">
               <span class="view-text">{{dateBtnValue}}概览</span>
               <span v-if="dateBtnValue !== '自定义'" class="view-date">{{viewDate}}</span>
               <span class="left-10"  v-if="dateBtnValue === '自定义'"  style="vertical-align: top">
@@ -25,7 +25,7 @@
                 </Tooltip>
               </span>
 
-            </i-col>
+            </span>
           </row>
           <!--5块客户数-->
           <row class="top-20">