Ver código fonte

修改结算按钮

743180155@qq.com 1 ano atrás
pai
commit
4fc5d0892a
1 arquivos alterados com 14 adições e 3 exclusões
  1. 14 3
      src/pages/client/clientPackage/uptickOrder.vue

+ 14 - 3
src/pages/client/clientPackage/uptickOrder.vue

@@ -126,7 +126,7 @@
 		</u-popup>
 		
 		<view class="btn-box">
-			<view class="btn">
+			<view class="btn" @click="handlerSettleBtn">
 				结算
 			</view>
 		</view>
@@ -144,6 +144,18 @@
 				coupon_show: false
 				
 			}
+		},
+		methods:{
+			// 结算按钮
+			handlerSettleBtn(){
+				wx.showLoading({
+				  title: '结算中......',
+				})
+				
+				setTimeout(function () {
+				  wx.hideLoading()
+				}, 3000)
+			}
 		}
 	}
 </script>
@@ -151,7 +163,7 @@
 <style lang="scss" scoped>
 	.container {
 		min-height: calc(100vh - 40rpx);
-		background: linear-gradient(to bottom, #c9d6ff, #D2DAF5, #F2F4FA, #fff);
+		background: linear-gradient(to bottom,  #bacff5, #F2F4FA, #fff);
 		padding: 20rpx;
 
 		.content-box {
@@ -311,7 +323,6 @@
 				background-color: #fff;
 				display: flex;
 				align-items: center;
-				width: 100%;
 
 				.item-left {
 					display: flex;