dengjie commit : 删除二次确认

packageMy/browseHistory/browseHistory.vue

@@ -12,7 +12,7 @@
 							</u-image>
 							<view class="img_tag">{{item.img_tag}}</view>
 						</view>
-						<view style="padding: 16rpx;">
+						<view style="padding: 14rpx 22rpx;">
 							<view class="title_box">
 								<text class="title">{{item.title}}</text>
 								<u-tag :text="item.tag" type="warning" shape="circle"></u-tag>
@@ -30,10 +30,13 @@
 							</view>
 						</view>
 					</view>
-					<u-button v-if="type==1" type="success" text="移除" color="#0EBB5B"></u-button>
+					<u-button v-if="type==1" type="success" text="移除" color="#0EBB5B" @click="showModal()"></u-button>
 					<u-button v-if="type==2" type="success" text="取消收藏" color="#0EBB5B"></u-button>
 				</u-grid-item>
 			</u-grid>
+			<u-modal :show="showM" :content="content" showCancelButton closeOnClickOverlay @confirm="confirm"
+				@cancel="cancel" @close="close">
+			</u-modal>
 		</view>
 	</view>
 </template>
@@ -42,6 +45,8 @@
 	export default {
 		data() {
 			return {
+				showM: false,
+				content: '您确定移除吗?',
 				type: '',
 				productList: [{
 						src: '/static/products/zhanwei_dg.png',
@@ -82,12 +87,57 @@
 			this.type = options.id
 		},
 		methods: {
+			//移除按钮
+			showModal() {
+				this.showM = true
+			},
+			confirm() {
 
+			},
+			cancel() {
+				this.showM = false
+			},
+			close() {
+				this.showM = false
+			}
 		}
 	}
 </script>
 
 <style lang="scss">
+	.u-modal {
+		width: 472rpx !important;
+
+	}
+
+	.u-modal__button-group__wrapper--cancel {
+
+		background: #D8D8D8;
+
+		.u-modal__button-group__wrapper__text {
+			color: #fff !important;
+		}
+	}
+
+	.u-modal__content {
+		padding: 43rpx 104rpx !important;
+		text-indent: 25rpx;
+	}
+
+	.u-modal__content__text {
+		font-size: 32rpx !important;
+		font-weight: 400;
+		color: #252421 !important;
+	}
+
+	.u-modal__button-group__wrapper--confirm {
+		background: #0EBB5B;
+
+		.u-modal__button-group__wrapper__text {
+			color: #fff !important;
+		}
+	}
+
 	.u-button {
 		width: 150rpx !important;
 		height: 50rpx !important;