ProAdvanced/components/modal-tip/modalTip.vue

<template>
	<view class="cu-modal "  @touchmove.stop.prevent="moveBoxingHandle">
		<view class="cu-bind-modal">
			<view style="position: absolute; top: 0; left: 0; width: 100%; height:100%;">
				<image style="position: absolute;top: 0;left: 0; width: 100%;height: 100%;" src="/static/modelBg.png"></image>
			</view>
			<view class="flex flex-direction justify-between " style="position: relative; height: 100%;">
				<view class="flex justify-around justify-center align-center" style="margin: 170rpx 30rpx 0 30rpx;">
					<view style="width: 80rpx;height: 2rpx;border-radius: 2px; background-color: #cbcdcf;"></view>
					<view class="make-text-bPurple" style=" font-size: 20px;">{{title}}</view>
					<view style="width: 80rpx;height: 2rpx;border-radius: 2px;background-color: #cbcdcf;"></view>
				</view>
				<view class="text-16px" style="align-self: center; max-width: 200px; word-break: break-all;">{{context}}</view>
	
				<view class="flex justify-around align-center" style=" border-top: 1rpx solid #EEEEEE; margin-bottom: 2px;">
					<view class="flex justify-center align-center  text-16px" style="width: 100%;height: 123rpx;" @tap="hideModalTip">取消</view>
					<view style="height: 123rpx;width: 1px;background-color: #EEEEEE;"></view>
					<view class="flex justify-center align-center  text-16px" style="width: 100%;height: 123rpx;" @tap="confirmModalTip">确定</view>
				</view>
			</view>
	
	
		</view>
	</view>

</template>

<script>
	export default {
		props: {
		
		},
		data() {
			return {
				title:'提示',
				context:''
			};
		},
		created() {

		},
		methods: {
			setShowData(data){
				let {title,context} = data;
				this.title = title;
				this.context = context;
			},
			hideModalTip(){
				this.$emit('hide')
			},
			confirmModalTip(){
				this.$emit('confirm')
			}

		}
	}
</script>

<style lang="scss">
	
</style>