mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
[improvement] Dialog: optimize style (#717)
This commit is contained in:
parent
c40a55d007
commit
2e2879a6e3
@ -1,6 +1,8 @@
|
|||||||
import Page from '../../common/page';
|
import Page from '../../common/page';
|
||||||
import Dialog from '../../dist/dialog/dialog';
|
import Dialog from '../../dist/dialog/dialog';
|
||||||
|
|
||||||
|
const message = '有赞是一家零售科技公司,致力于成为商家服务领域里最被信任的引领者';
|
||||||
|
|
||||||
Page({
|
Page({
|
||||||
data: {
|
data: {
|
||||||
show: false,
|
show: false,
|
||||||
@ -15,7 +17,7 @@ Page({
|
|||||||
onClickAlert() {
|
onClickAlert() {
|
||||||
Dialog.alert({
|
Dialog.alert({
|
||||||
title: '标题',
|
title: '标题',
|
||||||
message: '内容'
|
message
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -25,14 +27,14 @@ Page({
|
|||||||
|
|
||||||
onClickAlert2() {
|
onClickAlert2() {
|
||||||
Dialog.alert({
|
Dialog.alert({
|
||||||
message: '内容'
|
message
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
onClickConfirm() {
|
onClickConfirm() {
|
||||||
Dialog.confirm({
|
Dialog.confirm({
|
||||||
title: '标题',
|
title: '标题',
|
||||||
message: '内容'
|
message
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -8,7 +8,8 @@
|
|||||||
background-color: @white;
|
background-color: @white;
|
||||||
|
|
||||||
&__header {
|
&__header {
|
||||||
padding: 15px 0 0;
|
font-weight: 500;
|
||||||
|
padding-top: 25px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
&--isolated {
|
&--isolated {
|
||||||
@ -17,12 +18,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__message {
|
&__message {
|
||||||
padding: 20px;
|
padding: 25px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
&--has-title {
|
&--has-title {
|
||||||
color: @gray-darker;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
padding-top: 12px;
|
||||||
|
color: @gray-darker;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -44,7 +46,7 @@
|
|||||||
&__confirm {
|
&__confirm {
|
||||||
&,
|
&,
|
||||||
&:active {
|
&:active {
|
||||||
color: @red !important;
|
color: @blue !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user