适配问题fix review by jun.qiu

@@ -4,44 +4,42 @@
   </div>
   <div v-else>
     <LayoutApp title="选择地址" :show-back="true" :back-action="goBack">
-        <CubeScroll class="main-container" ref="scroll" :options="scrollOpts">
-          <div class="user-list">
-            <div
-              v-for="(item, index) in addressList"
-              :key="index"
-              class="item"
-              @click="toOrderPage(item)"
-            >
-              <slot name="item" :data="item">
-                <div class="user-item">
+      <div class="user-list">
+        <div
+          v-for="(item, index) in addressList"
+          :key="index"
+          class="item"
+          @click="toOrderPage(item)"
+        >
+          <slot name="item" :data="item">
+            <div class="user-item">
+              <div
+                :class="{
+                  'uncheck-item': item.address_id !== selectedAddressId,
+                  'check-item': item.address_id === selectedAddressId
+                }"
+              ></div>
+              <div class="user-info">
+                <div class="extra">
+                  <p class="name">{{ item.consignee }}</p>
+                  <p class="mobile">{{ item.mobile }}</p>
+                  <div v-if="item.is_default === 'Y'" class="tag-btn">默认</div>
+                  <div v-if="item.tag_code && item.tag" class="tag-btn">{{ item.tag }}</div>
                   <div
-                    :class="{
-                      'uncheck-item': item.address_id !== selectedAddressId,
-                      'check-item': item.address_id === selectedAddressId
-                    }"
-                  ></div>
-                  <div class="user-info">
-                    <div class="extra">
-                      <p class="name">{{ item.consignee }}</p>
-                      <p class="mobile">{{ item.mobile }}</p>
-                      <div v-if="item.is_default === 'Y'" class="tag-btn">默认</div>
-                      <div v-if="item.tag_code && item.tag" class="tag-btn">{{ item.tag }}</div>
-                      <div
-                        class="option-btn"
-                        :data-item="JSON.stringify(item)"
-                        :data-add="0"
-                        @click="toEditorPage"
-                      >编辑</div>
-                    </div>
-                    <p class="address">{{ item.area }}{{ item.address }}</p>
-                  </div>
+                    class="option-btn"
+                    :data-item="JSON.stringify(item)"
+                    :data-add="0"
+                    @click="toEditorPage"
+                  >编辑</div>
                 </div>
-              </slot>
-              <div class="border-line"></div>
+                <p class="address">{{ item.area }}{{ item.address }}</p>
+              </div>
             </div>
-          </div>
-          <div class="add-btn" :data-add="1" @click="toEditorPage">新增地址</div>
-        </CubeScroll>
+          </slot>
+          <div class="border-line"></div>
+        </div>
+      </div>
+      <div class="add-btn" :data-add="1" @click="toEditorPage">新增地址</div>
     </LayoutApp>
   </div>
 </template>
@@ -156,19 +154,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
-  .cube-scroll-content {
-    min-height: 100%;
-  }
-
-  .cube-scroll-list-wrapper {
-    overflow: auto;
-  }
-
-  .cube-loading-spinners {
-    margin: auto;
-  }
-}
 
 .father-img {
   position: absolute;
@@ -186,6 +171,7 @@ export default {
 }
 
 .user-list {
+  display: block;
   background-color: white;
 
   .border-line {
@@ -255,14 +241,14 @@ export default {
 
       .option-btn {
         display: block;
-        width: 65px;
-        line-height: 44px;
+        width: 80px;
+        line-height: 50px;
         letter-spacing: -0.29px;
         color: black;
         font-size: 24px;
         position: absolute;
-        right: 40px;
-        text-align: right;
+        right: 30px;
+        text-align: center;
       }
     }
 

 <template>
   <LayoutApp :title="title" :show-back="true">
-    <div class="pane-body">
+    <div class="pane-body" ref="paneBody">
       <FormItem>
         <CInput
           label="收货人"
@@ -71,6 +71,7 @@
           ></Radio>
         </div>
       </div>
+      <div class="white-space"></div>
     <div :class="submitClass" @touchend="onSubmit">确 认</div>
 
     <AddressAct
@@ -279,12 +280,15 @@ export default {
     chooseArea() {
       this.isShowProvince = true;
 
+      this.$refs.paneBody.style.overflow = 'hidden';
+
       this.$refs.addressAct.parentHandleclick({
         areaCode: this.area_code
       });
     },
     popHidden() {
       let that = this;
+      this.$refs.paneBody.style.overflow = 'auto';
       that.isShowProvince = false;
     },
     modifyAddressAct(info) {
@@ -402,6 +406,13 @@ export default {
   }
 }
 
+.white-space {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  height: 120px;
+}
+
 .wrapper-tag {
   margin: 30px 0;
 
@@ -449,7 +460,7 @@ export default {
   background-color: #cccccc;
   color: white;
   border-radius: 40px;
-  position: absolute;
+  position: fixed;
   left: 32px;
   right: 32px;
   bottom: 24px;

@@ -509,7 +509,7 @@ export default {
         align-items: center;
 
         &.active {
-          font-size: 36px;
+          font-size: 30px;
           color: #000;
           font-weight: bold;
         }