activitys-uniapp/components/alert/votePopup.vue

<template>
	<u-popup v-model="show" mode="bottom" width="100%" height="750" border-radius="15" :closeable="true">
		<view class="padding-30">
			<view class="padding-top-20 text-bold text-xl">投票助力</view>
			<view class="padding-20" style="color: #888888;font-size: 22rpx;" >{{}}</view>
			<view>
				
			</view>
		</view>
	</u-popup>
</template>

<script>
	export default {
		name:"votePopup",
		data() {
			return {
				show: true,
			};
		},
		
		methods: {
			showVote(){
				this.show = true;
			},
			hideVote(){
				this.show = false;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.sms-alert-container{
		padding: 50rpx;
		.title{
			width: 100%;
			text-align: center;
			 padding:  0rpx 10rpx 50rpx 10rpx ;
			font-weight: 500;
			color: #353535;
			letter-spacing: 2rpx;
			font-size: 30rpx;
		}
		.info-msg{
			padding: 5rpx 5rpx 20rpx 5rpx;
			color: #353535;
		}
		.input-box{
			display: flex;
			align-items: center;
			justify-content: left;
			border: 1rpx solid #DDDDDD;
			border-radius: 10rpx;
			margin: 0 0 50rpx 0;
			padding:  5rpx 5rpx 5rpx 30rpx;
		}
		.input-content{
			width: 66%;
		}
		.code-button{
			width: 34%;
			border-left: 1rpx solid #DDDDDD;text-align: center;
		}
	}
</style>