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

pages/instrument/basics.vue

@@ -95,10 +95,7 @@
 				<view class="module-hint">点击查看封面/视频，长按删除封面/视频</view>
 			</view>
 		</block>
-		<view class="basisc-btn">
-			<view class="add-modules" @click="addModule">添加模块</view>
-			<button class="btn" type="default" @click="onBasicsInfo">保存</button>
-		</view>
+		<view @click="addModule" class="add-modules"><uni-icons class="icon" color="#8b64fd" size="20" type="plus"></uni-icons>添加模块</view>
 	</view>
 </template>
 
@@ -130,6 +127,9 @@
 				})
 			})
 		},
+		onNavigationBarButtonTap(){
+			this.onBasicsInfo()
+		},
 		methods:{
 			// 图片预览
 			openImg(paths, index, type){
@@ -336,7 +336,7 @@
 
 <style lang="scss" scoped>
 	.basics-content{
-		padding-bottom: ($padding*3) + 90;
+		
 	}
 	// 基础信息
 	.info{
@@ -399,48 +399,19 @@
 			}
 		}
 	}
-	// 按钮组
-	.basisc-btn{
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		padding: $padding;
+	// 添加模块
+	.add-modules{
+		margin: $margin 0;
+		line-height: 88rpx;
+		height: 88rpx;
+		text-align: center;
+		color: $text-price;
 		background: white;
-		margin-top: $margin - 10;
-		display: flex;
-		justify-content: space-between;
-		box-shadow: 0 0 4rpx 4rpx rgba($color: #000000, $alpha: .02);
-		.add-modules{
-			line-height: 86rpx;
-			height: 88rpx;
-			text-align: center;
-			color: $text-price;
-			background: white;
-			width: calc(50% - 15rpx);
-			margin-right: 30rpx;
-			border:solid 1rpx $mian-color;
-			box-sizing: border-box;
-			font-size: $title-size-lg;
-			.icon{
-				margin-right: $margin/3;
-			}
-		}
-		.btn {
-			background: $mian-color;
-			color: white;
-			border-radius: 0;
-			font-size: $title-size-lg;
-			line-height: 88rpx;
-			height: 88rpx;
-			width: calc(50% - 15rpx);
-			&::after {
-				border: none;
-			}
-		
-			&[disabled] {
-				background: rgba($color: $mian-color, $alpha: .6);
-			}
+		box-sizing: border-box;
+		font-size: $title-size-lg;
+		.icon{
+			vertical-align: middle;
+			margin-right: $margin/3;
 		}
 	}
 	// 展示模块