popup弹出层设置尺寸

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<view class="pop">
    <u-popup :show="show" :round="10" @close="close" @open="open" mode="center">
        <view class="pop-title">
            <text>账号注销</text>
        </view>
        <view class="pop-content">
            <text>  账号注销会清空该账号下所有APP数据，且无法找回，请谨慎操作。</text>
        </view>
        <view class="pop-btn">
            <u-button>取消</u-button>
            <u-button type="primary">确认</u-button>
        </view>
    </u-popup>
</view>

使用/deep/或>>>，样式最好加上scoped，不注意会影响全局。

1
2
3
4
/deep/.u-popup__content{
    width: 80% !important;
    padding: 40rpx;
}