uniapp中修改showModal的样式

使用uniapp的时候,碰到showModal的样式和设计搞一样,在此记录一下。
uni.scss中直接修改你的样式即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
uni-modal .uni-modal {
width: 538.46rpx;
border-radius: 15.38rpx;
.uni-modal__hd {
font-size: 32.69rpx;
font-weight: 500;
padding: 38.46rpx 38.46rpx 23.08rpx;
color: rgba(23, 26, 29, 1);
}
.uni-modal__bd {
padding: 0 38.46rpx 30.77rpx;
color: rgba(23, 26, 29, 0.6);
line-height: 38.46rpx;
font-size: 26.92rpx;
}
.uni-modal__btn {
font-size: 32.69rpx;
font-weight: 500;
&::after {
border-color: rgba(236, 236, 236, 1);
}
}
.uni-modal__ft:after {
border-color: rgba(236, 236, 236, 1);
}
}

如果没有uni.scss可在App.vue中修改。
首先这种方式只能全局修改,目前没有发现局部修改的方法,有小伙伴有其他的方法的话,可以帮我补充一下,谢谢~~~