xiamen-sb-uniapp/components/common-mask/common-mask.vue

<template>
	<view>
		<view v-if="item.id == maskId" class="p-absolute left0 right0 top0 bottom0 d-flex a-center px3 j-around " style="background: rgba(0,0,0,.2);"
		 @click.stop="hideMask">
		 <view @click.stop="handleDel(item.id)" class="border-radius d-flex j-center a-center mask-red" style="width: 120rpx;height: 120rpx;">删除</view>
		 
		 <view v-if='isEdit' @click.stop="handleEdit(item.id)" class="border-radius d-flex j-center a-center mask-blue" style="width: 120rpx;height: 120rpx;">修改</view>
		 
		 <view v-if='isSum' @click.stop="handleSum(item.id)" class="border-radius d-flex j-center a-center mask-gray" style="width: 120rpx;height: 120rpx;">提交</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		props:{
			item:{
				type:Object,
				default:()=>{}
			},
			maskId:{
				type:[String,Number],
				default:0
			},
			isEdit:{
				type:Boolean,
				default:false
			},
			isSum:{
				type:Boolean,
				default:false
			}
		},
		methods:{
			hideMask(){
				this.$emit('hide')
			},
			handleDel(){
				this.$emit('del')
			},
			handleEdit(){
				this.$emit('edit')
			},
			handleSum(){
				this.$emit('sum')
			}
		}
	}
</script>

<style>

</style>