购好物，积分商城，兑换记录页面statusHeight高度问题处理，微调代码格式~

王强
1 parent 27e7a789
Showing 2 changed files with 56 additions and 56 deletions
src/pages/pointsExchangeRecords/pointsExchangeRecords.less
src/pages/pointsExchangeRecords/pointsExchangeRecords.vue
@@ -164,6 +164,7 @@
   }
   // 占位
   .title_box_lh{
+      background-color: transparent;
     height: 93px;
   }
 }
 \ No newline at end of file
 <template>
-<div class="records_back">
-    <!-- 占位 -->
-    <div  class="title_box_lh" :style="'padding-top: ' + (($parent.top.value)+8) + 'px'">
-
-    </div>
-    <!--返回按钮-->
-    <div class="title_box" :style="'padding-top: ' + (($parent.top.value)+8) + 'px'" >
-        <div class="title">      <!--返回按钮-->
-          <img  @click="goback"
-              class="goback" src="static/img/icon_back.png" />
-          <div class="text">兑换记录</div>
+    <div class="records_back">
+        
+        <!--返回按钮-->
+        <div id="aaa" class="title_box" :style="'padding-top: ' + (($parent.top.value / 2) + 8) + 'px'" >
+            <div class="title">
+                
+                <!--返回按钮-->
+                <img @click="goback" class="goback" src="static/img/icon_back.png" />
+                <div class="text">兑换记录</div>
+            </div>
         </div>
-    </div>
-    <div  class="com_box"
-          v-infinite-scroll="loadMore"
-          infinite-scroll-disabled="loading"
-          :infinite-scroll-distance="list.length">
-      <div @click="jumpOrderDes(item)" class="item_box" v-for="(item, index) in list" :key="index">
-        <img v-lazy="item.simg" src="item" alt=""/>
-        <div class="right">
-          <div class="name">
-            {{item.title}}
-          </div>
-          <div v-show="item.address_name && item.address_address && item.address_phone" class="address_name">
-            收货人: <span> {{item.address_name}}</span> <span> {{item.address_phone}}</span> <span> {{item.address_address}}</span>
-          </div>
-          
-          <div v-show="item.price || item.total" class="exchange_type">
-            <span v-show="item.total && $route.query.type==3">{{item.total}}积分</span>
-            <span class="灰色" v-show="item.total && $route.query.type==7">{{item.total}}健康值</span>
-            <span v-show="parseInt(item.price)>0">+{{item.price}}元</span>          
-          </div>
-          <div class="exchange_time">
-            兑换时间 {{item.create_time*1000 | datetime('yyyy-MM-dd hh:mm:ss')}}
-          </div>
-          <div v-show="item.shop_type == 1 && !item.address_name && !item.address_address && !item.address_phone" class="btn-box">
-            <!-- 需要填写地址状态 -->
-            <!-- <div @click.stop="addAddressInfo(item)" class="btn">
-              填写地址 
-              <img src="static/img/red_right_icon.png" alt=""/>
-            </div> -->
-            <!-- 已填写地址等待发货状态 -->
-            <div v-show="item.sendtime && item.sendtime>0" class="look_logistics">
-              查看物流
+
+        <!-- 占位 -->
+        <div id="bbb" class="title_box_lh" :style="'padding-top: ' + (($parent.top.value / 2) + 8) + 'px'"></div>
+        
+        <div class="com_box" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" :infinite-scroll-distance="list.length">
+            
+            <div @click="jumpOrderDes(item)" class="item_box" v-for="(item, index) in list" :key="index">
+                <img v-lazy="item.simg" src="item" alt="" />
+                <div class="right">
+                    <div class="name">{{item.title}}</div>
+                    <div v-show="item.address_name && item.address_address && item.address_phone" class="address_name">
+                        收货人: <span> {{item.address_name}}</span> <span> {{item.address_phone}}</span> <span> {{item.address_address}}</span>
+                    </div>
+                    <div v-show="item.price || item.total" class="exchange_type">
+                        <span v-show="item.total && $route.query.type==3">{{item.total}}积分</span>
+                        <span class="灰色" v-show="item.total && $route.query.type==7">{{item.total}}健康值</span>
+                        <span v-show="parseInt(item.price)>0">+{{item.price}}元</span>          
+                    </div>
+                    <div class="exchange_time">
+                        兑换时间 {{item.create_time*1000 | datetime('yyyy-MM-dd hh:mm:ss')}}
+                    </div>
+                    <div v-show="item.shop_type == 1 && !item.address_name && !item.address_address && !item.address_phone" class="btn-box">
+                        
+                        <!-- 需要填写地址状态 -->
+                        <!-- <div @click.stop="addAddressInfo(item)" class="btn">
+                            填写地址 
+                            <img src="static/img/red_right_icon.png" alt=""/>
+                        </div> -->
+                        
+                        <!-- 已填写地址等待发货状态 -->
+                        <div v-show="item.sendtime && item.sendtime>0" class="look_logistics">查看物流</div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-    </div>
-     <!-- 暂无记录展示 -->
-    <div v-show="list.length == 0 && isCall" class="no_gift_tip">
-      <img src="static/img/no_gift_tip.png" alt=""/>
-      <div class="text">暂无兑换记录</div>
-    </div>
-    <div v-show="list.length>0 && isMore ==0" class="is_more">
-        没有更多了
+        
+        <!-- 暂无记录展示 -->
+        <div v-show="list.length == 0 && isCall" class="no_gift_tip">
+            <img src="static/img/no_gift_tip.png" alt=""/>
+            <div class="text">暂无兑换记录</div>
+        </div>
+        <div v-show="list.length>0 && isMore ==0" class="is_more">
+            没有更多了
+        </div>
+        
+        <!-- 地址信息组件 -->
+        <!-- <app-address-toast ref="itemsInfo" @toUpdate="updateAddressInfo" v-show="pointsToast_control"></app-address-toast> -->
     </div>
-            <!-- 地址信息组件 -->
-    <!-- <app-address-toast ref="itemsInfo" @toUpdate="updateAddressInfo" v-show="pointsToast_control"></app-address-toast> -->
-</div>
 </template>
  
 <script>