扫码付款优化部分

mall/package.json

@@ -59,10 +59,11 @@
     "cross-env": "^7.0.0",
     "mini-types": "*",
     "miniprogram-api-typings": "^2.8.0-2",
-    "postcss-comment": "^2.0.0",
-    "vue-template-compiler": "^2.6.10",
     "moment": "^2.24.0",
-    "qs": "^6.8.0"
+    "postcss-comment": "^2.0.0",
+    "qs": "^6.8.0",
+    "sass-loader": "^8.0.2",
+    "vue-template-compiler": "^2.6.10"
   },
   "browserslist": [
     "Android >= 4",

mall/src/components/app-area-sel.vue

@@ -8,7 +8,11 @@
 				</div>
 				<!-- 搜索 -->
 				<div class="map-search">
-					<app-search-module ref="aaaaa" placeholder="请输入你的收货地址" :focus="true" @input="searchFn" />
+					<app-search-module 
+						ref="aaaaa" 
+						placeholder="请输入你的收货地址" 
+						:focus="isFocus" 
+						@input="searchFn" />
 				</div>
 				<!-- 地图 -->
 				<!-- <div class="map-box">
@@ -57,6 +61,10 @@
 			city: {
 				type: String,
 				default: ''
+			},
+			isFocus:{
+				type: Boolean,
+				default: true
 			}
 		},
 		data() {

mall/src/components/app-delivery.vue

@@ -183,7 +183,11 @@
       @onConfirm="onCityConfirm"
     ></simple-address>
     <!-- 选择地区 -->
-    <app-area-sel :show.sync="showRegion" :city="form.receiveCity" @change="changeAreaFn" />
+    <app-area-sel
+      :isFocus="false"
+      :show.sync="showRegion" 
+      :city="form.receiveCity" 
+      @change="changeAreaFn" />
   </div>
 </template>
 

mall/src/pages/order/detail.vue

@@ -86,7 +86,10 @@
 				<div class="module-com coupon-wrap" v-if="!$util.isEmpty(discountArr)">
 					<div class="module-tit">优惠信息</div>
 					<div class="module-det">
-						<app-coupon-sel ref="couponSel" :price="data.prePrice * data.goodsNum" :discountArr="['member', 'coupon']" />
+						<app-coupon-sel 
+							ref="couponSel" 
+							:price="data.prePrice * data.goodsNum" 
+							:discountArr="['member', 'coupon']" />
 					</div>
 				</div>
 			</block>
@@ -160,12 +163,16 @@
 		},
 		methods: {
 			init() {
-				this._getDet()
-				getShopUser().then(res => {
-					this.$refs.couponSel._getUserDiscount().then(status => {
+				this._getDet().then(()=>{
+					getShopUser().then(res => {
+					console.log(this.$refs)
+					this.$refs.couponSel._getUserDiscount()
+						.then(status => {
 						this.discountArr = status
 					})
 				})
+				})
+				
 			},
 			_getDet() {
 				let form = {}

mall/src/pages/pay/components/pay-input.vue

@@ -6,7 +6,7 @@
 				<span class="money-text">￥</span>
 				<span type="text" class="cashier-text" v-if="val || focus">{{ val }}</span>
                 <span class="cashier-text prompt" v-else>请输入金额</span>
-				<i class="cursor" v-show="focus"></i>
+				<i class="cursor" v-if="focus"></i>
 			</div>
 		</div>
 		<keyboard-module :show="keyShow" @comfirm="hideKeyFn" @clickKey="clickKeyFn" @del="delFn" />

mall/src/pages/pay/index.vue

@@ -23,7 +23,10 @@
         </div>
       </div>
       <!-- 查看更多 -->
-      <div class="view-more" :class="{'open' : tabIndex == 1}" @click="changeDelivery">
+      <div 
+        class="view-more" 
+        :class="{'open' : tabIndex == 1}" 
+        @click="changeDelivery">
         <div class="view-more-text">{{ tabIndex == 0 ? '帮我送' : '收起' }}</div>
         <i class="iconfont iconjiantouxia"></i>
       </div>
@@ -357,6 +360,9 @@ export default {
     },
     changeDelivery() {
       this.tabIndex = this.tabIndex == 0 ? 1 : 0;
+      if(this.tabIndex === 1) {
+         this.inpFocus = false;
+      }
     }
   }
 };