[抖火客户端]

components/mould-tips.vue

@@ -0,0 +1,98 @@
+<template>
+	<view>
+		<view class="tipsBack" v-if="seeData.seeShow"></view>
+		<view class="tipsCont" v-if="seeData.seeShow">
+			<view class="tipsWhite">
+				<view class="tipsWhite-top">
+					<view class="tipsWhite-name">
+						{{seeData.seeTitle}}
+					</view>
+					<view class="tipsWhite-text">
+						{{seeData.seeText}}
+					</view>
+				</view>
+				<view class="tipsWhite-btn" @click="tipsClick">
+					知道了
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		name: 'mouldTips',
+		data(){
+			return {}
+		},
+		props: {
+			seeData: {
+				type	: Object,
+				default : ''
+			},
+		},
+		onLoad() {
+		},
+		methods: {
+			tipsClick(){
+				this.$emit('tipsClose', false)
+			}
+		}
+	}
+</script>
+
+<style>
+	.tipsBack {
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		left: 0;
+		top: 0;
+		z-index: 9;
+		background-color: rgba(0, 0, 0, .5);
+	}
+	.tipsCont {
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-box-pack: center;
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 10;
+		padding: 0 10%;
+		box-sizing: border-box;
+	}
+	
+	.tipsWhite {
+		background-color: #ffffff;
+		border-radius: 20rpx;
+	}
+	
+	.tipsWhite-top {
+		padding: 30rpx 50rpx;
+		box-sizing: border-box;
+	}
+	
+	.tipsWhite-name {
+		text-align: center;
+		color: #111111;
+		font-size: 34rpx;
+		font-weight: 600;
+		margin-bottom: 30rpx;
+	}
+	
+	.tipsWhite-text {
+		font-size: 30rpx;
+		color: #666666;
+		line-height: 48rpx;
+	}
+	
+	.tipsWhite-btn {
+		color: #446EFE;
+		line-height: 100rpx;
+		text-align: center;
+		border-top: 2rpx solid #F6F6F6;
+	}
+</style>