调整区块链电商App兼容优化

pages/coupons/management.vue

@@ -25,7 +25,6 @@
 						</view>
 						<image v-else class="cover-img" :src="item.cover" mode="aspectFill" />
 					</view>
-					
 					<view class="item mian">
 						<view class="title nowrap">{{item.title}}</view>
 						<view class="time nowrap">
@@ -48,9 +47,6 @@
 				<no-list name='no-counpon' txt="没有任何相关优惠券~" />
 			</view>
 		</block>
-		<view class="basisc-btn">
-			<button class="btn" type="default" @click="$Router.push({name: 'couponsAdd'})">添加优惠券</button>
-		</view>
 	</view>
 </template>
 
@@ -68,6 +64,9 @@
 		onShow() {
 			this.getCoupons()
 		},
+		onNavigationBarButtonTap() {
+			this.$Router.push({name: 'couponsAdd'})
+		},
 		methods:{
 			// 选择类型
 			onTabs(value){
@@ -102,34 +101,6 @@
 </script>
 
 <style lang="scss" scoped>
-    .basics-content{
-    	padding-bottom: ($padding*3) + 90;
-    }
-    
-	// 按钮组
-	.basisc-btn{
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		padding: $padding;
-		background: white;
-		box-shadow: 0 0 4rpx 4rpx rgba($color: #000000, $alpha: .02);
-		.btn {
-			background: $mian-color;
-			color: white;
-			border-radius: 0;
-			font-size: $title-size-lg;
-			line-height: 88rpx;
-			height: 88rpx;
-			&::after {
-				border: none;
-			}
-			&[disabled] {
-				background: rgba($color: $mian-color, $alpha: .6);
-			}
-		}
-	}
 	// tabs
 	.header{
 		position: fixed;
@@ -207,7 +178,7 @@
 			.cover{
 				position: relative;
 				border-right: dashed 3rpx $border-color;
-				width: 148rpx;
+				width: 218rpx;
 				text-align: center;
 				.cover-img{
 					width: 148rpx;
@@ -253,7 +224,7 @@
 			}
 			.mian{
 				justify-content: center;
-				width: calc(100% - 148rpx - #{$padding*2});
+				width: calc(100% - 218rpx);
 				box-sizing: border-box;
 				@extend .vertical;
 				.title{