<template>
<view>
<u-popup v-model="popupContentShow" mode="center" :border-radius="35">
<view class="popupContentBox">
<p><h2>标题</h2> </p>
<view class="c_box_">
内容
</view>
<!-- 按钮 -->
<view class="">
<u-button type="primary" @click="点击事件">按钮</u-button>
</view>
</view>
</u-popup>
</view>
</template>
<script>
export default {
data() {
return {
popupContentShow:false,
}
},
onLoad() {},
methods:{},
}
</script>
<style>
.popupContentBox{
width: 600rpx;
padding: 50rpx;
}
.q_box_ {
width: 400rpx;
margin: 50rpx auto;
}
</style>
最终效果:
自定义背景图的话
/deep/.u-mode-center-box{
background-color: transparent !important;
}
没什么技术含量的东西,有用的话偷偷的复制,有bug 再评论,谢谢兄弟!