bug

src/apps/AppSuperMarket/AppSuperMarket.vue

@@ -1,13 +1,21 @@
 <template>
   <div class="AppSupermarket">
     <AiTopFixed>
-      <div class="area-content">
+      <!-- <div class="area-content">
         <AiAreaPicker :areaId="user.areaId" :value="areaId" @select="areaSelect" :name.sync="areaName">
           <img src="./components/img/local-icon.png" alt="">
           <span class="label" v-if="areaName">{{ areaName }}</span>
           <span v-else>请选择</span>
           <u-icon name="arrow-down" color="#666" size="24"/>
         </AiAreaPicker>
+      </div> -->
+      <div class="header-top">
+        <div>区域选择</div>
+        <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
+          <span class="label" v-if="areaName">{{ areaName }}</span>
+          <span v-else>请选择</span>
+          <u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
+        </AiAreaPicker>
       </div>
     </AiTopFixed>
     <div class="goods-list" v-if="numList.length">
@@ -66,7 +74,7 @@ import { mapState } from "vuex";
 
 export default {
   name: "AppSuperMarket",
-  appName: '信用好超市',
+  appName: '积分兑换',
   data() {
     return {
       numList: [],
@@ -117,7 +125,7 @@ export default {
     this.areaName = this.user.areaName || ''
   },
   onShow() {
-    document.title = '信用好超市'
+    document.title = '积分兑换'
   },
   methods: {
     toOrder() {
@@ -211,6 +219,13 @@ export default {
     height: 100%;
     background-color: #fff;
   }
+  .header-top {
+    display: flex;
+    background: #fff;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 16px;
+  }
   .area-content {
     width: 100%;
     line-height: 64px;