zheng_xie_ui/components/popup/popup.vue

<template>
	<view>
		<!-- 弹窗 -->
		<view class="bgbox" @click="getClose" v-if="type"></view>
		<!-- 弹窗 -->
		<!-- 联名提案弹窗 -->
		<view class="fixedbox" v-if="type=='lmta'">
			<view class="ttit">提示</view>
			<view  class="boxs">
				<view class="ztit">您有<text>1</text>条联名提案邀请</view>
				<view class="ztit">请前往确认</view>
			</view>
			<view class="fixedbtn flexcj">
				<view class="btns btn1" @click="getClose">稍后再说</view>
				<view class="btns btn2" @click="getClose">立即确认</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
	import config from '@/config'
	const baseUrl = config.baseUrl
	import { getToken } from '@/utils/auth'
	export default{
		props:{
			type: {
				type: String,
				default () {
					return ''
				}
			},
		},
		data(){
			return{
				
				
			}
		},
		watch:{
		},
		onShow() {
			
		},
		mounted() {		  
		},
		methods:{
			checkPermi, checkRole,
			getClose(){
				this.$emit("getClose")
			},
		}
	}
</script>

<style lang="scss" scoped>
// 弹窗
.fixedbox{position: fixed;left: 136rpx;right: 136rpx;background: #fff;border-radius: 10rpx;top: 50%;transform: translateY(-50%);z-index: 10;padding: 40rpx 24rpx 52rpx;max-height: calc(100vh - 300rpx);overflow: auto;box-sizing: border-box;
	.ttit{position: relative;text-align: center;font-weight: bold;font-size: 36rpx;color: #222327;margin-bottom: 38rpx;}
	.boxs{
		.ttxt{font-weight: bold;font-size: 30rpx;color: #222327;
			text{margin-right: 6rpx;}
		}
		.ztit{font-weight: 500;font-size: 26rpx;color: #222327;text-align: center;line-height: 56rpx;text-align: center;
			text{color: #1D64E2;;margin: 0 6rpx;}
		}
}
	.fixedbtn{margin-top: 48rpx;
		.btns{width: 192rpx;height: 70rpx;border-radius: 35rpx;font-weight: bold;
font-size: 26rpx;display: flex;align-items: center;justify-content: center;box-sizing: border-box;
			&.btn1{color: #1D64E2;border: 2rpx solid #1D64E2;}
			&.btn2{color: #ffffff;background: #1D64E2;}
		}
		
	}
}

</style>