no message

src/components/passbook/passbookHead.vue

@@ -104,7 +104,7 @@
 }
 .banner.mobile{
     border-radius: 10px;
-    padding: 0 20px;
+    padding: 0 15px;
     border: 4px solid #EEA376;
 }
 .passbookHead-form{

src/components/passbook/rebate.vue

@@ -43,7 +43,8 @@
             <div class="rebate-right column"
             :class="[$q.platform.is.desktop?'col-4 q-px-lg':'col']"
             :style="{'padding':$q.platform.is.desktop?'0 30px 0 30px':''}">
-                <div class="fz14 text-grey-7 q-pl-lg">线路数据占比</div>
+                <div class="fz14 text-grey-7"
+                :class="[$q.platform.is.desktop?'q-pl-lg':'q-pl-md']">线路数据占比</div>
                 <div :class="[$q.platform.is.desktop?'q-pl-lg':'']">
                    <div ref="main" style="width: 100%;height: 300px;"></div> 
                 </div>

src/components/passbook/rebate/rebatehead.vue

 <template>
-    <div class="row justify-between q-px-lg q-py-sm q-pt-md">
+    <div class="row justify-between q-py-sm q-pt-md"
+    :class="[$q.platform.is.desktop?'q-px-lg':'q-px-md']">
         <span class="fz16 text-weight-bold dark"
         :class="[$q.platform.is.mobile?'q-pl-sm':'']"
         :style="{'border-left':$q.platform.is.mobile?'4px solid #EE4454 ':'',}">{{title}}</span>

src/components/passbook/redEnvelope.vue

@@ -16,8 +16,8 @@
             <div v-if="$q.platform.is.desktop" class="row justify-center">
                 <q-separator vertical inset style="height: 50%;position: relative;top: 10%;"/>
             </div>
-            <div class="redEnvelope-right q-px-lg"
-            :class="[$q.platform.is.desktop?'col-4 column':'col row']"
+            <div class="redEnvelope-right"
+            :class="[$q.platform.is.desktop?'col-4 column q-px-lg':'col row q-px-sm']"
             :style="{'padding':$q.platform.is.desktop?'0 30px 0 30px':''}"
             >
                 <div :class="[$q.platform.is.desktop?'':'col-6 text-center']">
@@ -39,20 +39,20 @@
             </div>
             <q-separator v-if="$q.platform.is.mobile" color="grey-3"/>
         </div>
-        <div class="q-px-lg " :class="[$q.platform.is.desktop?'q-pb-lg':'q-py-md']"><span>当前交易额：</span><span class="q-pl-lg">¥</span><span class="fz32 q-pl-sm">{{datainfo.Amount.toFixed(2)}}</span> </div>
-        <div class="q-px-lg q-pt-sm">
+        <div :class="[$q.platform.is.desktop?'q-pb-lg q-px-lg':'q-py-md q-px-md']"><span>当前交易额：</span><span class="q-pl-lg">¥</span><span class="fz32 q-pl-sm">{{datainfo.Amount.toFixed(2)}}</span> </div>
+        <div class="q-pt-sm" :class="[$q.platform.is.desktop?'q-px-lg':'q-px-md']">
             <div class="q-pb-lg" v-for="(item,index) in datainfo.RatioList" :key="index" 
             :class="[$q.platform.is.desktop?'row items-center no-wrap':'column']">
                 <div class="col">
                     <template v-if="$q.platform.is.desktop">
-                        <q-linear-progress v-if="item.percent>1" stripe rounded size="20px" :value="item.width/100" color="orange-9"/>
-                        <q-linear-progress v-else-if="item.percent<1" stripe rounded size="20px" :value="item.width/100" color="red-5"/>
-                        <q-linear-progress v-else stripe rounded size="20px" :value="item.width/100" color="cyan-4"/>
+                        <q-linear-progress v-if="item.percent>1" stripe rounded size="20px" :value="item.width/1000" color="orange-9"/>
+                        <q-linear-progress v-else-if="item.percent<1" stripe rounded size="20px" :value="item.width/1000" color="red-5"/>
+                        <q-linear-progress v-else stripe rounded size="20px" :value="item.width/1000" color="cyan-4"/>
                     </template>
                     <template v-else>
-                        <q-linear-progress v-if="item.percent>1" stripe rounded size="10px" :value="item.width/100" color="orange-9"/>
-                        <q-linear-progress v-else-if="item.percent<1" stripe rounded size="10px" :value="item.width/100" color="red-5"/>
-                        <q-linear-progress v-else stripe rounded size="10px" :value="item.width/100" color="cyan-4"/>
+                        <q-linear-progress v-if="item.percent>1" stripe rounded size="10px" :value="item.width/1000" color="orange-9"/>
+                        <q-linear-progress v-else-if="item.percent<1" stripe rounded size="10px" :value="item.width/1000" color="red-5"/>
+                        <q-linear-progress v-else stripe rounded size="10px" :value="item.width/1000" color="cyan-4"/>
                     </template>
                     
                 </div>
@@ -80,16 +80,13 @@
                     <div
                     :class="[$q.platform.is.desktop?'column q-ml-md':'row no-wrap items-center justify-between q-pt-xs']">
                             <span class="row"
-                            :class="[item.percent>1?'text-light-green-6':item.percent<1?'text-red-5':'text-dark',$q.platform.is.desktop?'wrap fz16 text-weight-bold':'fz12']">
-                            <span>
-
-                            
+                            :class="[item.percent>1?'text-light-green-6':item.percent<1?'text-red-5':'text-dark',$q.platform.is.desktop?'wrap fz16 text-weight-bold':'fz12 col-6']">
                                 <template v-if="item.percent>1">已激活，预计收益 ¥{{(item.Money*item.Ratio)/1000}}</template>
                                 <template v-if="item.percent<1">还差¥{{item.Money-datainfo.Amount}},预计收益 ¥{{(item.Money*item.Ratio)/1000}}</template>
                             </span>
-                            </span>
                         
-                        <span class="fz12 text-grey-6 q-pt-xs">月交易额已达 ¥ {{item.Money}} 返{{item.Ratio}}‰</span>
+                        <span class="fz12 text-grey-6 q-pt-xs" 
+                        :class="[$q.platform.is.desktop?'':'col-6']">月交易额已达 ¥ {{item.Money}} 返{{item.Ratio}}‰</span>
                     </div>
                 </div>
             </div>

src/components/passbook/useDetails.vue

@@ -2,7 +2,8 @@
     <div class="bg-white q-mt-lg" :style="{'margin':$q.platform.is.mobile?'0 10px':''}">
        <rebatehead :title="titleHead"/> 
        <q-separator color="grey-3" class="q-my-sm" />
-       <div class="q-px-lg q-pt-md">
+       <div class=" q-pt-md"
+       :class="[$q.platform.is.desktop?'q-px-lg':'q-px-md']">
         <q-field clearable v-model="queryTime"
         label="时间选择" standout class="col-2" style="width: 190px" dense>
             <div class="self-center full-width no-outline" tabindex="0">{{ queryTime }}</div>
@@ -15,7 +16,8 @@
             </q-popup-proxy>
         </q-field>
        </div>
-        <div class="row justify-between useDetails-form">
+        <div class="row justify-between"
+        :class="[$q.platform.is.desktop?'useDetails-form':'q-py-lg q-px-md']">
             <div class="column col useDetails-left fz14">
                 <div class="row items-center left-text text-grey-9">
                     <div>时间</div><div>描述</div>