property/user_ui/components/box/popup.vue

<template>
	<view>
		<!-- 弹窗 -->
		<view class="bgbox" @click="getClose" v-if="type"></view>
		<view v-if="type=='wygj'" class="wygjbox">
			<view class="wytop">
				<image :src="wytit" class="imga"></image>
				<image :src="head" class="imgb"></image>
			</view>
			<view class="wylist flexc" v-for="(ite,idx) in phoneList" :key="idx">
				<image :src="ite.title.indexOf('投诉')!=-1?phicob:phicoa"></image>
				<view>
					<view class="co6 mb4">{{ite.title}}</view>
					<view class="co27">{{ite.content}}</view>
				</view>
			</view>
			<image :src="closeimg" class="closeimg" @click="getClose"></image>
		</view>
	</view>
</template>

<script>
	import config from '@/config'
	const baseUrl = config.baseUrl
	import { getToken } from '@/utils/auth'
	import {uploadmore} from '@/utils/common.js'
	export default{
		components:{},
		props:{
			type: {
				type: String,
				default () {
					return ''
				}
			},
			canres:{
				type: Array,
				default () {
					return []
				}
			},
			finshtype:{
				type: [String,Number],
				default () {
					return ''
				}
			},
			phoneList:{
				type: Array,
				default () {
					return []
				}
			}
		},
		data(){
			return{
				baseUrl:config.baseUrl,
				closeimg:require("@/static/images/close.png"),
				head:require("@/static/images/head.png"),
				phicoa:require("@/static/images/phicoa.png"),
				phicob:require("@/static/images/phicob.png"),
				wytit:require("@/static/images/wytit.png"),
				// rimg: require('@/work/static/people/rimg.png'),
				// headbg: require('@/work/static/service/headbg.png'),
				datainfo:{
					iszc:""
				},
				tabval:0,

			}
		},
		mounted() {
			this.baseUrl=baseUrl
		},
		watch:{
			type(val){
				// this.filelist=[];
				// this.shtext='';
				// this.isty='2';
				// this.phofile=[];
			}
		},
		methods:{
			
			getClose(){
				this.$emit('getClose')
			},
			getSure(){
				this.$emit('getSure')
			},
			
			
		}
	}
</script>

<style lang="scss" scoped>	
.wygjbox{position: fixed;left:166rpx;right: 166rpx;background: linear-gradient(0deg, #FFFFFF, #FEF6E1);border-radius: 20rpx;padding: 26rpx 38rpx 12rpx;z-index: 10;top: 40%;transform: translateY(-50%);
	.wytop{display: flex;align-items: flex-end;margin-bottom: 52rpx;
		.imga{width: 230rpx;height: 74rpx;margin-right: 26rpx;}
		.imgb{width: 86rpx;height: 86rpx;}
	}
	.wylist{padding-left: 34rpx;margin-bottom: 28rpx;
		image{width: 34rpx;height: 34rpx;margin-right: 16rpx;flex: 0 0 auto;}
		view{font-weight: 500;font-size: 26rpx;}
	}
}
.closeimg{width: 34rpx;height: 34rpx;position: absolute;bottom: -52rpx;left: 50%;margin-left: -16rpx;}
</style>