<template>
<view class="success-popup-container" >
<u-popup bgColor="transparent" ref="popup" :round="20" :show="showCuspopqiye" mode="center" @close="handleCloseCupopqiye">
<view class="popup-cu" :style="bgImg" style="background-size: 100%;background-repeat: no-repeat;width: 301px;height: 330px;">
<text class="p-char"></text>
<view class="list" style="overflow: scroll;position: absolute;top: 159px;width: 200px;height: 109px;background-color: #FFFFFF;">
<view class="btn-wrap" >
<cell :iconUrl="urling" contactText="加入企业群聊1" bind:startmessage='startmessage' bind:completemessage="completemessage" :url='fsdfds2' />
</view>
<view class="btn-wrap" >
<cell :iconUrl="urling" contactText="加入企业群聊2" bind:startmessage='startmessage' bind:completemessage="completemessage" :url='fsdfds2' />
</view>
</view>
</view>
<image @click="handleCloseCupopqiye" :src="closeImg" class="closeImg" mode=""></image>
</u-popup>
</view>
</template>
<script>
import { imgUrl } from "@/http/baseApi.js"
export default {
name: "FialPopup",
data() {
return {
fsdfds2:'https://work.weixin.qq.com/gm/da57887913cf620da515f616af8244554fc18',
showCuspopqiye: false,
bgImg: 'background-image: url("' + imgUrl +
'/uploads/20230625/bf46cc3db1e473585e7113686eec72e0.png");',
urling:imgUrl+'/uploads/20230625/2f969513e1a74c5d46f87237e8b23b24.png',
closeImg:imgUrl+'/uploads/20230625/a4dcc2013ed2914f8986f22b76ce08d8.png'
}
},
methods: {
handleOpenCupopqiye() {//企业群聊
this.showCuspopqiye = true
},
handleCloseCupopqiye() {//企业群聊关闭
this.showCuspopqiye = false
},
}
}
</script>
<style lang="scss">
.popup-cu {
width: 450rpx;
padding: 50rpx 0 30rpx 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
// border-radius: 20rpx;
.p-char {
margin-bottom: 40rpx;
}
.btn-wrap {
margin-top: 10px;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
.btn {
width: 120rpx;
background-color: #0B60FF;
color: #fff;
border: 0px;
&.grey {
background-color: #fff;
color: #0B60FF;
border: 1rpx solid #0b60ff;
border-radius: 16rpx;
}
}
}
}
.closeImg {
position: absolute;
top: 37rpx;
right: 37rpx;
border-radius: 50%;
width: 54rpx;
height: 54rpx;
}
</style>