5201 lines
122 KiB
Plaintext
5201 lines
122 KiB
Plaintext
[data-weui-theme="light"],page {
|
|
--weui-BTN-DISABLED-FONT-COLOR: rgba(0,0,0,.2);
|
|
}
|
|
|
|
[data-weui-theme="dark"] {
|
|
--weui-BTN-DISABLED-FONT-COLOR: hsla(0,0%,100%,.2);
|
|
}
|
|
|
|
[data-weui-theme="light"],page {
|
|
--weui-BTN-DEFAULT-BG: #f2f2f2;
|
|
}
|
|
|
|
[data-weui-theme="dark"] {
|
|
--weui-BTN-DEFAULT-BG: hsla(0,0%,100%,.08);
|
|
}
|
|
|
|
[data-weui-theme="light"],page {
|
|
--weui-BTN-DEFAULT-COLOR: #06ae56;
|
|
}
|
|
|
|
[data-weui-theme="dark"] {
|
|
--weui-BTN-DEFAULT-COLOR: hsla(0,0%,100%,.8);
|
|
}
|
|
|
|
[data-weui-theme="light"],page {
|
|
--weui-BTN-DEFAULT-ACTIVE-BG: #e6e6e6;
|
|
}
|
|
|
|
[data-weui-theme="dark"] {
|
|
--weui-BTN-DEFAULT-ACTIVE-BG: hsla(0,0%,100%,.126);
|
|
}
|
|
|
|
[data-weui-theme="light"],page {
|
|
--weui-BTN-ACTIVE-MASK: rgba(0,0,0,.1);
|
|
}
|
|
|
|
[data-weui-theme="dark"] {
|
|
--weui-BTN-ACTIVE-MASK: hsla(0,0%,100%,.05);
|
|
}
|
|
|
|
[data-weui-theme="light"][data-weui-mode="care"],page[data-weui-mode="care"] {
|
|
--weui-BTN-DEFAULT-COLOR: #018942;
|
|
}
|
|
|
|
[data-weui-theme="dark"][data-weui-mode="care"] {
|
|
--weui-BTN-DEFAULT-COLOR: hsla(0,0%,100%,.8);
|
|
}
|
|
|
|
[data-weui-theme="light"],page {
|
|
--weui-DIALOG-LINE-COLOR: rgba(0,0,0,.1);
|
|
}
|
|
|
|
[data-weui-theme="dark"] {
|
|
--weui-DIALOG-LINE-COLOR: hsla(0,0%,100%,.1);
|
|
}
|
|
|
|
page {
|
|
font-family: system-ui,-apple-system,Helvetica Neue,sans-serif;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
icon {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.weui-input__placeholder {
|
|
color: var(--weui-FG-2);
|
|
}
|
|
|
|
[data-weui-theme="light"],page {
|
|
--weui-BG-0: #ededed;
|
|
--weui-BG-1: #f7f7f7;
|
|
--weui-BG-2: #fff;
|
|
--weui-BG-3: #f7f7f7;
|
|
--weui-BG-4: #4c4c4c;
|
|
--weui-BG-5: #fff;
|
|
--weui-FG-0: rgba(0,0,0,.9);
|
|
--weui-FG-HALF: rgba(0,0,0,.9);
|
|
--weui-FG-1: rgba(0,0,0,.5);
|
|
--weui-FG-2: rgba(0,0,0,.3);
|
|
--weui-FG-3: rgba(0,0,0,.1);
|
|
--weui-FG-4: rgba(0,0,0,.15);
|
|
--weui-RED: #fa5151;
|
|
--weui-REDORANGE: #ff6146;
|
|
--weui-ORANGE: #fa9d3b;
|
|
--weui-YELLOW: #ffc300;
|
|
--weui-GREEN: #91d300;
|
|
--weui-LIGHTGREEN: #95ec69;
|
|
--weui-BRAND: #07c160;
|
|
--weui-BLUE: #10aeff;
|
|
--weui-INDIGO: #1485ee;
|
|
--weui-PURPLE: #6467f0;
|
|
--weui-WHITE: #fff;
|
|
--weui-LINK: #576b95;
|
|
--weui-TEXTGREEN: #06ae56;
|
|
--weui-FG: #000;
|
|
--weui-BG: #fff;
|
|
--weui-TAG-TEXT-ORANGE: #fa9d3b;
|
|
--weui-TAG-BACKGROUND-ORANGE: rgba(250,157,59,.1);
|
|
--weui-TAG-TEXT-GREEN: #06ae56;
|
|
--weui-TAG-BACKGROUND-GREEN: rgba(6,174,86,.1);
|
|
--weui-TAG-TEXT-BLUE: #10aeff;
|
|
--weui-TAG-BACKGROUND-BLUE: rgba(16,174,255,.1);
|
|
--weui-TAG-TEXT-BLACK: rgba(0,0,0,.5);
|
|
--weui-TAG-BACKGROUND-BLACK: rgba(0,0,0,.05);
|
|
}
|
|
|
|
[data-weui-theme="dark"] {
|
|
--weui-BG-0: #111;
|
|
--weui-BG-1: #1e1e1e;
|
|
--weui-BG-2: #191919;
|
|
--weui-BG-3: #202020;
|
|
--weui-BG-4: #404040;
|
|
--weui-BG-5: #2c2c2c;
|
|
--weui-FG-0: hsla(0,0%,100%,.8);
|
|
--weui-FG-HALF: hsla(0,0%,100%,.6);
|
|
--weui-FG-1: hsla(0,0%,100%,.5);
|
|
--weui-FG-2: hsla(0,0%,100%,.3);
|
|
--weui-FG-3: hsla(0,0%,100%,.1);
|
|
--weui-FG-4: hsla(0,0%,100%,.15);
|
|
--weui-RED: #fa5151;
|
|
--weui-REDORANGE: #ff6146;
|
|
--weui-ORANGE: #c87d2f;
|
|
--weui-YELLOW: #cc9c00;
|
|
--weui-GREEN: #74a800;
|
|
--weui-LIGHTGREEN: #3eb575;
|
|
--weui-BRAND: #07c160;
|
|
--weui-BLUE: #10aeff;
|
|
--weui-INDIGO: #1196ff;
|
|
--weui-PURPLE: #8183ff;
|
|
--weui-WHITE: hsla(0,0%,100%,.8);
|
|
--weui-LINK: #7d90a9;
|
|
--weui-TEXTGREEN: #259c5c;
|
|
--weui-FG: #fff;
|
|
--weui-BG: #000;
|
|
--weui-TAG-TEXT-ORANGE: rgba(250,157,59,.6);
|
|
--weui-TAG-BACKGROUND-ORANGE: rgba(250,157,59,.1);
|
|
--weui-TAG-TEXT-GREEN: rgba(6,174,86,.6);
|
|
--weui-TAG-BACKGROUND-GREEN: rgba(6,174,86,.1);
|
|
--weui-TAG-TEXT-BLUE: rgba(16,174,255,.6);
|
|
--weui-TAG-BACKGROUND-BLUE: rgba(16,174,255,.1);
|
|
--weui-TAG-TEXT-BLACK: hsla(0,0%,100%,.5);
|
|
--weui-TAG-BACKGROUND-BLACK: hsla(0,0%,100%,.05);
|
|
}
|
|
|
|
[data-weui-theme="light"][data-weui-mode="care"],page[data-weui-mode="care"] {
|
|
--weui-BG-0: #ededed;
|
|
--weui-BG-1: #f7f7f7;
|
|
--weui-BG-2: #fff;
|
|
--weui-BG-3: #f7f7f7;
|
|
--weui-BG-4: #4c4c4c;
|
|
--weui-BG-5: #fff;
|
|
--weui-FG-0: #000;
|
|
--weui-FG-HALF: #000;
|
|
--weui-FG-1: rgba(0,0,0,.6);
|
|
--weui-FG-2: rgba(0,0,0,.42);
|
|
--weui-FG-3: rgba(0,0,0,.1);
|
|
--weui-FG-4: rgba(0,0,0,.15);
|
|
--weui-RED: #dc3636;
|
|
--weui-REDORANGE: #ff6146;
|
|
--weui-ORANGE: #e17719;
|
|
--weui-YELLOW: #bb8e00;
|
|
--weui-GREEN: #4f8400;
|
|
--weui-LIGHTGREEN: #2e8800;
|
|
--weui-BRAND: #018942;
|
|
--weui-BLUE: #007dbb;
|
|
--weui-INDIGO: #0075e2;
|
|
--weui-PURPLE: #6265f1;
|
|
--weui-WHITE: #fff;
|
|
--weui-LINK: #576b95;
|
|
--weui-TEXTGREEN: #06ae56;
|
|
--weui-FG: #000;
|
|
--weui-BG: #fff;
|
|
--weui-TAG-TEXT-ORANGE: #e17719;
|
|
--weui-TAG-BACKGROUND-ORANGE: rgba(225,119,25,.1);
|
|
--weui-TAG-TEXT-GREEN: #06ae56;
|
|
--weui-TAG-BACKGROUND-GREEN: rgba(6,174,86,.1);
|
|
--weui-TAG-TEXT-BLUE: #007dbb;
|
|
--weui-TAG-BACKGROUND-BLUE: rgba(0,125,187,.1);
|
|
--weui-TAG-TEXT-BLACK: rgba(0,0,0,.5);
|
|
--weui-TAG-BACKGROUND-BLACK: rgba(0,0,0,.05);
|
|
}
|
|
|
|
[data-weui-theme="dark"][data-weui-mode="care"] {
|
|
--weui-BG-0: #111;
|
|
--weui-BG-1: #1e1e1e;
|
|
--weui-BG-2: #191919;
|
|
--weui-BG-3: #202020;
|
|
--weui-BG-4: #404040;
|
|
--weui-BG-5: #2c2c2c;
|
|
--weui-FG-0: hsla(0,0%,100%,.85);
|
|
--weui-FG-HALF: hsla(0,0%,100%,.65);
|
|
--weui-FG-1: hsla(0,0%,100%,.55);
|
|
--weui-FG-2: hsla(0,0%,100%,.35);
|
|
--weui-FG-3: hsla(0,0%,100%,.1);
|
|
--weui-FG-4: hsla(0,0%,100%,.15);
|
|
--weui-RED: #fa5151;
|
|
--weui-REDORANGE: #ff6146;
|
|
--weui-ORANGE: #c87d2f;
|
|
--weui-YELLOW: #cc9c00;
|
|
--weui-GREEN: #74a800;
|
|
--weui-LIGHTGREEN: #3eb575;
|
|
--weui-BRAND: #07c160;
|
|
--weui-BLUE: #10aeff;
|
|
--weui-INDIGO: #1196ff;
|
|
--weui-PURPLE: #8183ff;
|
|
--weui-WHITE: hsla(0,0%,100%,.8);
|
|
--weui-LINK: #7d90a9;
|
|
--weui-TEXTGREEN: #259c5c;
|
|
--weui-FG: #fff;
|
|
--weui-BG: #000;
|
|
--weui-TAG-TEXT-ORANGE: rgba(250,157,59,.6);
|
|
--weui-TAG-BACKGROUND-ORANGE: rgba(250,157,59,.1);
|
|
--weui-TAG-TEXT-GREEN: rgba(6,174,86,.6);
|
|
--weui-TAG-BACKGROUND-GREEN: rgba(6,174,86,.1);
|
|
--weui-TAG-TEXT-BLUE: rgba(16,174,255,.6);
|
|
--weui-TAG-BACKGROUND-BLUE: rgba(16,174,255,.1);
|
|
--weui-TAG-TEXT-BLACK: hsla(0,0%,100%,.5);
|
|
--weui-TAG-BACKGROUND-BLACK: hsla(0,0%,100%,.05);
|
|
}
|
|
|
|
[data-weui-theme="light"],page {
|
|
--weui-BG-COLOR-ACTIVE: #ececec;
|
|
}
|
|
|
|
[data-weui-theme="dark"] {
|
|
--weui-BG-COLOR-ACTIVE: #373737;
|
|
}
|
|
|
|
[class*=" weui-icon-"][class*=" weui-icon-"],[class*=" weui-icon-"][class^="weui-icon-"],[class^="weui-icon-"][class*=" weui-icon-"],[class^="weui-icon-"][class^="weui-icon-"] {
|
|
background-color: currentColor;
|
|
display: inline-block;
|
|
font-size: 20rpx;
|
|
height: 2.4em;
|
|
mask-position: 50% 50%;
|
|
mask-repeat: no-repeat;
|
|
mask-size: 100%;
|
|
vertical-align: middle;
|
|
width: 2.4em;
|
|
}
|
|
|
|
.weui-icon-circle {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 916.667C269.881 916.667 83.333 730.119 83.333 500 83.333 269.881 269.881 83.333 500 83.333c230.119 0 416.667 186.548 416.667 416.667 0 230.119-186.548 416.667-416.667 416.667zm0-50c202.504 0 366.667-164.163 366.667-366.667 0-202.504-164.163-366.667-366.667-366.667-202.504 0-366.667 164.163-366.667 366.667 0 202.504 164.163 366.667 366.667 366.667z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-download {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.25 12.04-1.72-1.72-1.06 1.06 2.828 2.83a1 1 0 0 0 1.414-.001l2.828-2.828-1.06-1.061-1.73 1.73V7h-1.5v5.04zm0-5.04V2h1.5v5h6.251c.55 0 .999.446.999.996v13.008a.998.998 0 0 1-.996.996H4.996A.998.998 0 0 1 4 21.004V7.996A1 1 0 0 1 4.999 7h6.251z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-info {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.75-12v7h1.5v-7h-1.5zM12 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-safe-success {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M500.9 4.6C315.5 46.7 180.4 93.1 57.6 132c0 129.3.2 231.7.2 339.7 0 304.2 248.3 471.6 443.1 523.7C695.7 943.3 944 775.9 944 471.7c0-108 .2-210.4.2-339.7C821.4 93.1 686.3 46.7 500.9 4.6zm248.3 349.1-299.7 295c-2.1 2-5.3 2-7.4-.1L304.4 506.1c-2-2.1-2.3-5.7-.6-8l18.3-24.9c1.7-2.3 5-2.8 7.2-1l112.2 86c2.3 1.8 6 1.7 8.1-.1l274.7-228.9c2.2-1.8 5.7-1.7 7.7.3l17 16.8c2.2 2.1 2.2 5.3.2 7.4z' fill-rule='evenodd' clip-rule='evenodd' fill='%23070202'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-safe-warn {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M500.9 4.5c-185.4 42-320.4 88.4-443.2 127.3 0 129.3.2 231.7.2 339.6 0 304.1 248.2 471.4 443 523.6 194.7-52.2 443-219.5 443-523.6 0-107.9.2-210.3.2-339.6C821.3 92.9 686.2 46.5 500.9 4.5zm-26.1 271.1h52.1c5.8 0 10.3 4.7 10.1 10.4l-11.6 313.8c-.1 2.8-2.5 5.2-5.4 5.2h-38.2c-2.9 0-5.3-2.3-5.4-5.2L464.8 286c-.2-5.8 4.3-10.4 10-10.4zm26.1 448.3c-20.2 0-36.5-16.3-36.5-36.5s16.3-36.5 36.5-36.5 36.5 16.3 36.5 36.5-16.4 36.5-36.5 36.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%23020202'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-success {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1.177-7.86-2.765-2.767L7 12.431l3.119 3.121a1 1 0 0 0 1.414 0l5.952-5.95-1.062-1.062-5.6 5.6z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-success-circle {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6zm-1.172-6.242 5.809-5.808.848.849-5.95 5.95a1 1 0 0 1-1.414 0L7 12.426l.849-.849 2.98 2.98z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-success-no-circle {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.657 18.435 3 12.778l1.414-1.414 4.95 4.95L20.678 5l1.414 1.414-12.02 12.021a1 1 0 0 1-1.415 0z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-waiting {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 11.38V6h-1.5v6l4.243 4.243 1.06-1.06-3.803-3.804zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-waiting-circle {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.6 11.503 3.891 3.891-.848.849L11.4 12V6h1.2v5.503zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-warn {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.763-15.864.11 7.596h1.305l.11-7.596h-1.525zm.759 10.967c.512 0 .902-.383.902-.882 0-.5-.39-.882-.902-.882a.878.878 0 0 0-.896.882c0 .499.396.882.896.882z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-info-circle {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6zM11.4 10h1.2v7h-1.2v-7zm.6-1a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-cancel {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6z' fill-rule='nonzero'/%3E%3Cpath d='m12.849 12 3.11 3.111-.848.849L12 12.849l-3.111 3.11-.849-.848L11.151 12l-3.11-3.111.848-.849L12 11.151l3.111-3.11.849.848L12.849 12z'/%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-search {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.31 15.561 4.114 4.115-.848.848-4.123-4.123a7 7 0 1 1 .857-.84zM16.8 11a5.8 5.8 0 1 0-11.6 0 5.8 5.8 0 0 0 11.6 0z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-clear {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.06 12 3.006-3.005-1.06-1.06L12 10.938 8.995 7.934l-1.06 1.06L10.938 12l-3.005 3.005 1.06 1.06L12 13.062l3.005 3.005 1.06-1.06L13.062 12zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-back {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm1.999-6.563L10.68 12 14 8.562 12.953 7.5 9.29 11.277a1.045 1.045 0 0 0 0 1.446l3.663 3.777L14 15.437z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-delete {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.774 6.4.812 13.648a.8.8 0 0 0 .798.752h7.232a.8.8 0 0 0 .798-.752L17.226 6.4H6.774zm11.655 0-.817 13.719A2 2 0 0 1 15.616 22H8.384a2 2 0 0 1-1.996-1.881L5.571 6.4H3.5v-.7a.5.5 0 0 1 .5-.5h16a.5.5 0 0 1 .5.5v.7h-2.071zM14 3a.5.5 0 0 1 .5.5v.7h-5v-.7A.5.5 0 0 1 10 3h4zM9.5 9h1.2l.5 9H10l-.5-9zm3.8 0h1.2l-.5 9h-1.2l.5-9z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-success-no-circle-thin {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.864 16.617-5.303-5.303-1.061 1.06 5.657 5.657a1 1 0 0 0 1.414 0L21.238 6.364l-1.06-1.06L8.864 16.616z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-arrow {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.454 6.58 1.06-1.06 5.78 5.779a.996.996 0 0 1 0 1.413l-5.78 5.779-1.06-1.061 5.425-5.425-5.425-5.424z' fill='%23B2B2B2' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-arrow-bold {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.157 12.711 4.5 18.368l-1.414-1.414 4.95-4.95-4.95-4.95L4.5 5.64l5.657 5.657a1 1 0 0 1 0 1.414z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-back-arrow {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3.343 12 7.071 7.071L9 20.485l-7.778-7.778a1 1 0 0 1 0-1.414L9 3.515l1.414 1.414L3.344 12z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-back-arrow-thin {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 19.438 8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-close {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 10.586 5.657-5.657 1.414 1.414L13.414 12l5.657 5.657-1.414 1.414L12 13.414l-5.657 5.657-1.414-1.414L10.586 12 4.929 6.343 6.343 4.93 12 10.586z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-close-thin {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 10.693 6.057 4.5 5 5.557l6.193 6.193L5 17.943 6.057 19l6.193-6.193L18.443 19l1.057-1.057-6.193-6.193L19.5 5.557 18.443 4.5z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-back-circle {
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 1 0 0-17.6 8.8 8.8 0 0 0 0 17.6zm1.999-5.363L12.953 16.5 9.29 12.723a1.045 1.045 0 0 1 0-1.446L12.953 7.5 14 8.563 10.68 12 14 15.438z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-icon-success {
|
|
color: var(--weui-BRAND);
|
|
}
|
|
|
|
.weui-icon-waiting {
|
|
color: var(--weui-BLUE);
|
|
}
|
|
|
|
.weui-icon-warn {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-icon-info {
|
|
color: var(--weui-BLUE);
|
|
}
|
|
|
|
.weui-icon-success-circle,.weui-icon-success-no-circle,.weui-icon-success-no-circle-thin {
|
|
color: var(--weui-BRAND);
|
|
}
|
|
|
|
.weui-icon-waiting-circle {
|
|
color: var(--weui-BLUE);
|
|
}
|
|
|
|
.weui-icon-circle {
|
|
color: var(--weui-FG-2);
|
|
}
|
|
|
|
.weui-icon-download {
|
|
color: var(--weui-BRAND);
|
|
}
|
|
|
|
.weui-icon-info-circle {
|
|
color: var(--weui-FG-2);
|
|
}
|
|
|
|
.weui-icon-safe-success {
|
|
color: var(--weui-BRAND);
|
|
}
|
|
|
|
.weui-icon-safe-warn {
|
|
color: var(--weui-YELLOW);
|
|
}
|
|
|
|
.weui-icon-cancel {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-icon-search {
|
|
color: var(--weui-FG-1);
|
|
}
|
|
|
|
.weui-icon-clear {
|
|
color: var(--weui-FG-2);
|
|
}
|
|
|
|
.weui-icon-clear:active {
|
|
color: var(--weui-FG-1);
|
|
}
|
|
|
|
.weui-icon-delete.weui-icon_gallery-delete {
|
|
color: var(--weui-WHITE);
|
|
}
|
|
|
|
.weui-icon-arrow-bold.weui-icon-arrow,.weui-icon-arrow-bold.weui-icon-arrow-bold,.weui-icon-arrow-bold.weui-icon-back-arrow,.weui-icon-arrow-bold.weui-icon-back-arrow-thin,.weui-icon-arrow.weui-icon-arrow,.weui-icon-arrow.weui-icon-arrow-bold,.weui-icon-arrow.weui-icon-back-arrow,.weui-icon-arrow.weui-icon-back-arrow-thin,.weui-icon-back-arrow-thin.weui-icon-arrow,.weui-icon-back-arrow-thin.weui-icon-arrow-bold,.weui-icon-back-arrow-thin.weui-icon-back-arrow,.weui-icon-back-arrow-thin.weui-icon-back-arrow-thin,.weui-icon-back-arrow.weui-icon-arrow,.weui-icon-back-arrow.weui-icon-arrow-bold,.weui-icon-back-arrow.weui-icon-back-arrow,.weui-icon-back-arrow.weui-icon-back-arrow-thin {
|
|
width: 1.2em;
|
|
}
|
|
|
|
.weui-icon-arrow,.weui-icon-arrow-bold {
|
|
color: var(--weui-FG-2);
|
|
}
|
|
|
|
.weui-icon-back,.weui-icon-back-arrow,.weui-icon-back-arrow-thin,.weui-icon-back-circle {
|
|
color: var(--weui-FG-0);
|
|
}
|
|
|
|
.weui-icon_msg.weui-icon_msg {
|
|
height: 6.4em;
|
|
width: 6.4em;
|
|
}
|
|
|
|
.weui-icon_msg.weui-icon_msg.weui-icon-warn {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-icon_msg.weui-icon_msg.weui-icon-info-circle {
|
|
color: var(--weui-BLUE);
|
|
}
|
|
|
|
.weui-icon_msg-primary.weui-icon_msg-primary {
|
|
height: 6.4em;
|
|
width: 6.4em;
|
|
}
|
|
|
|
.weui-icon_msg-primary.weui-icon_msg-primary.weui-icon-warn {
|
|
color: var(--weui-YELLOW);
|
|
}
|
|
|
|
.weui-hidden_abs {
|
|
height: 2rpx;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-a11y_ref {
|
|
display: none;
|
|
}
|
|
|
|
.weui-hidden-space:empty:before {
|
|
content: "\00A0";
|
|
height: 2rpx;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-a11y-combo {
|
|
position: relative;
|
|
}
|
|
|
|
.weui-a11y-combo__helper {
|
|
height: 100%;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-a11y-combo__content {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-wa-hotarea-el {
|
|
height: 100%;
|
|
left: 50%;
|
|
min-height: 88rpx;
|
|
min-width: 88rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-wa-hotarea,.weui-wa-hotarea-el__wrp,.weui-wa-hotarea_before {
|
|
position: relative;
|
|
}
|
|
|
|
.weui-wa-hotarea a,.weui-wa-hotarea button,.weui-wa-hotarea navigator,.weui-wa-hotarea-el__wrp a,.weui-wa-hotarea-el__wrp button,.weui-wa-hotarea-el__wrp navigator,.weui-wa-hotarea_before a,.weui-wa-hotarea_before button,.weui-wa-hotarea_before navigator {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-wa-hotarea:after,.weui-wa-hotarea_before:before {
|
|
content: "";
|
|
height: 100%;
|
|
left: 50%;
|
|
min-height: 88rpx;
|
|
min-width: 88rpx;
|
|
pointer-events: auto;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-link {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
|
|
.weui-link,.weui-link:visited {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-link:active {
|
|
opacity: .5;
|
|
}
|
|
|
|
.weui-btn {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
border-radius: 16rpx;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 34rpx;
|
|
font-weight: 700;
|
|
line-height: 1.88235294;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 16rpx 48rpx;
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
user-select: none;
|
|
width: 368rpx;
|
|
}
|
|
|
|
.weui-btn:before {
|
|
background-color: var(--weui-BTN-ACTIVE-MASK);
|
|
border-radius: 16rpx;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-btn:not(.weui-btn_disabled):not(.weui-btn_loading):active:before,.weui-btn:not([disabled]):not(.weui-btn_loading):active:before {
|
|
content: "";
|
|
}
|
|
|
|
.weui-btn_block {
|
|
width: auto;
|
|
}
|
|
|
|
.weui-btn_inline {
|
|
display: inline-block;
|
|
}
|
|
|
|
.weui-btn_default {
|
|
background-color: var(--weui-BTN-DEFAULT-BG);
|
|
}
|
|
|
|
.weui-btn_default,.weui-btn_default:not(.weui-btn_disabled):visited {
|
|
color: var(--weui-BTN-DEFAULT-COLOR);
|
|
}
|
|
|
|
.weui-btn_primary {
|
|
background-color: var(--weui-BRAND);
|
|
}
|
|
|
|
.weui-btn_primary:not(.weui-btn_disabled):visited {
|
|
color: #fff;
|
|
}
|
|
|
|
.weui-btn_warn {
|
|
background-color: var(--weui-BTN-DEFAULT-BG);
|
|
}
|
|
|
|
.weui-btn_warn,.weui-btn_warn:not(.weui-btn_disabled):visited {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-btn[disabled],.weui-btn_disabled {
|
|
background-color: var(--weui-BTN-DEFAULT-BG);
|
|
color: var(--weui-BTN-DISABLED-FONT-COLOR);
|
|
}
|
|
|
|
.weui-btn_loading .weui-loading {
|
|
margin: -.2em 16rpx 0 0;
|
|
}
|
|
|
|
.weui-btn_loading .weui-mask-loading,.weui-btn_loading .weui-primary-loading {
|
|
color: currentColor;
|
|
margin: -.2em 16rpx 0 0;
|
|
}
|
|
|
|
.weui-btn_loading .weui-primary-loading {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.weui-btn_loading .weui-primary-loading:before {
|
|
content: "";
|
|
}
|
|
|
|
.weui-btn_loading.weui-btn_primary {
|
|
color: var(--weui-WHITE);
|
|
}
|
|
|
|
.weui-btn_cell {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
background-color: var(--weui-BG-5);
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 34rpx;
|
|
line-height: 1.41176471;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
overflow: hidden;
|
|
padding: 32rpx;
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.weui-btn_cell+.weui-btn_cell {
|
|
margin-top: 32rpx;
|
|
}
|
|
|
|
.weui-btn_cell:active {
|
|
background-color: var(--weui-BG-COLOR-ACTIVE);
|
|
}
|
|
|
|
.weui-btn_cell__icon {
|
|
display: inline-block;
|
|
height: 48rpx;
|
|
margin: -.2em .34em 0 0;
|
|
vertical-align: middle;
|
|
width: 48rpx;
|
|
}
|
|
|
|
.weui-btn_cell-default {
|
|
color: var(--weui-FG-0);
|
|
}
|
|
|
|
.weui-btn_cell-primary {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-btn_cell-warn {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page__content {
|
|
-webkit-box-flex: 1;
|
|
-webkit-overflow-scrolling: touch;
|
|
box-sizing: border-box;
|
|
flex: 1;
|
|
min-height: 0;
|
|
overflow-y: auto;
|
|
padding-bottom: 160rpx;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr {
|
|
background: #fff;
|
|
padding: 32rpx calc(64rpx + env(safe-area-inset-right)) calc(48rpx + env(safe-area-inset-bottom)) calc(64rpx + env(safe-area-inset-left));
|
|
position: relative;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr:before {
|
|
background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
|
|
bottom: calc(100% - 2rpx);
|
|
content: "";
|
|
height: 160rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-bottom-fixed-opr {
|
|
background: #191919;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-bottom-fixed-opr:before {
|
|
background: linear-gradient(0deg,#191919,rgba(25,25,25,0));
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr {
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: center;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn {
|
|
padding-left: 32rpx;
|
|
padding-right: 32rpx;
|
|
width: 368rpx;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2),.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn {
|
|
margin: 0 16rpx;
|
|
width: 272rpx;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:first-child,.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:last-child,.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2),.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn {
|
|
margin: 32rpx 0 0;
|
|
width: 368rpx;
|
|
}
|
|
|
|
.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:first-child,.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed {
|
|
padding: 0;
|
|
}
|
|
|
|
.weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-half-screen-dialog__hd {
|
|
padding: 0 calc(48rpx + env(safe-area-inset-right)) 0 calc(48rpx + env(safe-area-inset-left));
|
|
}
|
|
|
|
.weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-half-screen-dialog__bd {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-half-screen-dialog__ft {
|
|
padding: 0;
|
|
}
|
|
|
|
.weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-bottom-fixed-opr-page {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
min-height: 0;
|
|
}
|
|
|
|
.weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-bottom-fixed-opr-page__content {
|
|
padding: 0 calc(48rpx + env(safe-area-inset-right)) 0 calc(48rpx + env(safe-area-inset-left));
|
|
}
|
|
|
|
.weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed .weui-bottom-fixed-opr {
|
|
padding: 32rpx 0 calc(128rpx + env(safe-area-inset-bottom));
|
|
}
|
|
|
|
button.weui-btn,input.weui-btn {
|
|
-webkit-appearance: none;
|
|
border-width: 0;
|
|
outline: 0;
|
|
}
|
|
|
|
button.weui-btn:focus,input.weui-btn:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
button.weui-btn_inline,button.weui-btn_mini,input.weui-btn_inline,input.weui-btn_mini {
|
|
width: auto;
|
|
}
|
|
|
|
.weui-btn_mini {
|
|
border-radius: 12rpx;
|
|
font-size: 32rpx;
|
|
line-height: 1.375;
|
|
padding: 10rpx 24rpx;
|
|
}
|
|
|
|
.weui-btn_mini,.weui-btn_xmini {
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
|
|
.weui-btn_xmini {
|
|
border-radius: 8rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
line-height: 1.42857;
|
|
padding: 8rpx 24rpx;
|
|
}
|
|
|
|
.weui-btn+.weui-btn {
|
|
margin-top: 32rpx;
|
|
}
|
|
|
|
.weui-btn.weui-btn_mini+.weui-btn.weui-btn_mini,.weui-btn.weui-btn_xmini+.weui-btn.weui-btn_xmini {
|
|
margin-top: auto;
|
|
}
|
|
|
|
.weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline {
|
|
margin-left: 32rpx;
|
|
}
|
|
|
|
.weui-btn-area {
|
|
margin: 96rpx 32rpx 16rpx;
|
|
}
|
|
|
|
.weui-btn-area_inline {
|
|
display: flex;
|
|
}
|
|
|
|
.weui-btn-area_inline .weui-btn {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
margin-right: 32rpx;
|
|
margin-top: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-btn-area_inline .weui-btn:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.weui-btn_reset {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.weui-btn_icon,.weui-btn_reset {
|
|
background: transparent;
|
|
border: 0;
|
|
outline: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.weui-btn_icon {
|
|
font-size: 0;
|
|
}
|
|
|
|
.weui-btn_icon:active [class*="weui-icon-"] {
|
|
color: var(--weui-FG-1);
|
|
}
|
|
|
|
.weui-cells {
|
|
background-color: var(--weui-BG-2);
|
|
margin-top: 16rpx;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-cells:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-cells:after,.weui-cells:before {
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.weui-cells:after {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-cells__title {
|
|
color: var(--weui-FG-1);
|
|
font-size: 28rpx;
|
|
line-height: 1.4;
|
|
margin-bottom: 6rpx;
|
|
margin-top: 32rpx;
|
|
padding-left: 32rpx;
|
|
padding-right: 32rpx;
|
|
}
|
|
|
|
.weui-cells__title+.weui-cells {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-cells__tips {
|
|
color: var(--weui-FG-1);
|
|
font-size: 28rpx;
|
|
line-height: 1.4;
|
|
margin-top: 16rpx;
|
|
padding-left: 32rpx;
|
|
padding-right: 32rpx;
|
|
}
|
|
|
|
.weui-cells__tips a,.weui-cells__tips navigator {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-cells__tips navigator {
|
|
display: inline;
|
|
}
|
|
|
|
.weui-cell {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
color: var(--weui-FG-0);
|
|
display: flex;
|
|
font-size: 34rpx;
|
|
line-height: 1.41176471;
|
|
padding: 32rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-cell:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
left: 32rpx;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.weui-cell:first-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-cell_active:active:after {
|
|
background: var(--weui-FG-3);
|
|
bottom: 0;
|
|
content: "";
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.weui-cell_primary {
|
|
-webkit-box-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.weui-cell__bd {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.weui-cell__ft {
|
|
color: var(--weui-FG-1);
|
|
text-align: right;
|
|
}
|
|
|
|
.weui-cell__ft button {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.weui-cell__desc {
|
|
color: var(--weui-FG-2);
|
|
font-size: 24rpx;
|
|
line-height: 1.4;
|
|
padding-top: 8rpx;
|
|
}
|
|
|
|
.weui-cell_swiped {
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
|
|
.weui-cell_swiped>.weui-cell__bd {
|
|
background-color: var(--weui-BG-2);
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-cell_swiped>.weui-cell__ft {
|
|
bottom: 0;
|
|
color: #fff;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.weui-cell_swiped>.weui-cell__ft,.weui-swiped-btn {
|
|
display: flex;
|
|
}
|
|
|
|
.weui-swiped-btn {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
color: inherit;
|
|
line-height: 1.41176471;
|
|
padding: 32rpx 1em;
|
|
}
|
|
|
|
.weui-swiped-btn_default {
|
|
background-color: var(--weui-BG-0);
|
|
}
|
|
|
|
.weui-swiped-btn_warn {
|
|
background-color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-cell_access {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
color: inherit;
|
|
}
|
|
|
|
.weui-cell_access:active:after {
|
|
background: var(--weui-FG-3);
|
|
bottom: 0;
|
|
content: "";
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.weui-cell_access .weui-cell__ft {
|
|
padding-right: 48rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-cell_access .weui-cell__ft:after {
|
|
background-color: currentColor;
|
|
color: var(--weui-FG-2);
|
|
content: " ";
|
|
height: 48rpx;
|
|
margin-top: -24rpx;
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.454 6.58 1.06-1.06 5.78 5.779a.996.996 0 0 1 0 1.413l-5.78 5.779-1.06-1.061 5.425-5.425-5.425-5.424z' fill='%23B2B2B2' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
mask-position: 0 0;
|
|
mask-repeat: no-repeat;
|
|
mask-size: 100%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
width: 24rpx;
|
|
}
|
|
|
|
.weui-cell_link {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-cell_link:first-child:before {
|
|
display: block;
|
|
}
|
|
|
|
.weui-check__label {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
|
|
.weui-check__label.weui-cell_disabled,.weui-check__label.weui-cell_readonly {
|
|
color: var(--weui-FG-3);
|
|
}
|
|
|
|
.weui-check {
|
|
height: 0;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 0;
|
|
}
|
|
|
|
.weui-check[disabled]+.weui-icon-checked {
|
|
opacity: .1;
|
|
}
|
|
|
|
.weui-cells_radio .weui-cell__ft {
|
|
font-size: 0;
|
|
padding-left: 32rpx;
|
|
}
|
|
|
|
.weui-cells_radio .weui-check+.weui-icon-checked {
|
|
color: transparent;
|
|
min-width: 32rpx;
|
|
}
|
|
|
|
.weui-cells_radio .weui-check:checked+.weui-icon-checked,.weui-cells_radio .weui-check[aria-checked="true"]+.weui-icon-checked {
|
|
color: var(--weui-BRAND);
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.657 18.435 3 12.778l1.414-1.414 4.95 4.95L20.678 5l1.414 1.414-12.02 12.021a1 1 0 0 1-1.415 0z' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-cells_checkbox .weui-check__label:before {
|
|
left: 110rpx;
|
|
}
|
|
|
|
.weui-cells_checkbox .weui-cell__hd {
|
|
font-size: 0;
|
|
padding-right: 32rpx;
|
|
}
|
|
|
|
.weui-cells_checkbox .weui-icon-checked {
|
|
color: var(--weui-FG-2);
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 916.667C269.881 916.667 83.333 730.119 83.333 500 83.333 269.881 269.881 83.333 500 83.333c230.119 0 416.667 186.548 416.667 416.667 0 230.119-186.548 416.667-416.667 416.667zm0-50c202.504 0 366.667-164.163 366.667-366.667 0-202.504-164.163-366.667-366.667-366.667-202.504 0-366.667 164.163-366.667 366.667 0 202.504 164.163 366.667 366.667 366.667z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-cells_checkbox .weui-check:checked+.weui-icon-checked,.weui-cells_checkbox .weui-check[aria-checked="true"]+.weui-icon-checked {
|
|
color: var(--weui-BRAND);
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1.177-7.86-2.765-2.767L7 12.431l3.119 3.121a1 1 0 0 0 1.414 0l5.952-5.95-1.062-1.062-5.6 5.6z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-label {
|
|
word-wrap: break-word;
|
|
display: block;
|
|
width: 210rpx;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.weui-input {
|
|
-webkit-appearance: none;
|
|
background-color: initial;
|
|
border: 0;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
height: 1.41176471em;
|
|
line-height: 1.41176471;
|
|
outline: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-input::-webkit-inner-spin-button,.weui-input::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.weui-input:focus:not(:placeholder-shown)+.weui-btn_input-clear {
|
|
display: inline;
|
|
}
|
|
|
|
.weui-textarea {
|
|
background: transparent;
|
|
border: 0;
|
|
color: inherit;
|
|
display: block;
|
|
font-size: 1em;
|
|
height: 160rpx;
|
|
line-height: inherit;
|
|
outline: 0;
|
|
resize: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-textarea-counter {
|
|
color: var(--weui-FG-2);
|
|
font-size: 28rpx;
|
|
text-align: right;
|
|
}
|
|
|
|
.weui-cell_warn,.weui-cell_warn .weui-textarea-counter {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-cell_warn .weui-icon-warn {
|
|
display: inline-block;
|
|
}
|
|
|
|
.weui-cell_disabled .weui-input:disabled,.weui-cell_disabled .weui-textarea:disabled,.weui-cell_readonly .weui-input:disabled,.weui-cell_readonly .weui-textarea:disabled {
|
|
-webkit-text-fill-color: var(--weui-FG-1);
|
|
opacity: 1;
|
|
}
|
|
|
|
.weui-cell_disabled .weui-input[disabled],.weui-cell_disabled .weui-input[readonly],.weui-cell_disabled .weui-textarea[disabled],.weui-cell_disabled .weui-textarea[readonly],.weui-cell_readonly .weui-input[disabled],.weui-cell_readonly .weui-input[readonly],.weui-cell_readonly .weui-textarea[disabled],.weui-cell_readonly .weui-textarea[readonly] {
|
|
color: var(--weui-FG-1);
|
|
}
|
|
|
|
.weui-btn_input-clear {
|
|
display: none;
|
|
padding-left: 16rpx;
|
|
}
|
|
|
|
.weui-btn_input-clear [class*="weui-icon-"] {
|
|
width: 36rpx;
|
|
}
|
|
|
|
.weui-cells_form .weui-cell_disabled:active,.weui-cells_form .weui-cell_readonly:active,.weui-cells_form .weui-cell_switch:active,.weui-cells_form .weui-cell_vcode:active {
|
|
background-color: initial;
|
|
}
|
|
|
|
.weui-cells_form .weui-cell__ft {
|
|
font-size: 0;
|
|
}
|
|
|
|
.weui-cells_form .weui-icon-warn {
|
|
display: none;
|
|
}
|
|
|
|
.weui-cells_form input,.weui-cells_form label[for],.weui-cells_form textarea {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
|
|
.weui-form-preview {
|
|
background-color: var(--weui-BG-2);
|
|
position: relative;
|
|
}
|
|
|
|
.weui-form-preview:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-form-preview:after,.weui-form-preview:before {
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
.weui-form-preview:after {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-form-preview__hd {
|
|
line-height: 2.5em;
|
|
padding: 32rpx;
|
|
position: relative;
|
|
text-align: right;
|
|
}
|
|
|
|
.weui-form-preview__hd:after {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
left: 32rpx;
|
|
position: absolute;
|
|
right: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-form-preview__hd .weui-form-preview__value {
|
|
font-size: 1.6em;
|
|
font-style: normal;
|
|
}
|
|
|
|
.weui-form-preview__bd {
|
|
color: var(--weui-FG-1);
|
|
font-size: .9em;
|
|
line-height: 2;
|
|
padding: 32rpx;
|
|
text-align: right;
|
|
}
|
|
|
|
.weui-form-preview__ft {
|
|
display: flex;
|
|
line-height: 100rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-form-preview__ft:before {
|
|
border-top: 2rpx solid var(--weui-DIALOG-LINE-COLOR);
|
|
color: var(--weui-DIALOG-LINE-COLOR);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-form-preview__item {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.weui-form-preview__label {
|
|
color: var(--weui-FG-1);
|
|
float: left;
|
|
margin-right: 1em;
|
|
text-align: left;
|
|
width: 4.2em;
|
|
}
|
|
|
|
.weui-form-preview__value {
|
|
word-wrap: break-word;
|
|
color: var(--weui-FG-0);
|
|
display: block;
|
|
overflow: hidden;
|
|
word-break: normal;
|
|
}
|
|
|
|
.weui-form-preview__btn {
|
|
-webkit-box-flex: 1;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
color: var(--weui-LINK);
|
|
display: block;
|
|
flex: 1;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
button.weui-form-preview__btn {
|
|
background-color: initial;
|
|
border: 0;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
outline: 0;
|
|
}
|
|
|
|
.weui-form-preview__btn:active {
|
|
background-color: var(--weui-BG-COLOR-ACTIVE);
|
|
}
|
|
|
|
.weui-form-preview__btn:after {
|
|
border-left: 2rpx solid var(--weui-DIALOG-LINE-COLOR);
|
|
bottom: 0;
|
|
color: var(--weui-DIALOG-LINE-COLOR);
|
|
content: " ";
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 0 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-form-preview__btn:first-child:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-form-preview__btn_default {
|
|
color: var(--weui-FG-HALF);
|
|
}
|
|
|
|
.weui-form-preview__btn_primary {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-form-preview__list {
|
|
font-size: 28rpx;
|
|
line-height: 1.4;
|
|
padding-bottom: 48rpx;
|
|
padding-top: 48rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-form-preview__list:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
color: var(--weui-FG-3);
|
|
content: "";
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-form-preview__list:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.weui-form-preview__list .weui-form-preview__label {
|
|
text-align: left;
|
|
width: 6em;
|
|
}
|
|
|
|
.weui-form-preview__list .weui-form-preview__value {
|
|
hyphens: auto;
|
|
}
|
|
|
|
.weui-form-preview__list .weui-form-preview__item {
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.weui-form-preview__list .weui-form-preview__item:first-child,.weui-form-preview__list>.weui-cells__title:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-cell_select {
|
|
padding: 0;
|
|
}
|
|
|
|
.weui-cell_select .weui-cell__bd:after {
|
|
background-color: currentColor;
|
|
color: var(--weui-FG-2);
|
|
content: " ";
|
|
height: 48rpx;
|
|
margin-top: -24rpx;
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.454 6.58 1.06-1.06 5.78 5.779a.996.996 0 0 1 0 1.413l-5.78 5.779-1.06-1.061 5.425-5.425-5.425-5.424z' fill='%23B2B2B2' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
mask-position: 0 0;
|
|
mask-repeat: no-repeat;
|
|
mask-size: 100%;
|
|
position: absolute;
|
|
right: 32rpx;
|
|
top: 50%;
|
|
width: 24rpx;
|
|
}
|
|
|
|
.weui-select {
|
|
-webkit-appearance: none;
|
|
background-color: initial;
|
|
border: 0;
|
|
box-sizing: border-box;
|
|
color: var(--weui-FG-0);
|
|
font-size: inherit;
|
|
line-height: 112rpx;
|
|
min-height: 112rpx;
|
|
outline: 0;
|
|
padding-left: 32rpx;
|
|
padding-right: 80rpx;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-cell_select-before .weui-cell__hd {
|
|
padding-left: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-cell_select-before .weui-cell__hd:after {
|
|
border-right: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 100% 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-cell_select-before .weui-cell__hd:before {
|
|
background-color: currentColor;
|
|
color: var(--weui-FG-2);
|
|
content: " ";
|
|
height: 48rpx;
|
|
margin-top: -24rpx;
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.454 6.58 1.06-1.06 5.78 5.779a.996.996 0 0 1 0 1.413l-5.78 5.779-1.06-1.061 5.425-5.425-5.425-5.424z' fill='%23B2B2B2' fill-rule='evenodd'/%3E%3C/svg%3E");
|
|
mask-position: 0 0;
|
|
mask-repeat: no-repeat;
|
|
mask-size: 100%;
|
|
position: absolute;
|
|
right: 32rpx;
|
|
top: 50%;
|
|
width: 24rpx;
|
|
}
|
|
|
|
.weui-cell_select-before .weui-cell__bd {
|
|
padding-left: 32rpx;
|
|
}
|
|
|
|
.weui-cell_select-before .weui-cell__bd:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-cell_select-before .weui-select {
|
|
box-sizing: initial;
|
|
max-width: 5em;
|
|
width: 210rpx;
|
|
}
|
|
|
|
.weui-cell_select-after .weui-cell__hd {
|
|
padding-left: 32rpx;
|
|
}
|
|
|
|
.weui-cell_select-after .weui-select {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.weui-cell_vcode {
|
|
padding-bottom: 0;
|
|
padding-right: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.weui-vcode-btn,.weui-vcode-img {
|
|
height: 112rpx;
|
|
margin-left: 10rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.weui-vcode-btn {
|
|
color: var(--weui-LINK);
|
|
display: inline-block;
|
|
font-size: 34rpx;
|
|
line-height: 112rpx;
|
|
padding: 0 .6em 0 .7em;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-vcode-btn:before {
|
|
border-left: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 0 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
button.weui-vcode-btn {
|
|
background-color: initial;
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
|
|
.weui-vcode-btn:active {
|
|
color: var(--weui-LINK-ACTIVE);
|
|
}
|
|
|
|
.weui-gallery {
|
|
background-color: #000;
|
|
bottom: 0;
|
|
display: none;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.weui-gallery__img,.weui-gallery__opr {
|
|
left: 0;
|
|
left: constant(safe-area-inset-left);
|
|
left: env(safe-area-inset-left);
|
|
position: absolute;
|
|
right: 0;
|
|
right: constant(safe-area-inset-right);
|
|
right: env(safe-area-inset-right);
|
|
}
|
|
|
|
.weui-gallery__img {
|
|
background: 50% no-repeat;
|
|
background-size: contain;
|
|
bottom: 120rpx;
|
|
bottom: calc(120rpx + constant(safe-area-inset-bottom));
|
|
bottom: calc(120rpx + env(safe-area-inset-bottom));
|
|
top: 0;
|
|
top: constant(safe-area-inset-top);
|
|
top: env(safe-area-inset-top);
|
|
}
|
|
|
|
.weui-gallery__opr {
|
|
background-color: #0d0d0d;
|
|
bottom: 0;
|
|
color: var(--weui-WHITE);
|
|
line-height: 120rpx;
|
|
position: absolute;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-gallery__del {
|
|
display: block;
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
|
|
.weui-gallery__del:active {
|
|
opacity: .5;
|
|
}
|
|
|
|
.weui-cell_switch {
|
|
padding-bottom: 24rpx;
|
|
padding-top: 24rpx;
|
|
}
|
|
|
|
.weui-cell_switch.weui-cell_disabled,.weui-cell_switch.weui-cell_readonly {
|
|
color: var(--weui-FG-3);
|
|
}
|
|
|
|
.weui-switch {
|
|
appearance: none;
|
|
}
|
|
|
|
.weui-switch,.weui-switch-cp__box {
|
|
background-color: var(--weui-FG-3);
|
|
border: 0;
|
|
border-radius: 32rpx;
|
|
box-sizing: border-box;
|
|
height: 64rpx;
|
|
outline: 0;
|
|
padding: 4rpx;
|
|
position: relative;
|
|
transition: background-color .1s,border .1s;
|
|
vertical-align: bottom;
|
|
width: 104rpx;
|
|
}
|
|
|
|
.weui-switch-cp__box:after,.weui-switch:after {
|
|
background-color: #fff;
|
|
border-radius: 30rpx;
|
|
box-shadow: 0 4rpx 6rpx 0 rgba(0,0,0,.06);
|
|
content: " ";
|
|
height: 56rpx;
|
|
left: 4rpx;
|
|
position: absolute;
|
|
top: 4rpx;
|
|
transition: transform .35s cubic-bezier(.4,.4,.25,1.35);
|
|
transition: transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
|
|
width: 56rpx;
|
|
}
|
|
|
|
.weui-switch-cp__input:checked+.weui-switch-cp__box,.weui-switch-cp__input[aria-checked="true"]+.weui-switch-cp__box,.weui-switch:checked {
|
|
background-color: var(--weui-BRAND);
|
|
}
|
|
|
|
.weui-switch-cp__input:checked+.weui-switch-cp__box:after,.weui-switch-cp__input[aria-checked="true"]+.weui-switch-cp__box:after,.weui-switch:checked:after {
|
|
transform: translateX(40rpx);
|
|
}
|
|
|
|
.weui-switch-cp__input[aria-disabled="true"]+.weui-switch-cp__box,.weui-switch-cp__input[disabled]+.weui-switch-cp__box,.weui-switch[disabled] {
|
|
opacity: .1;
|
|
}
|
|
|
|
.weui-switch-cp__input {
|
|
height: 0;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 0;
|
|
}
|
|
|
|
.weui-switch-cp__box {
|
|
display: block;
|
|
}
|
|
|
|
.weui-cell_uploader {
|
|
padding-bottom: 48rpx;
|
|
}
|
|
|
|
.weui-uploader {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.weui-uploader__hd {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
padding-bottom: 32rpx;
|
|
}
|
|
|
|
.weui-uploader__title {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.weui-uploader__info {
|
|
color: var(--weui-FG-2);
|
|
}
|
|
|
|
.weui-uploader__bd {
|
|
margin-bottom: -16rpx;
|
|
margin-right: -16rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.weui-uploader__files {
|
|
list-style: none;
|
|
}
|
|
|
|
.weui-uploader__file {
|
|
background: no-repeat 50%;
|
|
background-size: cover;
|
|
float: left;
|
|
height: 192rpx;
|
|
margin-bottom: 16rpx;
|
|
margin-right: 16rpx;
|
|
width: 192rpx;
|
|
}
|
|
|
|
.weui-uploader__file_status {
|
|
position: relative;
|
|
}
|
|
|
|
.weui-uploader__file_status:before {
|
|
background-color: rgba(0,0,0,.5);
|
|
bottom: 0;
|
|
content: " ";
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.weui-uploader__file_status .weui-uploader__file-content {
|
|
display: block;
|
|
}
|
|
|
|
.weui-uploader__file-content {
|
|
color: var(--weui-WHITE);
|
|
display: none;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
}
|
|
|
|
.weui-uploader__file-content .weui-icon-warn {
|
|
display: inline-block;
|
|
}
|
|
|
|
.weui-uploader__input-box {
|
|
background-color: #ededed;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
height: 192rpx;
|
|
margin-bottom: 16rpx;
|
|
margin-right: 16rpx;
|
|
position: relative;
|
|
width: 192rpx;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-uploader__input-box {
|
|
background-color: #2e2e2e;
|
|
}
|
|
|
|
.weui-uploader__input-box:after,.weui-uploader__input-box:before {
|
|
background-color: #a3a3a3;
|
|
content: " ";
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-uploader__input-box:after,[data-weui-theme="dark"] .weui-uploader__input-box:before {
|
|
background-color: #6d6d6d;
|
|
}
|
|
|
|
.weui-uploader__input-box:before {
|
|
height: 33.33%;
|
|
width: 4rpx;
|
|
}
|
|
|
|
.weui-uploader__input-box:after {
|
|
height: 4rpx;
|
|
width: 33.33%;
|
|
}
|
|
|
|
.weui-uploader__input-box:active:after,.weui-uploader__input-box:active:before {
|
|
opacity: .7;
|
|
}
|
|
|
|
.weui-uploader__input {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-msg__desc .a,.weui-msg__desc a,.weui-msg__desc-primary .a,.weui-msg__desc-primary a,.weui-msg__tips .a,.weui-msg__tips a {
|
|
color: var(--weui-LINK);
|
|
display: inline-block;
|
|
vertical-align: initial;
|
|
}
|
|
|
|
.weui-msg {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
background-color: var(--weui-BG-2);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
line-height: 1.4;
|
|
min-height: 100%;
|
|
padding: calc(96rpx + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-msg__icon-area {
|
|
margin-bottom: 64rpx;
|
|
}
|
|
|
|
.weui-msg__text-area {
|
|
-webkit-box-flex: 1;
|
|
word-wrap: break-word;
|
|
flex: 1;
|
|
hyphens: auto;
|
|
line-height: 1.6;
|
|
margin-bottom: 64rpx;
|
|
padding: 0 64rpx;
|
|
}
|
|
|
|
.weui-msg__text-area:first-child {
|
|
padding-top: 192rpx;
|
|
}
|
|
|
|
.weui-msg__title {
|
|
font-size: 44rpx;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.weui-msg__desc,.weui-msg__title {
|
|
color: var(--weui-FG-0);
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.weui-msg__desc {
|
|
font-size: 34rpx;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.weui-msg__desc-primary {
|
|
color: var(--weui-FG-1);
|
|
font-size: 28rpx;
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.weui-msg__custom-area {
|
|
word-wrap: break-word;
|
|
hyphens: auto;
|
|
margin-bottom: 32rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.weui-msg__title+.weui-msg__custom-area {
|
|
margin-top: 96rpx;
|
|
}
|
|
|
|
.weui-msg__desc+.weui-msg__custom-area,.weui-msg__desc-primary+.weui-msg__custom-area {
|
|
margin-top: 80rpx;
|
|
}
|
|
|
|
.weui-msg__custom-area .weui-cells__group_form .weui-cells {
|
|
margin: 0;
|
|
}
|
|
|
|
.weui-msg__opr-area {
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.weui-msg__opr-area .weui-btn-area {
|
|
margin: 0;
|
|
}
|
|
|
|
.weui-msg__opr-area .weui-btn+.weui-btn {
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.weui-msg__opr-area:last-child {
|
|
margin-bottom: 192rpx;
|
|
}
|
|
|
|
.weui-msg__opr-area+.weui-msg__extra-area {
|
|
margin-top: 96rpx;
|
|
}
|
|
|
|
.weui-msg__tips-area {
|
|
word-wrap: break-word;
|
|
hyphens: auto;
|
|
margin-bottom: 32rpx;
|
|
padding: 0 80rpx;
|
|
}
|
|
|
|
.weui-msg__opr-area+.weui-msg__tips-area {
|
|
margin-bottom: 96rpx;
|
|
}
|
|
|
|
.weui-msg__tips-area:last-child {
|
|
margin-bottom: 128rpx;
|
|
}
|
|
|
|
.weui-msg__tips {
|
|
color: var(--weui-FG-1);
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.weui-msg__extra-area {
|
|
box-sizing: border-box;
|
|
color: var(--weui-FG-1);
|
|
font-size: 24rpx;
|
|
margin-bottom: 48rpx;
|
|
padding: 0 64rpx;
|
|
}
|
|
|
|
.weui-msg__extra-area a,.weui-msg__extra-area navigator {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-msg__extra-area navigator {
|
|
display: inline;
|
|
}
|
|
|
|
.weui-msg_align-top .weui-msg__text-area:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
body,page {
|
|
--weui-STEPS-DEFAULT-COLOR: var(--weui-FG-3);
|
|
--weui-STEPS-HIGHLIGHT-COLOR: var(--weui-BRAND);
|
|
--weui-STEPS-FONT-SIZE: 17;
|
|
--weui-STEPS-LINEHEIGHT: 1.4;
|
|
--weui-STEPS-DOT-SIZE: calc(8 / var(--weui-STEPS-FONT-SIZE) * 1em);
|
|
--weui-STEPS-ICON-SIZE: 40;
|
|
--weui-STEPS-VERTICAL-DOT-GAP: calc((1em - var(--weui-STEPS-DOT-SIZE)) / 2);
|
|
--weui-STEPS-HORIZONAL-DOT-GAP: 8rpx;
|
|
}
|
|
|
|
.weui-steps {
|
|
font-size: calc(2rpx * var(--weui-STEPS-FONT-SIZE));
|
|
line-height: var(--weui-STEPS-LINEHEIGHT);
|
|
}
|
|
|
|
.weui-steps__item__desc,.weui-steps__item__title {
|
|
display: block;
|
|
}
|
|
|
|
.weui-steps__item__title {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.weui-steps__item__desc {
|
|
color: var(--weui-FG-2);
|
|
font-size: 28rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.weui-steps_vertical {
|
|
position: relative;
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item {
|
|
padding-bottom: 64rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item:before {
|
|
border-left: 2rpx solid var(--weui-STEPS-DEFAULT-COLOR);
|
|
bottom: 0;
|
|
bottom: calc((var(--weui-STEPS-LINEHEIGHT) - 1) / 2 * -1em);
|
|
color: var(--weui-STEPS-DEFAULT-COLOR);
|
|
content: "";
|
|
content: " ";
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
top: calc((var(--weui-STEPS-LINEHEIGHT) - (var(--weui-STEPS-LINEHEIGHT) - 1) / 2) * 1em);
|
|
transform: scaleX(.5);
|
|
transform-origin: 0 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item:first-child:not(.weui-steps__item_success) .weui-steps__item__inner:before {
|
|
background-color: var(--weui-STEPS-HIGHLIGHT-COLOR);
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item:last-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item__inner {
|
|
padding-left: 72rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item__inner:before {
|
|
background-color: var(--weui-STEPS-DEFAULT-COLOR);
|
|
border-radius: 100%;
|
|
content: "";
|
|
height: var(--weui-STEPS-DOT-SIZE);
|
|
width: var(--weui-STEPS-DOT-SIZE);
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__icon,.weui-steps_vertical .weui-steps__item__inner:before {
|
|
left: 0;
|
|
position: absolute;
|
|
top: calc(var(--weui-STEPS-LINEHEIGHT) / 2 * 1em);
|
|
transform: translate(-50%,-50%);
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__icon {
|
|
font-size: calc(2rpx * var(--weui-STEPS-FONT-SIZE));
|
|
height: calc(var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em);
|
|
margin-top: calc((var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em - 1em) / 2 - .28em);
|
|
width: calc(var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em);
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item_icon:before {
|
|
top: calc(var(--weui-STEPS-VERTICAL-DOT-GAP) + var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em - .14em);
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item_icon .weui-steps__item__inner:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item_icon-prev:before {
|
|
bottom: calc(var(--weui-STEPS-VERTICAL-DOT-GAP) - (var(--weui-STEPS-LINEHEIGHT) - 1) / 2 * 1em + .14em);
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item_success:before {
|
|
border-color: var(--weui-STEPS-HIGHLIGHT-COLOR);
|
|
}
|
|
|
|
.weui-steps_vertical .weui-steps__item_success+.weui-steps__item .weui-steps__item__inner:before,.weui-steps_vertical .weui-steps__item_success .weui-steps__item__inner:before {
|
|
background-color: var(--weui-STEPS-HIGHLIGHT-COLOR);
|
|
}
|
|
|
|
.weui-steps_horizonal,.weui-steps_horizonal .weui-steps__item {
|
|
display: flex;
|
|
}
|
|
|
|
.weui-steps_horizonal .weui-steps__item {
|
|
-webkit-box-flex: 1;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
|
|
.weui-steps_horizonal .weui-steps__item:before {
|
|
background-color: var(--weui-STEPS-DEFAULT-COLOR);
|
|
border-radius: 100%;
|
|
content: "";
|
|
display: block;
|
|
flex-shrink: 0;
|
|
height: var(--weui-STEPS-DOT-SIZE);
|
|
width: var(--weui-STEPS-DOT-SIZE);
|
|
}
|
|
|
|
.weui-steps_horizonal .weui-steps__item:after {
|
|
-webkit-box-flex: 1;
|
|
background: var(--weui-STEPS-DEFAULT-COLOR);
|
|
content: "";
|
|
flex: 1;
|
|
height: 1rpx;
|
|
margin: 0 var(--weui-STEPS-HORIZONAL-DOT-GAP);
|
|
}
|
|
|
|
.weui-steps_horizonal .weui-steps__item:last-child {
|
|
-webkit-box-flex: 0;
|
|
flex: none;
|
|
}
|
|
|
|
.weui-steps_horizonal .weui-steps__item:last-child:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-steps_horizonal .weui-steps__item:first-child:not(.weui-steps__item_success):before {
|
|
background: var(--weui-STEPS-HIGHLIGHT-COLOR);
|
|
}
|
|
|
|
.weui-steps_horizonal .weui-steps__item__inner {
|
|
margin-left: 16rpx;
|
|
}
|
|
|
|
.weui-steps_horizonal .weui-steps__item_success+.weui-steps__item:before,.weui-steps_horizonal .weui-steps__item_success:after,.weui-steps_horizonal .weui-steps__item_success:before {
|
|
background: var(--weui-STEPS-HIGHLIGHT-COLOR);
|
|
}
|
|
|
|
.weui-steps_horizonal-primary {
|
|
display: flex;
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item:before {
|
|
border-top: 2rpx solid var(--weui-STEPS-DEFAULT-COLOR);
|
|
color: var(--weui-STEPS-DEFAULT-COLOR);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item:last-child {
|
|
-webkit-box-flex: 0;
|
|
flex: none;
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item:last-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item__inner {
|
|
padding-top: 72rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item__inner:before {
|
|
background-color: var(--weui-STEPS-DEFAULT-COLOR);
|
|
border-radius: 100%;
|
|
content: "";
|
|
height: var(--weui-STEPS-DOT-SIZE);
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translateY(-50%);
|
|
width: var(--weui-STEPS-DOT-SIZE);
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item__inner:after {
|
|
background-color: var(--weui-BG-2);
|
|
content: "";
|
|
height: calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP));
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translate(calc(-50% + var(--weui-STEPS-DOT-SIZE) / 2),-50%);
|
|
width: calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP));
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item_success:before {
|
|
border-color: var(--weui-STEPS-HIGHLIGHT-COLOR);
|
|
}
|
|
|
|
.weui-steps_horizonal-primary .weui-steps__item_success+.weui-steps__item .weui-steps__item__inner:before,.weui-steps_horizonal-primary .weui-steps__item_success .weui-steps__item__inner:before {
|
|
background: var(--weui-STEPS-HIGHLIGHT-COLOR);
|
|
}
|
|
|
|
.weui-steps_horizonal-center {
|
|
display: flex;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item:after,.weui-steps_horizonal-center .weui-steps__item:before {
|
|
border-top: 2rpx solid var(--weui-STEPS-DEFAULT-COLOR);
|
|
color: var(--weui-STEPS-DEFAULT-COLOR);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item:before {
|
|
right: 50%;
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item:after {
|
|
left: 50%;
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item:first-child:before,.weui-steps_horizonal-center .weui-steps__item:last-child:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item__inner {
|
|
padding-top: 72rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item__inner:before {
|
|
background-color: var(--weui-STEPS-DEFAULT-COLOR);
|
|
border-radius: 100%;
|
|
content: "";
|
|
height: var(--weui-STEPS-DOT-SIZE);
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translate(-50%,-50%);
|
|
width: var(--weui-STEPS-DOT-SIZE);
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item__inner:after {
|
|
background-color: var(--weui-BG-2);
|
|
content: "";
|
|
height: calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP));
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translate(-50%,-50%);
|
|
width: calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP));
|
|
}
|
|
|
|
.weui-steps_horizonal-center .weui-steps__item_success+.weui-steps__item .weui-steps__item__inner:before,.weui-steps_horizonal-center .weui-steps__item_success+.weui-steps__item:before,.weui-steps_horizonal-center .weui-steps__item_success .weui-steps__item__inner:before,.weui-steps_horizonal-center .weui-steps__item_success:after,.weui-steps_horizonal-center .weui-steps__item_success:before {
|
|
background: var(--weui-STEPS-HIGHLIGHT-COLOR);
|
|
}
|
|
|
|
body,page {
|
|
--weui-cellMarginLR: 32rpx;
|
|
--weui-cellPaddingLR: 32rpx;
|
|
}
|
|
|
|
.weui-cells__group {
|
|
border: 0;
|
|
}
|
|
|
|
.weui-cells__group:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-cells__group_form {
|
|
margin-top: 48rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cells {
|
|
margin-left: var(--weui-cellMarginLR);
|
|
margin-right: var(--weui-cellMarginLR);
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cells:after,.weui-cells__group_form .weui-cells:before {
|
|
left: var(--weui-cellPaddingLR);
|
|
right: var(--weui-cellPaddingLR);
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell {
|
|
padding: 32rpx var(--weui-cellPaddingLR);
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell:before {
|
|
left: var(--weui-cellPaddingLR);
|
|
right: var(--weui-cellPaddingLR);
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell__hd {
|
|
padding-right: 32rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell__ft {
|
|
padding-left: 32rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cells__title {
|
|
margin-bottom: 16rpx;
|
|
margin-top: 48rpx;
|
|
padding: 0 64rpx;
|
|
}
|
|
|
|
.weui-cells__group_form:first-child .weui-cells__title {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cells__tips {
|
|
color: var(--weui-FG-2);
|
|
margin-top: 16rpx;
|
|
padding: 0 calc(var(--weui-cellMarginLR) + var(--weui-cellPaddingLR));
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cells__tips .a,.weui-cells__group_form .weui-cells__tips a {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cells__tips_warn {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-cells__group_form .weui-label {
|
|
margin-right: 16rpx;
|
|
max-width: 5em;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_access:active:after,.weui-cells__group_form .weui-cell_active:active:after {
|
|
border-radius: 16rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_warn input {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_disabled:active:after,.weui-cells__group_form .weui-cell_readonly:active:after,.weui-cells__group_form .weui-cell_switch:active:after,.weui-cells__group_form .weui-cell_vcode:active:after,.weui-cells__group_form .weui-icon-warn {
|
|
display: none;
|
|
}
|
|
|
|
.weui-cells__group_form input,.weui-cells__group_form label[for],.weui-cells__group_form textarea {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_wrap {
|
|
-webkit-box-align: initial;
|
|
align-items: normal;
|
|
padding-bottom: 16rpx;
|
|
padding-top: 16rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_wrap .weui-cell__hd {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_wrap .weui-label {
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_wrap .weui-cell__bd {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell__control {
|
|
margin: 16rpx 0 16rpx 32rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell__control_flex {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
min-width: 30vw;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-vcode-btn {
|
|
background-color: var(--weui-BTN-DEFAULT-BG);
|
|
border-radius: 12rpx;
|
|
color: var(--weui-BTN-DEFAULT-COLOR);
|
|
font-size: 32rpx;
|
|
height: auto;
|
|
line-height: 2;
|
|
padding: 0 24rpx;
|
|
width: auto;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-vcode-btn:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap {
|
|
padding-bottom: 8rpx;
|
|
padding-top: 8rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-label {
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-input {
|
|
font-size: 34rpx;
|
|
min-height: 1.88235294em;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cells_checkbox .weui-check__label:before {
|
|
left: calc(80rpx + var(--weui-cellPaddingLR));
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_select {
|
|
padding: 0;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_select-before .weui-cell__hd {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.weui-cells__group_form .weui-cell_switch {
|
|
padding: 24rpx 32rpx;
|
|
}
|
|
|
|
.weui-cells__group_form-primary {
|
|
margin-top: 64rpx;
|
|
}
|
|
|
|
.weui-cells__group_form-primary .weui-cells {
|
|
background: var(--weui-BG-1);
|
|
border-radius: 16rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.weui-cells__group_form-primary .weui-cells:after,.weui-cells__group_form-primary .weui-cells:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-cells__group_form-primary .weui-cell_access:active:after,.weui-cells__group_form-primary .weui-cell_active:active:after {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.weui-form {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
background-color: var(--weui-BG-2);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
line-height: 1.4;
|
|
min-height: 100%;
|
|
padding: calc(112rpx + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
|
|
}
|
|
|
|
.weui-form .weui-footer,.weui-form .weui-footer__link {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.weui-form .weui-agree {
|
|
-webkit-box-pack: center;
|
|
-webkit-box-align: center;
|
|
word-wrap: break-word;
|
|
align-items: center;
|
|
display: flex;
|
|
hyphens: auto;
|
|
justify-content: center;
|
|
line-height: 1.6;
|
|
padding: 0;
|
|
text-align: justify;
|
|
}
|
|
|
|
.weui-form .weui-agree__checkbox {
|
|
flex-shrink: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-form .weui-agree__text {
|
|
min-width: 0;
|
|
}
|
|
|
|
.weui-form__text-area {
|
|
color: var(--weui-FG-0);
|
|
padding: 0 64rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-form__control-area {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
margin: 96rpx 0;
|
|
}
|
|
|
|
.weui-form__extra-area,.weui-form__tips-area {
|
|
margin-bottom: 48rpx;
|
|
padding: 0 64rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-form__extra-area {
|
|
margin-top: 104rpx;
|
|
}
|
|
|
|
.weui-form__opr-area {
|
|
padding: 0 64rpx;
|
|
}
|
|
|
|
.weui-form__opr-area:last-child {
|
|
margin-bottom: 192rpx;
|
|
}
|
|
|
|
.weui-form__opr-area+.weui-form__tips-area {
|
|
margin-bottom: 0;
|
|
margin-top: 32rpx;
|
|
}
|
|
|
|
.weui-form__tips-area+.weui-form__extra-area {
|
|
margin-top: 64rpx;
|
|
}
|
|
|
|
.weui-form__tips-area:last-child {
|
|
margin-bottom: 120rpx;
|
|
}
|
|
|
|
.weui-form__title {
|
|
font-size: 44rpx;
|
|
font-weight: 700;
|
|
line-height: 1.36;
|
|
}
|
|
|
|
.weui-form__desc {
|
|
font-size: 34rpx;
|
|
margin-top: 32rpx;
|
|
}
|
|
|
|
.weui-form__tips {
|
|
color: var(--weui-FG-1);
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.weui-form__tips a,.weui-form__tips navigator {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-form__tips navigator {
|
|
display: inline;
|
|
}
|
|
|
|
.weui-article {
|
|
word-wrap: break-word;
|
|
color: var(--weui-FG-0);
|
|
font-size: 34rpx;
|
|
hyphens: auto;
|
|
line-height: 1.4;
|
|
padding: 96rpx calc(48rpx + env(safe-area-inset-right)) calc(96rpx + env(safe-area-inset-bottom)) calc(48rpx + env(safe-area-inset-left));
|
|
}
|
|
|
|
.weui-article image {
|
|
margin: 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.weui-article__section {
|
|
margin-bottom: 96rpx;
|
|
}
|
|
|
|
.weui-article__section .weui-article__section {
|
|
margin-bottom: 64rpx;
|
|
}
|
|
|
|
.weui-article__section .weui-article__section .weui-article__section {
|
|
margin-bottom: 48rpx;
|
|
}
|
|
|
|
.weui-article__h1 {
|
|
font-size: 44rpx;
|
|
font-weight: 500;
|
|
margin-bottom: 96rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-article__h2 {
|
|
font-size: 40rpx;
|
|
font-weight: 500;
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.weui-article__h3 {
|
|
font-size: 34rpx;
|
|
font-weight: 500;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.weui-article__h4 {
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.weui-article__h4,.weui-article__h5,.weui-article__h6 {
|
|
font-size: 34rpx;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.weui-article__p {
|
|
line-height: 1.6;
|
|
margin: 0 0 48rpx;
|
|
}
|
|
|
|
.weui-article__ol,.weui-article__ul {
|
|
margin-bottom: 48rpx;
|
|
margin-left: 1.2em;
|
|
}
|
|
|
|
.weui-article__ol .weui-article__ol,.weui-article__ol .weui-article__ul,.weui-article__ul .weui-article__ol,.weui-article__ul .weui-article__ul {
|
|
margin: .5em 0 .5em 1.2em;
|
|
}
|
|
|
|
.weui-article__ol {
|
|
list-style: decimal;
|
|
}
|
|
|
|
.weui-article__ul {
|
|
list-style: disc;
|
|
}
|
|
|
|
.weui-article__li {
|
|
display: list-item;
|
|
margin: .5em 0;
|
|
}
|
|
|
|
.weui-article__list_inside .weui-article__li {
|
|
list-style-position: inside;
|
|
}
|
|
|
|
.weui-article__list_none .weui-article__li {
|
|
list-style: none;
|
|
}
|
|
|
|
.weui-tabbar {
|
|
background-color: var(--weui-BG-1);
|
|
display: flex;
|
|
position: relative;
|
|
z-index: 500;
|
|
}
|
|
|
|
.weui-tabbar:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-tabbar__item {
|
|
-webkit-box-flex: 1;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
color: var(--weui-FG-1);
|
|
display: block;
|
|
flex: 1;
|
|
font-size: 0;
|
|
padding: 16rpx 0 calc(16rpx + env(safe-area-inset-bottom));
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-tabbar__item:first-child {
|
|
padding-left: env(safe-area-inset-left);
|
|
}
|
|
|
|
.weui-tabbar__item:last-child {
|
|
padding-right: env(safe-area-inset-right);
|
|
}
|
|
|
|
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
|
|
color: var(--weui-BRAND);
|
|
}
|
|
|
|
.weui-tabbar__icon {
|
|
display: inline-block;
|
|
font-size: 20rpx;
|
|
height: 2.8em;
|
|
margin-bottom: 4rpx;
|
|
width: 2.8em;
|
|
}
|
|
|
|
.weui-tabbar__icon>i,i.weui-tabbar__icon {
|
|
color: var(--weui-FG-1);
|
|
font-size: 48rpx;
|
|
}
|
|
|
|
.weui-tabbar__icon .img,.weui-tabbar__icon img {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-tabbar__label {
|
|
color: var(--weui-FG-0);
|
|
font-size: 20rpx;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.weui-navbar {
|
|
background-color: var(--weui-BG-2);
|
|
display: flex;
|
|
padding-top: env(safe-area-inset-top);
|
|
position: relative;
|
|
z-index: 500;
|
|
}
|
|
|
|
.weui-navbar:after {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-navbar+.weui-tab__panel {
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
|
|
.weui-navbar__item {
|
|
-webkit-box-flex: 1;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
display: block;
|
|
flex: 1;
|
|
font-size: 34rpx;
|
|
line-height: 1.41176471;
|
|
padding: calc(32rpx + env(safe-area-inset-top)) 0 32rpx;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-navbar__item.weui-bar__item_on,.weui-navbar__item:active {
|
|
background-color: var(--weui-BG-COLOR-ACTIVE);
|
|
}
|
|
|
|
.weui-navbar__item:after {
|
|
border-right: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 100% 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-navbar__item:first-child {
|
|
padding-left: env(safe-area-inset-left);
|
|
}
|
|
|
|
.weui-navbar__item:last-child {
|
|
padding-right: env(safe-area-inset-right);
|
|
}
|
|
|
|
.weui-navbar__item:last-child:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-tab {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.weui-tab__panel {
|
|
-webkit-box-flex: 1;
|
|
-webkit-overflow-scrolling: touch;
|
|
box-sizing: border-box;
|
|
flex: 1;
|
|
overflow: auto;
|
|
}
|
|
|
|
.weui-tab__content {
|
|
display: none;
|
|
}
|
|
|
|
.weui-progress {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.weui-progress__bar {
|
|
-webkit-box-flex: 1;
|
|
background-color: var(--weui-BG-0);
|
|
flex: 1;
|
|
height: 6rpx;
|
|
}
|
|
|
|
.weui-progress__inner-bar {
|
|
background-color: var(--weui-BRAND);
|
|
height: 100%;
|
|
width: 0;
|
|
}
|
|
|
|
.weui-progress__opr {
|
|
display: block;
|
|
font-size: 0;
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.weui-panel {
|
|
background-color: var(--weui-BG-2);
|
|
margin-top: 20rpx;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-panel:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-panel:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-panel:after,.weui-panel:before {
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
.weui-panel:after {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-panel .weui-cells:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-panel__hd {
|
|
color: var(--weui-FG-0);
|
|
font-size: 30rpx;
|
|
font-weight: 500;
|
|
padding: 32rpx 32rpx 26rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-panel__hd:after {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
left: 30rpx;
|
|
position: absolute;
|
|
right: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-media-box {
|
|
padding: 32rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-media-box:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
left: 32rpx;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-media-box:first-child:before {
|
|
display: none;
|
|
}
|
|
|
|
a.weui-media-box {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
color: #000;
|
|
}
|
|
|
|
a.weui-media-box:active {
|
|
background-color: var(--weui-BG-COLOR-ACTIVE);
|
|
}
|
|
|
|
.weui-media-box__title {
|
|
word-wrap: normal;
|
|
color: var(--weui-FG-0);
|
|
display: block;
|
|
font-size: 34rpx;
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
|
|
.weui-media-box__desc,.weui-media-box__title {
|
|
word-wrap: break-word;
|
|
hyphens: auto;
|
|
line-height: 1.4;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.weui-media-box__desc {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
color: var(--weui-FG-2);
|
|
display: -webkit-box;
|
|
font-size: 28rpx;
|
|
padding-top: 8rpx;
|
|
}
|
|
|
|
.weui-media-box__info {
|
|
color: var(--weui-FG-2);
|
|
display: block;
|
|
font-size: 26rpx;
|
|
line-height: 1em;
|
|
list-style: none;
|
|
margin-top: 32rpx;
|
|
overflow: hidden;
|
|
padding-bottom: 8rpx;
|
|
}
|
|
|
|
.weui-media-box__info__meta {
|
|
float: left;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
.weui-media-box__info__meta_extra {
|
|
border-left: 2rpx solid var(--weui-FG-2);
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.weui-media-box_appmsg {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.weui-media-box_appmsg .weui-media-box__hd {
|
|
height: 120rpx;
|
|
line-height: 120rpx;
|
|
margin-right: 32rpx;
|
|
text-align: center;
|
|
width: 120rpx;
|
|
}
|
|
|
|
.weui-media-box_appmsg .weui-media-box__thumb {
|
|
max-height: 100%;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-media-box_appmsg .weui-media-box__bd {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.weui-media-box_small-appmsg {
|
|
padding: 0;
|
|
}
|
|
|
|
.weui-media-box_small-appmsg .weui-cells {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-media-box_small-appmsg .weui-cells:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-grids {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-grids:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
height: 2rpx;
|
|
right: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-grids:after,.weui-grids:before {
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.weui-grids:after {
|
|
border-left: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 0 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-grid {
|
|
box-sizing: border-box;
|
|
float: left;
|
|
padding: 40rpx 20rpx;
|
|
position: relative;
|
|
width: 33.33333333%;
|
|
}
|
|
|
|
.weui-grid:before {
|
|
border-right: 2rpx solid var(--weui-FG-3);
|
|
top: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 100% 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-grid:after,.weui-grid:before {
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
.weui-grid:after {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
height: 2rpx;
|
|
left: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-grid:active {
|
|
background-color: var(--weui-BG-COLOR-ACTIVE);
|
|
}
|
|
|
|
.weui-grid__icon {
|
|
height: 56rpx;
|
|
margin: 0 auto;
|
|
width: 56rpx;
|
|
}
|
|
|
|
.weui-grid__icon img {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-grid__icon+.weui-grid__label {
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.weui-grid__label {
|
|
color: var(--weui-FG-0);
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.weui-footer,.weui-grid__label {
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-footer {
|
|
color: rgba(0,0,0,.2);
|
|
line-height: 1.4;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-footer {
|
|
color: hsla(0,0%,100%,.2);
|
|
}
|
|
|
|
.weui-footer a,.weui-footer navigator {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-footer navigator {
|
|
display: inline;
|
|
}
|
|
|
|
.weui-footer_fixed-bottom {
|
|
bottom: 0;
|
|
left: 0;
|
|
left: constant(safe-area-inset-left);
|
|
left: env(safe-area-inset-left);
|
|
padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
|
|
padding-top: 32rpx;
|
|
position: fixed;
|
|
right: 0;
|
|
right: constant(safe-area-inset-right);
|
|
right: env(safe-area-inset-right);
|
|
}
|
|
|
|
.weui-footer__links {
|
|
font-size: 0;
|
|
}
|
|
|
|
.weui-footer__link {
|
|
display: inline-block;
|
|
font-size: 28rpx;
|
|
margin: 0 16rpx;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.weui-footer__link:before {
|
|
border-left: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
bottom: .36em;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
left: 0;
|
|
left: -16rpx;
|
|
position: absolute;
|
|
top: 0;
|
|
top: .36em;
|
|
transform: scaleX(.5);
|
|
transform-origin: 0 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-footer__link:first-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-footer__text {
|
|
font-size: 24rpx;
|
|
padding: 0 32rpx;
|
|
}
|
|
|
|
.weui-flex {
|
|
display: flex;
|
|
}
|
|
|
|
.weui-flex__item {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.weui-dialog {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
background-color: var(--weui-BG-2);
|
|
border-radius: 24rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
left: 32rpx;
|
|
max-height: 90%;
|
|
outline: 0;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
right: 32rpx;
|
|
text-align: center;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
z-index: 5000;
|
|
}
|
|
|
|
.weui-dialog__hd {
|
|
padding: 64rpx 48rpx 32rpx;
|
|
}
|
|
|
|
.weui-dialog__title {
|
|
color: var(--weui-FG-0);
|
|
font-size: 34rpx;
|
|
font-weight: 700;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.weui-dialog__bd {
|
|
-webkit-overflow-scrolling: touch;
|
|
word-wrap: break-word;
|
|
color: var(--weui-FG-1);
|
|
font-size: 34rpx;
|
|
hyphens: auto;
|
|
line-height: 1.4;
|
|
margin-bottom: 64rpx;
|
|
overflow-y: auto;
|
|
padding: 0 48rpx;
|
|
}
|
|
|
|
.weui-dialog__bd:first-child {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: center;
|
|
color: var(--weui-FG-0);
|
|
flex-direction: column;
|
|
font-weight: 700;
|
|
justify-content: center;
|
|
min-height: 80rpx;
|
|
padding: 64rpx 48rpx 0;
|
|
}
|
|
|
|
.weui-dialog__bd:first-child,.weui-dialog__ft {
|
|
display: flex;
|
|
}
|
|
|
|
.weui-dialog__ft {
|
|
position: relative;
|
|
}
|
|
|
|
.weui-dialog__ft:after {
|
|
border-top: 2rpx solid var(--weui-DIALOG-LINE-COLOR);
|
|
color: var(--weui-DIALOG-LINE-COLOR);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-dialog__btn {
|
|
-webkit-box-flex: 1;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
color: var(--weui-LINK);
|
|
display: block;
|
|
flex: 1;
|
|
font-size: 34rpx;
|
|
font-weight: 700;
|
|
line-height: 1.41176471;
|
|
overflow: hidden;
|
|
padding: 32rpx 0;
|
|
position: relative;
|
|
text-decoration: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.weui-dialog__btn:active {
|
|
background-color: var(--weui-BG-COLOR-ACTIVE);
|
|
}
|
|
|
|
.weui-dialog__btn:after {
|
|
border-left: 2rpx solid var(--weui-DIALOG-LINE-COLOR);
|
|
bottom: 0;
|
|
color: var(--weui-DIALOG-LINE-COLOR);
|
|
content: " ";
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 0 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-dialog__btn:first-child:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-dialog__btn_default {
|
|
color: var(--weui-FG-HALF);
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog {
|
|
box-shadow: 0 12rpx 60rpx 0 rgba(0,0,0,.1);
|
|
text-align: left;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__title {
|
|
font-size: 44rpx;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__hd {
|
|
text-align: left;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__bd {
|
|
color: var(--weui-FG-1);
|
|
text-align: left;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__bd:first-child {
|
|
color: var(--weui-FG-0);
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__ft {
|
|
display: block;
|
|
line-height: 80rpx;
|
|
min-height: 80rpx;
|
|
padding: 0 48rpx 32rpx;
|
|
text-align: right;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__ft:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__btn {
|
|
display: inline-block;
|
|
padding: 0 .8em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__btn:after {
|
|
display: none;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__btn:last-child {
|
|
margin-right: -.8em;
|
|
}
|
|
|
|
.weui-skin_android .weui-dialog__btn_default {
|
|
color: var(--weui-FG-HALF);
|
|
}
|
|
|
|
@media screen and (min-width:704rpx) {
|
|
.weui-dialog {
|
|
margin: 0 auto;
|
|
width: 640rpx;
|
|
}
|
|
}
|
|
|
|
.weui-half-screen-dialog {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
background-color: var(--weui-BG-2);
|
|
border-top-left-radius: 24rpx;
|
|
border-top-right-radius: 24rpx;
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
color: var(--weui-FG-0);
|
|
display: flex;
|
|
flex-direction: column;
|
|
left: 0;
|
|
line-height: 1.4;
|
|
max-height: 75%;
|
|
min-height: 510rpx;
|
|
outline: 0;
|
|
overflow: hidden;
|
|
padding: 0 calc(48rpx + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(48rpx + env(safe-area-inset-left));
|
|
position: fixed;
|
|
right: 0;
|
|
z-index: 5000;
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
min-height: 128rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd .weui-btn_icon {
|
|
color: inherit;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd .weui-btn_icon:active {
|
|
opacity: .5;
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd__side {
|
|
left: -16rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd__main {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd__side+.weui-half-screen-dialog__hd__main {
|
|
padding: 0 80rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side {
|
|
left: auto;
|
|
right: -16rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side .weui-btn_icon,.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side .weui-icon-btn {
|
|
right: 0;
|
|
}
|
|
|
|
.weui-half-screen-dialog__title {
|
|
color: var(--weui-FG-0);
|
|
display: block;
|
|
font-size: 30rpx;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.weui-half-screen-dialog__subtitle {
|
|
color: var(--weui-FG-1);
|
|
display: block;
|
|
font-size: 20rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog__bd {
|
|
-webkit-box-flex: 1;
|
|
word-wrap: break-word;
|
|
color: var(--weui-FG-0);
|
|
flex: 1;
|
|
font-size: 28rpx;
|
|
hyphens: auto;
|
|
min-height: 0;
|
|
overflow-y: auto;
|
|
padding-bottom: 112rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog__desc {
|
|
color: var(--weui-FG-0);
|
|
font-size: 34rpx;
|
|
font-weight: 700;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.weui-half-screen-dialog__tips {
|
|
color: var(--weui-FG-0);
|
|
font-size: 28rpx;
|
|
line-height: 1.4;
|
|
padding-top: 32rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog__ft {
|
|
padding: 0 0 128rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2)+.weui-btn {
|
|
display: inline-block;
|
|
margin: 0 16rpx;
|
|
vertical-align: top;
|
|
width: 240rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog__btn-area {
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: center;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.weui-half-screen-dialog__btn-area .weui-btn {
|
|
padding-left: 32rpx;
|
|
padding-right: 32rpx;
|
|
width: 368rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2)+.weui-btn {
|
|
margin: 0 16rpx;
|
|
width: 272rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2)+.weui-btn:first-child,.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2):first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2)+.weui-btn:last-child,.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2):last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.weui-half-screen-dialog__btn-area+.weui-half-screen-dialog__attachment-area {
|
|
margin-bottom: -68rpx;
|
|
margin-top: 48rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog_btn-wrap .weui-half-screen-dialog__btn-area {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.weui-half-screen-dialog_large {
|
|
max-height: none;
|
|
top: 32rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog_slide .weui-half-screen-dialog__hd {
|
|
-webkit-box-pack: center;
|
|
justify-content: center;
|
|
min-height: 0;
|
|
padding: 24rpx 32rpx 32rpx;
|
|
}
|
|
|
|
.weui-half-screen-dialog_slide .weui-half-screen-dialog__slide-icon {
|
|
-webkit-box-pack: center;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
background: var(--weui-BG-0);
|
|
border-radius: 4rpx;
|
|
display: flex;
|
|
height: 8rpx;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 24rpx;
|
|
width: 80rpx;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-half-screen-dialog_slide .weui-half-screen-dialog__slide-icon {
|
|
background: var(--weui-FG-3);
|
|
}
|
|
|
|
.weui-half-screen-dialog_slide .weui-half-screen-dialog__slide-icon .weui-icon-arrow {
|
|
height: 1.6em;
|
|
opacity: 0;
|
|
transform: rotate(90deg);
|
|
width: .8em;
|
|
}
|
|
|
|
.weui-icon-more {
|
|
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M5 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E%3C/svg%3E") no-repeat 50% 50%;
|
|
}
|
|
|
|
.weui-icon-slide-down {
|
|
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E %3Cdefs%3E %3Crect id='dda90263-a290-4594-926f-6aba8cb4779f-a' width='24' height='24' x='0' y='0' rx='12'/%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cmask id='dda90263-a290-4594-926f-6aba8cb4779f-b' fill='%23fff'%3E %3Cuse xlink:href='%23dda90263-a290-4594-926f-6aba8cb4779f-a'/%3E %3C/mask%3E %3Cuse fill='%23000' fill-opacity='.05' xlink:href='%23dda90263-a290-4594-926f-6aba8cb4779f-a'/%3E %3Cg fill-opacity='.9' mask='url(%23dda90263-a290-4594-926f-6aba8cb4779f-b)'%3E %3Cpath fill='%23000' d='M11.407 15.464L6.693 10.75l1.179-1.179 4.125 4.125 4.124-4.125L17.3 10.75l-4.714 4.714a.833.833 0 0 1-1.179 0z'/%3E %3C/g%3E %3C/g%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd .weui-icon-btn {
|
|
color: inherit;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd .weui-icon-btn:active {
|
|
opacity: .5;
|
|
}
|
|
|
|
.weui-half-screen-dialog__hd .weui-icon-btn:after {
|
|
content: "";
|
|
height: 100%;
|
|
left: 50%;
|
|
min-height: 88rpx;
|
|
min-width: 88rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-icon-btn.weui-icon-btn {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
-webkit-appearance: none;
|
|
background-color: initial;
|
|
border-width: 0;
|
|
color: var(--weui-FG-0);
|
|
font-size: 0;
|
|
height: auto;
|
|
outline: 0;
|
|
width: auto;
|
|
}
|
|
|
|
.weui-icon-btn_goback.weui-icon-btn_goback {
|
|
background-color: currentColor;
|
|
color: var(--weui-FG-0);
|
|
height: 1.42rem;
|
|
mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 19.438 8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% 50%;
|
|
mask-size: 100%;
|
|
width: .71rem;
|
|
}
|
|
|
|
.weui-icon-btn_close.weui-icon-btn_close {
|
|
background-color: currentColor;
|
|
color: var(--weui-FG-0);
|
|
height: 1.42rem;
|
|
mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 10.693 6.057 4.5 5 5.557l6.193 6.193L5 17.943 6.057 19l6.193-6.193L18.443 19l1.057-1.057-6.193-6.193L19.5 5.557 18.443 4.5z' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% 50%;
|
|
mask-size: 100%;
|
|
width: 1.42rem;
|
|
}
|
|
|
|
.weui-toast {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: center;
|
|
align-items: center;
|
|
background-color: var(--weui-BG-4);
|
|
border-radius: 24rpx;
|
|
box-sizing: border-box;
|
|
color: hsla(0,0%,100%,.9);
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 20rpx;
|
|
height: 13.6em;
|
|
justify-content: center;
|
|
left: 50%;
|
|
line-height: 1.4;
|
|
position: fixed;
|
|
text-align: center;
|
|
top: 40%;
|
|
transform: translate(-50%,-50%);
|
|
width: 13.6em;
|
|
z-index: 5500;
|
|
}
|
|
|
|
.weui-toast_text {
|
|
border-radius: 16rpx;
|
|
height: auto;
|
|
max-width: 432rpx;
|
|
min-width: 304rpx;
|
|
padding: 24rpx 0;
|
|
width: auto;
|
|
}
|
|
|
|
.weui-toast_text .weui-toast__content {
|
|
font-size: 28rpx;
|
|
padding: 0 40rpx;
|
|
}
|
|
|
|
.weui-icon_toast {
|
|
display: block;
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.weui-icon_toast.weui-icon_toast {
|
|
height: 4em;
|
|
width: 4em;
|
|
}
|
|
|
|
.weui-icon_toast.weui-icon-success-no-circle,.weui-icon_toast.weui-icon-warn {
|
|
color: hsla(0,0%,100%,.9);
|
|
}
|
|
|
|
.weui-icon_toast.weui-loading {
|
|
font-size: 80rpx;
|
|
height: 1em;
|
|
width: 1em;
|
|
}
|
|
|
|
.weui-icon_toast.weui-primary-loading {
|
|
color: #ededed;
|
|
display: flex;
|
|
font-size: 80rpx;
|
|
height: 1em;
|
|
width: 1em;
|
|
}
|
|
|
|
.weui-icon_toast.weui-primary-loading:before {
|
|
border-width: 8rpx 0 8rpx 8rpx;
|
|
}
|
|
|
|
.weui-icon_toast.weui-primary-loading:after {
|
|
border-width: 8rpx 8rpx 8rpx 0;
|
|
}
|
|
|
|
.weui-icon_toast.weui-primary-loading .weui-primary-loading__dot {
|
|
border-bottom-right-radius: 8rpx;
|
|
border-top-right-radius: 8rpx;
|
|
height: 8rpx;
|
|
width: 8rpx;
|
|
}
|
|
|
|
.weui-toast__content {
|
|
word-wrap: break-word;
|
|
font-size: 34rpx;
|
|
hyphens: auto;
|
|
padding: 0 24rpx;
|
|
}
|
|
|
|
.weui-toast_text-more .weui-icon_toast {
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.weui-toast_text-more .weui-toast__content {
|
|
font-size: 28rpx;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.weui-mask {
|
|
background: rgba(0,0,0,.6);
|
|
}
|
|
|
|
.weui-mask,.weui-mask_transparent {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.weui-actionsheet {
|
|
backface-visibility: hidden;
|
|
background-color: var(--weui-BG-1);
|
|
border-top-left-radius: 24rpx;
|
|
border-top-right-radius: 24rpx;
|
|
bottom: 0;
|
|
left: 0;
|
|
outline: 0;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
transform: translateY(100%);
|
|
transition: transform .3s;
|
|
transition: transform .3s,-webkit-transform .3s;
|
|
width: 100%;
|
|
z-index: 5000;
|
|
}
|
|
|
|
.weui-actionsheet__title {
|
|
-webkit-box-pack: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
background: var(--weui-BG-2);
|
|
box-sizing: border-box;
|
|
color: var(--weui-FG-1);
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 24rpx;
|
|
height: 112rpx;
|
|
justify-content: center;
|
|
line-height: 1.4;
|
|
padding: 16rpx calc(48rpx + env(safe-area-inset-right)) 16rpx calc(48rpx + env(safe-area-inset-left));
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-actionsheet__title:before {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-actionsheet__title .weui-actionsheet__title-text {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.weui-actionsheet__action,.weui-actionsheet__menu {
|
|
background-color: var(--weui-BG-2);
|
|
color: var(--weui-FG-0);
|
|
}
|
|
|
|
.weui-actionsheet__action {
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.weui-actionsheet__action .weui-actionsheet__cell:last-child {
|
|
padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
|
|
}
|
|
|
|
.weui-actionsheet__cell {
|
|
font-size: 34rpx;
|
|
line-height: 1.41176471;
|
|
overflow: hidden;
|
|
padding: 32rpx calc(32rpx + env(safe-area-inset-right)) 32rpx calc(32rpx + env(safe-area-inset-left));
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-actionsheet__cell:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-actionsheet__cell:active {
|
|
background-color: var(--weui-BG-COLOR-ACTIVE);
|
|
}
|
|
|
|
.weui-actionsheet__cell:first-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-actionsheet__cell_warn {
|
|
color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-skin_android .weui-actionsheet {
|
|
backface-visibility: hidden;
|
|
background: transparent;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
bottom: auto;
|
|
box-sizing: border-box;
|
|
left: 50%;
|
|
position: fixed;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
transition: transform .3s;
|
|
transition: transform .3s,-webkit-transform .3s;
|
|
width: 548rpx;
|
|
}
|
|
|
|
.weui-skin_android .weui-actionsheet__action {
|
|
display: none;
|
|
}
|
|
|
|
.weui-skin_android .weui-actionsheet__menu {
|
|
border-radius: 4rpx;
|
|
box-shadow: 0 12rpx 60rpx 0 rgba(0,0,0,.1);
|
|
}
|
|
|
|
.weui-skin_android .weui-actionsheet__cell {
|
|
color: var(--weui-FG-0);
|
|
font-size: 34rpx;
|
|
line-height: 1.41176471;
|
|
padding: 32rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.weui-skin_android .weui-actionsheet__cell:first-child {
|
|
border-top-left-radius: 4rpx;
|
|
border-top-right-radius: 4rpx;
|
|
}
|
|
|
|
.weui-skin_android .weui-actionsheet__cell:last-child {
|
|
border-bottom-left-radius: 4rpx;
|
|
border-bottom-right-radius: 4rpx;
|
|
}
|
|
|
|
.weui-actionsheet_toggle {
|
|
transform: translate(0);
|
|
}
|
|
|
|
.weui-loadmore {
|
|
font-size: 0;
|
|
margin: 40rpx auto;
|
|
text-align: center;
|
|
width: 65%;
|
|
}
|
|
|
|
.weui-loadmore .weui-loading,.weui-loadmore .weui-primary-loading {
|
|
margin-right: 16rpx;
|
|
}
|
|
|
|
.weui-loadmore__tips {
|
|
color: var(--weui-FG-1);
|
|
display: inline-block;
|
|
font-size: 28rpx;
|
|
line-height: 1.6;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.weui-loadmore_line {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
margin-top: 64rpx;
|
|
}
|
|
|
|
.weui-loadmore_line .weui-loadmore__tips {
|
|
background-color: var(--weui-BG-2);
|
|
padding: 0 16rpx;
|
|
position: relative;
|
|
top: -.9em;
|
|
}
|
|
|
|
.weui-loadmore_dot .weui-loadmore__tips:before {
|
|
background-color: var(--weui-FG-3);
|
|
border-radius: 50%;
|
|
content: " ";
|
|
display: inline-block;
|
|
height: 8rpx;
|
|
position: relative;
|
|
top: -.16em;
|
|
vertical-align: 0;
|
|
width: 8rpx;
|
|
}
|
|
|
|
.weui-badge {
|
|
background-color: var(--weui-RED);
|
|
border-radius: 36rpx;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: 24rpx;
|
|
line-height: 1.2;
|
|
min-width: .66666667em;
|
|
padding: .15em .4em;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.weui-badge_dot {
|
|
min-width: 0;
|
|
padding: .4em;
|
|
}
|
|
|
|
.weui-toptips {
|
|
word-wrap: break-word;
|
|
border-radius: 16rpx;
|
|
color: #fff;
|
|
display: none;
|
|
font-size: 28rpx;
|
|
left: 16rpx;
|
|
padding: 20rpx;
|
|
position: fixed;
|
|
right: 16rpx;
|
|
text-align: center;
|
|
top: 16rpx;
|
|
transform: translateZ(0);
|
|
word-break: break-all;
|
|
z-index: 5500;
|
|
}
|
|
|
|
.weui-toptips_warn {
|
|
background-color: var(--weui-RED);
|
|
}
|
|
|
|
.weui-list-tips {
|
|
color: var(--weui-FG-1);
|
|
font-size: 28rpx;
|
|
line-height: 1.4;
|
|
list-style: none;
|
|
padding-bottom: 48rpx;
|
|
padding-top: 48rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-list-tips:before {
|
|
border-top: 2rpx solid var(--weui-FG-3);
|
|
color: var(--weui-FG-3);
|
|
content: "";
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.weui-list-tips:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.weui-list-tips__item {
|
|
margin: 32rpx 0;
|
|
padding-left: 30rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-list-tips__item:before {
|
|
content: "\2022";
|
|
left: 0;
|
|
position: absolute;
|
|
top: -.1em;
|
|
}
|
|
|
|
.weui-list-tips__item:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-form-preview__list+.weui-list-tips>.weui-list-tips__item:first-child {
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.weui-search-bar {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
background-color: var(--weui-BG-0);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
padding: 16rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn {
|
|
display: block;
|
|
}
|
|
|
|
.weui-search-bar.weui-search-bar_focusing .weui-search-bar__label {
|
|
display: none;
|
|
}
|
|
|
|
.weui-search-bar .weui-icon-search {
|
|
flex-shrink: 0;
|
|
font-size: 20rpx;
|
|
height: 1.6em;
|
|
margin-left: 16rpx;
|
|
margin-right: 8rpx;
|
|
width: 1.6em;
|
|
}
|
|
|
|
.weui-search-bar__form {
|
|
-webkit-box-flex: 1;
|
|
background-color: var(--weui-BG-2);
|
|
border-radius: 8rpx;
|
|
flex: 1;
|
|
min-width: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-search-bar__box {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-search-bar__box .weui-search-bar__input {
|
|
background: transparent;
|
|
border: 0;
|
|
box-sizing: initial;
|
|
caret-color: var(--weui-BRAND);
|
|
color: var(--weui-FG-0);
|
|
font-size: 28rpx;
|
|
height: 1.14285714em;
|
|
line-height: 1.14285714em;
|
|
padding: 16rpx 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-search-bar__box .weui-search-bar__input:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.weui-search-bar__box .weui-icon-clear {
|
|
flex-shrink: 0;
|
|
font-size: 20rpx;
|
|
height: 2em;
|
|
margin-left: 16rpx;
|
|
mask-position: calc(100% - 16rpx) 0;
|
|
mask-size: 2em;
|
|
min-width: 88rpx;
|
|
width: 2em;
|
|
}
|
|
|
|
.weui-search-bar__box .weui-icon-clear:after {
|
|
bottom: 0;
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
width: 88rpx;
|
|
}
|
|
|
|
.weui-search-bar__label {
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: center;
|
|
align-items: center;
|
|
background: var(--weui-BG-2);
|
|
border-radius: 8rpx;
|
|
bottom: 0;
|
|
color: var(--weui-FG-1);
|
|
display: flex;
|
|
font-size: 0;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.weui-search-bar__label .span,.weui-search-bar__label span {
|
|
display: inline-block;
|
|
font-size: 28rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.weui-search-bar__cancel-btn {
|
|
color: var(--weui-LINK);
|
|
display: none;
|
|
flex-shrink: 0;
|
|
line-height: 56rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
|
|
.weui-search-bar__input:not(:valid)+.weui-icon-clear {
|
|
display: none;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {
|
|
display: none;
|
|
}
|
|
|
|
.weui-picker {
|
|
backface-visibility: hidden;
|
|
background-color: var(--weui-BG-2);
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
left: 0;
|
|
outline: 0;
|
|
padding-left: env(safe-area-inset-left);
|
|
padding-right: env(safe-area-inset-right);
|
|
position: fixed;
|
|
transform: translateY(100%);
|
|
transition: transform .3s;
|
|
transition: transform .3s,-webkit-transform .3s;
|
|
width: 100%;
|
|
z-index: 5000;
|
|
}
|
|
|
|
.weui-picker .weui-half-screen-dialog__hd {
|
|
padding-left: 48rpx;
|
|
padding-right: 48rpx;
|
|
}
|
|
|
|
.weui-picker .weui-half-screen-dialog__bd {
|
|
overflow: visible;
|
|
}
|
|
|
|
.weui-picker__hd {
|
|
display: flex;
|
|
font-size: 34rpx;
|
|
line-height: 1.4;
|
|
padding: 32rpx calc(32rpx + env(safe-area-inset-right)) 32rpx calc(32rpx + env(safe-area-inset-left));
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-picker__hd:after {
|
|
border-bottom: 2rpx solid var(--weui-FG-3);
|
|
bottom: 0;
|
|
color: var(--weui-FG-3);
|
|
content: " ";
|
|
height: 2rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
transform: scaleY(.5);
|
|
transform-origin: 0 100%;
|
|
}
|
|
|
|
.weui-picker__bd {
|
|
background-color: var(--weui-BG-2);
|
|
display: flex;
|
|
height: 480rpx;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-picker__group {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
font-size: 34rpx;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-picker__group:first-child .weui-picker__indicator {
|
|
border-bottom-left-radius: 16rpx;
|
|
border-top-left-radius: 16rpx;
|
|
left: 16rpx;
|
|
}
|
|
|
|
.weui-picker__group:last-child .weui-picker__indicator {
|
|
border-bottom-right-radius: 16rpx;
|
|
border-top-right-radius: 16rpx;
|
|
right: 16rpx;
|
|
}
|
|
|
|
.weui-picker__mask {
|
|
background-image: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
|
|
background-position: top,bottom;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 224rpx;
|
|
height: 100%;
|
|
left: 0;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translateZ(0);
|
|
width: 100%;
|
|
z-index: 3;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-picker__mask {
|
|
background-image: linear-gradient(180deg,rgba(25,25,25,.95),rgba(25,25,25,.6)),linear-gradient(0deg,rgba(25,25,25,.95),rgba(25,25,25,.6));
|
|
}
|
|
|
|
.weui-picker__indicator {
|
|
background: var(--weui-BG-3);
|
|
height: 112rpx;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 224rpx;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-picker__content {
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.weui-picker__item {
|
|
color: var(--weui-FG-0);
|
|
height: 112rpx;
|
|
line-height: 112rpx;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.weui-picker__item_disabled {
|
|
color: var(--weui-FG-1);
|
|
}
|
|
|
|
@-webkit-keyframes weuiSlideUp {
|
|
0% {
|
|
transform: translate3d(0,100%,0);
|
|
}
|
|
|
|
to {
|
|
transform: translateZ(0);
|
|
}
|
|
}
|
|
|
|
@keyframes weuiSlideUp {
|
|
0% {
|
|
transform: translate3d(0,100%,0);
|
|
}
|
|
|
|
to {
|
|
transform: translateZ(0);
|
|
}
|
|
}
|
|
|
|
.weui-animate-slide-up,.weui-animate_slide-up {
|
|
animation: .3s ease forwards;
|
|
}
|
|
|
|
@-webkit-keyframes weuiSlideDown {
|
|
0% {
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(0,100%,0);
|
|
}
|
|
}
|
|
|
|
@keyframes weuiSlideDown {
|
|
0% {
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(0,100%,0);
|
|
}
|
|
}
|
|
|
|
.weui-animate-slide-down,.weui-animate_slide-down {
|
|
animation: .3s ease forwards;
|
|
}
|
|
|
|
.weui-animate-fade-in,.weui-animate_fade-in {
|
|
animation: fadeIn .3s ease forwards;
|
|
}
|
|
|
|
.weui-animate-fade-out,.weui-animate_fade-out {
|
|
animation: fadeOut .3s ease forwards;
|
|
}
|
|
|
|
.weui-transition.weui-mask {
|
|
opacity: 0;
|
|
transition: opacity .3s,visibility .3s;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.weui-transition.weui-half-screen-dialog {
|
|
transform: translateY(100%);
|
|
transition: transform .3s;
|
|
transition: transform .3s,-webkit-transform .3s;
|
|
}
|
|
|
|
.weui-transition_show.weui-mask {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.weui-transition_show.weui-half-screen-dialog {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.weui-agree {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
display: block;
|
|
font-size: 28rpx;
|
|
padding: 16rpx 30rpx 0;
|
|
}
|
|
|
|
.weui-agree a,.weui-agree navigator {
|
|
color: var(--weui-LINK);
|
|
}
|
|
|
|
.weui-agree navigator {
|
|
display: inline;
|
|
}
|
|
|
|
.weui-agree__text {
|
|
color: var(--weui-FG-1);
|
|
margin-left: 4rpx;
|
|
}
|
|
|
|
.weui-agree__checkbox {
|
|
appearance: none;
|
|
background-color: currentColor;
|
|
border: 0;
|
|
color: var(--weui-FG-2);
|
|
display: inline-block;
|
|
font-size: 34rpx;
|
|
height: 1em;
|
|
margin-top: -.2em;
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 916.667C269.881 916.667 83.333 730.119 83.333 500 83.333 269.881 269.881 83.333 500 83.333c230.119 0 416.667 186.548 416.667 416.667 0 230.119-186.548 416.667-416.667 416.667zm0-50c202.504 0 366.667-164.163 366.667-366.667 0-202.504-164.163-366.667-366.667-366.667-202.504 0-366.667 164.163-366.667 366.667 0 202.504 164.163 366.667 366.667 366.667z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
|
|
mask-position: 0 0;
|
|
mask-repeat: no-repeat;
|
|
mask-size: 100%;
|
|
outline: 0;
|
|
vertical-align: middle;
|
|
width: 1em;
|
|
}
|
|
|
|
.weui-agree__checkbox-check {
|
|
height: 2rpx;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-agree__checkbox-check[aria-checked="true"]+.weui-agree__checkbox,.weui-agree__checkbox:checked {
|
|
color: var(--weui-BRAND);
|
|
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1.177-7.86-2.765-2.767L7 12.431l3.119 3.121a1 1 0 0 0 1.414 0l5.952-5.95-1.062-1.062-5.6 5.6z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-agree_animate {
|
|
animation: weuiAgree .3s 1;
|
|
}
|
|
|
|
@-webkit-keyframes weuiAgree {
|
|
0% {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
16% {
|
|
transform: translateX(-16rpx);
|
|
}
|
|
|
|
28% {
|
|
transform: translateX(-32rpx);
|
|
}
|
|
|
|
44% {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
59% {
|
|
transform: translateX(-32rpx);
|
|
}
|
|
|
|
73% {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
82% {
|
|
transform: translateX(32rpx);
|
|
}
|
|
|
|
94% {
|
|
transform: translateX(16rpx);
|
|
}
|
|
|
|
to {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
@keyframes weuiAgree {
|
|
0% {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
16% {
|
|
transform: translateX(-16rpx);
|
|
}
|
|
|
|
28% {
|
|
transform: translateX(-32rpx);
|
|
}
|
|
|
|
44% {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
59% {
|
|
transform: translateX(-32rpx);
|
|
}
|
|
|
|
73% {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
82% {
|
|
transform: translateX(32rpx);
|
|
}
|
|
|
|
94% {
|
|
transform: translateX(16rpx);
|
|
}
|
|
|
|
to {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
.weui-primary-loading {
|
|
animation: circleLoading 1s steps(60) infinite;
|
|
color: #606060;
|
|
display: -webkit-inline-box;
|
|
display: -webkit-inline-flex;
|
|
display: inline-flex;
|
|
font-size: 32rpx;
|
|
height: 1em;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
width: 1em;
|
|
}
|
|
|
|
.weui-primary-loading:after,.weui-primary-loading:before {
|
|
border: .0875em solid;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
display: block;
|
|
height: 1em;
|
|
width: .5em;
|
|
}
|
|
|
|
.weui-primary-loading:before {
|
|
border-bottom-left-radius: 1em;
|
|
border-right-width: 0;
|
|
border-top-left-radius: 1em;
|
|
-webkit-mask-image: -webkit-linear-gradient(top,#000 8%,rgba(0,0,0,.3) 95%);
|
|
}
|
|
|
|
.weui-primary-loading:after {
|
|
border-bottom-right-radius: 1em;
|
|
border-left-width: 0;
|
|
border-top-right-radius: 1em;
|
|
-webkit-mask-image: -webkit-linear-gradient(top,transparent 8%,rgba(0,0,0,.3) 95%);
|
|
}
|
|
|
|
.weui-primary-loading__dot {
|
|
background: currentColor;
|
|
border-bottom-right-radius: 100%;
|
|
border-top-right-radius: 100%;
|
|
height: .0875em;
|
|
left: 50%;
|
|
margin-left: -.04375em;
|
|
position: absolute;
|
|
top: 0;
|
|
width: .0875em;
|
|
}
|
|
|
|
@-webkit-keyframes circleLoading {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
|
|
@keyframes circleLoading {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
|
|
.weui-primary-loading_brand {
|
|
color: var(--weui-BRAND);
|
|
}
|
|
|
|
.weui-primary-loading_transparent {
|
|
color: #ededed;
|
|
}
|
|
|
|
.weui-loading {
|
|
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='160rpx' height='160rpx' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='94.087%25' y1='0%25' x2='94.087%25' y2='90.559%25' id='a'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23606060' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.674%25' x2='100%25' y2='90.629%25' id='b'%3E%3Cstop stop-color='%23606060' offset='0%25'/%3E%3Cstop stop-color='%23606060' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9'%3E%3Cpath d='M40 0c22.091 0 40 17.909 40 40S62.091 80 40 80v-7c18.225 0 33-14.775 33-33S58.225 7 40 7V0Z' fill='url(%23a)'/%3E%3Cpath d='M40 0v7C21.775 7 7 21.775 7 40s14.775 33 33 33v7C17.909 80 0 62.091 0 40S17.909 0 40 0Z' fill='url(%23b)'/%3E%3Ccircle fill='%23606060' cx='40.5' cy='3.5' r='3.5'/%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
|
|
background-size: 100%;
|
|
display: inline-block;
|
|
font-size: 32rpx;
|
|
height: 1em;
|
|
vertical-align: middle;
|
|
width: 1em;
|
|
}
|
|
|
|
.weui-btn_loading.weui-btn_primary .weui-loading,.weui-loading.weui-icon_toast,.weui-loading.weui-loading_transparent {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='160rpx' height='160rpx' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='94.087%25' y1='0%25' x2='94.087%25' y2='90.559%25' id='a'%3E%3Cstop stop-color='%23ededed' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23ededed' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.674%25' x2='100%25' y2='90.629%25' id='b'%3E%3Cstop stop-color='%23ededed' offset='0%25'/%3E%3Cstop stop-color='%23ededed' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9'%3E%3Cpath d='M40 0c22.091 0 40 17.909 40 40S62.091 80 40 80v-7c18.225 0 33-14.775 33-33S58.225 7 40 7V0Z' fill='url(%23a)'/%3E%3Cpath d='M40 0v7C21.775 7 7 21.775 7 40s14.775 33 33 33v7C17.909 80 0 62.091 0 40S17.909 0 40 0Z' fill='url(%23b)'/%3E%3Ccircle fill='%23ededed' cx='40.5' cy='3.5' r='3.5'/%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
|
|
.weui-mask-loading {
|
|
background-color: currentColor;
|
|
color: #606060;
|
|
display: inline-block;
|
|
font-size: 32rpx;
|
|
height: 1em;
|
|
mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='160rpx' height='160rpx' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='94.087%25' y1='0%25' x2='94.087%25' y2='90.559%25' id='a'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23606060' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.674%25' x2='100%25' y2='90.629%25' id='b'%3E%3Cstop stop-color='%23606060' offset='0%25'/%3E%3Cstop stop-color='%23606060' stop-opacity='.3' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.9'%3E%3Cpath d='M40 0c22.091 0 40 17.909 40 40S62.091 80 40 80v-7c18.225 0 33-14.775 33-33S58.225 7 40 7V0Z' fill='url(%23a)'/%3E%3Cpath d='M40 0v7C21.775 7 7 21.775 7 40s14.775 33 33 33v7C17.909 80 0 62.091 0 40S17.909 0 40 0Z' fill='url(%23b)'/%3E%3Ccircle fill='%23606060' cx='40.5' cy='3.5' r='3.5'/%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
|
|
mask-size: cover;
|
|
vertical-align: middle;
|
|
width: 1em;
|
|
}
|
|
|
|
.weui-slider {
|
|
padding: 30rpx 36rpx;
|
|
user-select: none;
|
|
}
|
|
|
|
.weui-slider__inner {
|
|
background-color: var(--weui-FG-3);
|
|
height: 4rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-slider__track {
|
|
background-color: var(--weui-BRAND);
|
|
height: 100%;
|
|
width: 0;
|
|
}
|
|
|
|
.weui-slider__handler {
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 8rpx var(--weui-FG-3);
|
|
height: 56rpx;
|
|
left: 0;
|
|
margin-left: -28rpx;
|
|
margin-top: -28rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 56rpx;
|
|
}
|
|
|
|
.weui-slider-box {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.weui-slider-box .weui-slider {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.weui-slider-box__value {
|
|
color: var(--weui-FG-1);
|
|
font-size: 28rpx;
|
|
margin-left: .5em;
|
|
min-width: 48rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.wx_dot_loading,.wx_dot_loading:after,.wx_dot_loading:before {
|
|
animation: dot2 1.6s step-start infinite;
|
|
background-color: rgba(0,0,0,.3);
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
height: 12rpx;
|
|
vertical-align: middle;
|
|
width: 12rpx;
|
|
}
|
|
|
|
.wx_dot_loading {
|
|
position: relative;
|
|
}
|
|
|
|
.wx_dot_loading:before {
|
|
animation: dot1 1.6s step-start infinite;
|
|
background-color: rgba(0,0,0,.1);
|
|
content: "";
|
|
left: -24rpx;
|
|
position: absolute;
|
|
}
|
|
|
|
.wx_dot_loading:after {
|
|
animation: dot3 1.6s step-start infinite;
|
|
background-color: rgba(0,0,0,.5);
|
|
content: "";
|
|
position: absolute;
|
|
right: -24rpx;
|
|
}
|
|
|
|
@-webkit-keyframes dot1 {
|
|
0%,to {
|
|
background-color: rgba(0,0,0,.1);
|
|
}
|
|
|
|
30% {
|
|
background-color: rgba(0,0,0,.5);
|
|
}
|
|
|
|
60% {
|
|
background-color: rgba(0,0,0,.3);
|
|
}
|
|
}
|
|
|
|
@keyframes dot1 {
|
|
0%,to {
|
|
background-color: rgba(0,0,0,.1);
|
|
}
|
|
|
|
30% {
|
|
background-color: rgba(0,0,0,.5);
|
|
}
|
|
|
|
60% {
|
|
background-color: rgba(0,0,0,.3);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes dot2 {
|
|
0%,to {
|
|
background-color: rgba(0,0,0,.3);
|
|
}
|
|
|
|
30% {
|
|
background-color: rgba(0,0,0,.1);
|
|
}
|
|
|
|
60% {
|
|
background-color: rgba(0,0,0,.5);
|
|
}
|
|
}
|
|
|
|
@keyframes dot2 {
|
|
0%,to {
|
|
background-color: rgba(0,0,0,.3);
|
|
}
|
|
|
|
30% {
|
|
background-color: rgba(0,0,0,.1);
|
|
}
|
|
|
|
60% {
|
|
background-color: rgba(0,0,0,.5);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes dot3 {
|
|
0%,to {
|
|
background-color: rgba(0,0,0,.5);
|
|
}
|
|
|
|
30% {
|
|
background-color: rgba(0,0,0,.3);
|
|
}
|
|
|
|
60% {
|
|
background-color: rgba(0,0,0,.1);
|
|
}
|
|
}
|
|
|
|
@keyframes dot3 {
|
|
0%,to {
|
|
background-color: rgba(0,0,0,.5);
|
|
}
|
|
|
|
30% {
|
|
background-color: rgba(0,0,0,.3);
|
|
}
|
|
|
|
60% {
|
|
background-color: rgba(0,0,0,.1);
|
|
}
|
|
}
|
|
|
|
.wx_dot_loading_white {
|
|
animation: dotw2 1.6s step-start infinite;
|
|
background-color: hsla(0,0%,100%,.3);
|
|
}
|
|
|
|
.wx_dot_loading_white:before {
|
|
animation: dotw1 1.6s step-start infinite;
|
|
background-color: hsla(0,0%,100%,.5);
|
|
}
|
|
|
|
.wx_dot_loading_white:after {
|
|
animation: dotw3 1.6s step-start infinite;
|
|
background-color: hsla(0,0%,100%,.1);
|
|
}
|
|
|
|
@-webkit-keyframes dotw1 {
|
|
0%,to {
|
|
background-color: hsla(0,0%,100%,.5);
|
|
}
|
|
|
|
30% {
|
|
background-color: hsla(0,0%,100%,.1);
|
|
}
|
|
|
|
60% {
|
|
background-color: hsla(0,0%,100%,.3);
|
|
}
|
|
}
|
|
|
|
@keyframes dotw1 {
|
|
0%,to {
|
|
background-color: hsla(0,0%,100%,.5);
|
|
}
|
|
|
|
30% {
|
|
background-color: hsla(0,0%,100%,.1);
|
|
}
|
|
|
|
60% {
|
|
background-color: hsla(0,0%,100%,.3);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes dotw2 {
|
|
0%,to {
|
|
background-color: hsla(0,0%,100%,.3);
|
|
}
|
|
|
|
30% {
|
|
background-color: hsla(0,0%,100%,.5);
|
|
}
|
|
|
|
60% {
|
|
background-color: hsla(0,0%,100%,.1);
|
|
}
|
|
}
|
|
|
|
@keyframes dotw2 {
|
|
0%,to {
|
|
background-color: hsla(0,0%,100%,.3);
|
|
}
|
|
|
|
30% {
|
|
background-color: hsla(0,0%,100%,.5);
|
|
}
|
|
|
|
60% {
|
|
background-color: hsla(0,0%,100%,.1);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes dotw3 {
|
|
0%,to {
|
|
background-color: hsla(0,0%,100%,.1);
|
|
}
|
|
|
|
30% {
|
|
background-color: hsla(0,0%,100%,.3);
|
|
}
|
|
|
|
60% {
|
|
background-color: hsla(0,0%,100%,.5);
|
|
}
|
|
}
|
|
|
|
@keyframes dotw3 {
|
|
0%,to {
|
|
background-color: hsla(0,0%,100%,.1);
|
|
}
|
|
|
|
30% {
|
|
background-color: hsla(0,0%,100%,.3);
|
|
}
|
|
|
|
60% {
|
|
background-color: hsla(0,0%,100%,.5);
|
|
}
|
|
}
|
|
|
|
.weui-slideview {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-slideview__left {
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
|
|
.weui-slideview__right {
|
|
height: 100%;
|
|
left: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.weui-slideview__buttons {
|
|
height: 100%;
|
|
}
|
|
|
|
.weui-slideview__btn,.weui-slideview__btn__wrp {
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: center;
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.weui-slideview__btn__wrp {
|
|
bottom: 0;
|
|
left: 0;
|
|
min-width: 138rpx;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.weui-slideview__btn {
|
|
-webkit-box-flex: 1;
|
|
color: #fff;
|
|
flex: 1;
|
|
min-width: 0;
|
|
padding: 0 34rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-slideview__btn-group_default .weui-slideview__btn {
|
|
background: #c7c7cc;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-slideview__btn-group_default .weui-slideview__btn {
|
|
background: var(--weui-BG-4);
|
|
}
|
|
|
|
.weui-slideview__btn-group_default~.weui-slideview__btn-group_default:before {
|
|
border-left: 2rpx solid #fff;
|
|
bottom: 0;
|
|
color: #fff;
|
|
content: " ";
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 0 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-slideview__btn-group_default~.weui-slideview__btn-group_default:before {
|
|
border-left-color: var(--weui-FG-3);
|
|
}
|
|
|
|
.weui-slideview__btn-group_default:first-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-slideview__btn-group_warn .weui-slideview__btn {
|
|
background: #fe3b30;
|
|
}
|
|
|
|
.weui-slideview__btn-group_warn~.weui-slideview__btn-group_warn:before {
|
|
border-left: 2rpx solid #fff;
|
|
bottom: 0;
|
|
color: #fff;
|
|
content: " ";
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scaleX(.5);
|
|
transform-origin: 0 0;
|
|
width: 2rpx;
|
|
}
|
|
|
|
.weui-slideview__btn-group_warn:first-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.weui-slideview_icon .weui-slideview__btn__wrp {
|
|
background: transparent;
|
|
font-size: 0;
|
|
}
|
|
|
|
.weui-slideview_icon .weui-slideview__btn__wrp:first-child {
|
|
padding-left: 32rpx;
|
|
}
|
|
|
|
.weui-slideview_icon .weui-slideview__btn__wrp:last-child {
|
|
padding-right: 16rpx;
|
|
}
|
|
|
|
.weui-slideview_icon .weui-slideview__btn {
|
|
-webkit-box-flex: 0;
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
flex: none;
|
|
height: 96rpx;
|
|
line-height: 96rpx;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
width: 96rpx;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .weui-slideview_icon .weui-slideview__btn {
|
|
background-color: var(--weui-BG-4);
|
|
}
|
|
|
|
.weui-slideview_icon .weui-slideview__btn__icon {
|
|
display: inline-block;
|
|
height: 44rpx;
|
|
vertical-align: middle;
|
|
width: 44rpx;
|
|
}
|
|
|
|
page {
|
|
--height: 88rpx;
|
|
--right: 190rpx;
|
|
}
|
|
|
|
.weui-navigation-bar {
|
|
color: var(--weui-FG-0);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.weui-navigation-bar .android {
|
|
--height: 96rpx;
|
|
--right: 222rpx;
|
|
}
|
|
|
|
.weui-navigation-bar__inner {
|
|
height: var(--height);
|
|
left: 0;
|
|
padding-right: var(--right);
|
|
position: fixed;
|
|
top: 0;
|
|
width: calc(100% - var(--right));
|
|
z-index: 5001;
|
|
}
|
|
|
|
.weui-navigation-bar__inner,.weui-navigation-bar__inner .weui-navigation-bar__left {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.weui-navigation-bar__inner .weui-navigation-bar__left {
|
|
padding-left: 32rpx;
|
|
position: relative;
|
|
width: var(--right);
|
|
}
|
|
|
|
.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn {
|
|
background-repeat: no-repeat;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback {
|
|
background-color: currentColor;
|
|
font-size: 24rpx;
|
|
height: 2em;
|
|
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;
|
|
mask-size: cover;
|
|
width: 1em;
|
|
}
|
|
|
|
.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback:active {
|
|
opacity: .5;
|
|
}
|
|
|
|
.weui-navigation-bar__inner .weui-navigation-bar__center {
|
|
-webkit-box-flex: 1;
|
|
-webkit-box-align: center;
|
|
-webkit-box-pack: center;
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
font-size: 34rpx;
|
|
justify-content: center;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-navigation-bar__inner .weui-navigation-bar__loading {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: -webkit-inline-box;
|
|
display: -webkit-inline-flex;
|
|
display: inline-flex;
|
|
margin-right: 8rpx;
|
|
}
|
|
|
|
.weui-navigation-bar__inner .weui-navigation-bar__loading .weui-loading {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.weui-navigation-bar__inner .weui-navigation-bar__right {
|
|
margin-right: 32rpx;
|
|
}
|
|
|
|
.weui-navigation-bar__placeholder {
|
|
background: var(--weui-BG-1);
|
|
height: var(--height);
|
|
position: relative;
|
|
z-index: 50;
|
|
}
|
|
|
|
.weui-uploader__hd {
|
|
display: block;
|
|
}
|
|
|
|
.weui-uploader__overview {
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.weui-uploader__tips {
|
|
color: var(--weui-FG-2);
|
|
font-size: 28rpx;
|
|
line-height: 1.4;
|
|
padding-top: 8rpx;
|
|
}
|
|
|
|
.weui-uploader__img {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-gallery {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.weui-gallery__info {
|
|
color: #fff;
|
|
font-size: 34rpx;
|
|
line-height: 120rpx;
|
|
min-height: 120rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-gallery__img__wrp {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
font-size: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-gallery__img {
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
|
|
.weui-gallery__opr {
|
|
position: static;
|
|
}
|
|
|
|
.weui-search-bar .weui-search-bar__box .weui-search-bar__input {
|
|
height: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
.weui-search-bar .weui-search-bar__box .weui-icon-clear {
|
|
display: block;
|
|
}
|
|
|
|
.weui-loadmore .weui-loading {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.weui-btn_input-clear {
|
|
display: block;
|
|
}
|
|
|
|
.weui-agree__text {
|
|
display: inline;
|
|
}
|
|
|
|
@supports (-webkit-overflow-scrolling:touch) {
|
|
.weui-form .weui-agree__checkbox {
|
|
margin-top: -2rpx;
|
|
}
|
|
}
|
|
|
|
page {
|
|
height: 100%;
|
|
}
|
|
|
|
.page {
|
|
background-color: var(--weui-BG-0);
|
|
color: var(--weui-FG-0);
|
|
font-family: system-ui,-apple-system,Helvetica Neue,sans-serif;
|
|
font-size: 32rpx;
|
|
min-height: 100%;
|
|
}
|
|
|
|
image {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.link {
|
|
color: var(--weui-LINK);
|
|
display: inline;
|
|
}
|
|
|
|
.fadeIn {
|
|
animation: fadeIn .3s forwards;
|
|
}
|
|
|
|
.fadeOut {
|
|
animation: fadeOut .3s forwards;
|
|
}
|
|
|
|
@-webkit-keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.weui-msg__extra-area {
|
|
position: static;
|
|
}
|
|
|
|
.page__hd {
|
|
padding: 80rpx;
|
|
}
|
|
|
|
.page__bd {
|
|
padding-bottom: 80rpx;
|
|
}
|
|
|
|
.page__bd_spacing {
|
|
padding-left: 30rpx;
|
|
padding-right: 30rpx;
|
|
}
|
|
|
|
.page__ft {
|
|
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
|
padding-top: 80rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
[data-weui-theme="dark"] .page__ft image {
|
|
filter: invert(100) hue-rotate(180deg);
|
|
}
|
|
|
|
.page__title {
|
|
font-size: 40rpx;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
}
|
|
|
|
.page__desc {
|
|
color: var(--weui-FG-1);
|
|
font-size: 28rpx;
|
|
margin-top: 10rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.weui-cell_example:before {
|
|
left: 104rpx;
|
|
} |