@nmgolden/zui
Version:
mobile ui framework
1,302 lines • 51.8 kB
CSS
@charset "UTF-8";/* updated 2022/03/10 */
@font-face {
font-family: "iconfont-zui"; /* Project id 3202338 */
src: url('data:font/woff2;base64,d09GMgABAAAAAAvMAAsAAAAAFkQAAAt9AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACGJAqZUJVDATYCJANgCzIABCAFhRcHgjcbQhMzo3ZykeLI/qsEXobHsuKFxPba6yUmiSDBUdzkuel0ErJcLNi3fCyebwirjD+klxtU4nL4ur3DcfxsKCUP8Nf+OzdmXqb9v5la1LZNBfIFRpcSk2TBIqmDK4ZwWwcYRZiNzOiBGIUMqxjoGJgZz0dU4/9v6nduWYUwpOdX1v4x1fQULskm5/Eyp3K5TevJXcnNOa7viiEv0QgmEdTDlF3wXYZXBJMTRfVrFsHeadHHtz3w73UTgQ3nQPuV9z9XWgCUTMIASzfL+fmzMMeczVEOmy2CurrWgQV+PikBuMpWAunayhov61Q3Wj38NjqJkhr9Z+/2HrACViwK9+4y/Hv6OAKatvJF3BP49TvYLSVzMTiTI3YPBIvDUnaoBotTk5wRHdQdJfWyOYTzoCCeJb7FOfXtwxfbQ52oSMQdWdEhO00CB/3Ib1gJeyHpKYDVrYPTRxRI2NgxR8zu+oXHNire1KmzOwBYaZG9qfw+4if88b7oL/V3+cd84p/1M/7/7qndXd1He/b33P8Ne3shVBTi/3VPibn3u2vzRE+wUlZcHb/W+v/E24i6mqkg6igM9PTNNDQNjSRdWUtbaWxCKAEWtiGs5BMz3kfMfOq8T+RT4/14Mr2jABKAIkgELgXpAHeBFMBjIAMgAekBz4L0gRmYmsd/IA3gf+TT5MMUMlQ4FWQE7AJJwKPIp8vH/SQD74G0gPeRT5vPXaQEHgAZAyE6TQg+ty+zFTtIjwAorgPYb6iuQjZ52nxGeCdn5M4gL1wqhslaNhSsDdZHo1Q9a6kDg0P1owLBYFQUC1axbF2SDeRIRpMDIjUPOHxgoj7YP9Y/xIY0A0a+BrAw/xVDPNGd1+4IiU9qh45jbSaKi65wtt+PIOFFi0SlzPDU08tJ8TWNbc6ZK15Eg254XiNH4tkXd/q2n4GJkm03tRubyWILxb6fXKDD6LflhLdPCt5C4nnIdbFtQ8eZgt+jD+QdfKthzuaGi3cyioheFBLcxj3YFlFUJFoRZv/Fy2iYJ0VUwDmexjpQGQxDLIpCZvEql9wYH2+3orwRadFjgqk14OdUJXpxGYhTotRxjwGT46BM5TMQq6dKoaXs40H65BDvS7dfJPcUu8gjDmRcV1S/OA6cIz21XdSu8pL+LK4Wvc94tPQROt78xL/TxhqLC6jIhEge5iRcoGpRkeRBWeW0ObI0V5XnK+o8SdnYym2EXqzTM/MQAw/6HNqGu61TCvITbJ7sP0uraqjeTME5kKs804cUqWpU0KIea1rahHZebS3fXJf5YW6B4SAthTk60H0vipjgqfHMcRnm0izOwfxemzOJbRcEm1aStDAi6anJV6K4lY3yqiVHjTMaoXBI5xgcQSmbOMIJZpUDUZ7TV8BAXOSNql9QTBAtpCnm3dKFEbKkn4/mGTJKLVJouyLKkqDKnKLyqxehSxHXh5lWo3GyFDb3cDSlL4tn3BpVHPek+c30G3Nku3GGozuSoXGEku3ljIcJnZbPxqli83uBqxm5xOupqeFL0iMRPZXussadX/KGJ8/gU/wcvVg96jq8cTqXirW16BnKhdrbzHPFbLS13Urnz0RaRn+eHuF0EEeKqMq+XMA0OZyKnLexO9DM0LUO9BMta3H0jCh/JkcvmoiZmb+z0yOlTsdF69wKwUy1gJ1ZzcpsPG6dFZkqGDUjXjQBVT4HV/Qw7xcZiNp01dJiIIsVwcXLyzwq7SUn3gdyFE8PFdSnJtX3jAp1RXWJ5DfgmrNiBckrnfLy0k6nT0kr217+FX/7dkcRL4fnFhn1MPQhFOwiVCjh/VEu2rrE0uv9feS+UiAsVC5+3wQGf7zFoM64brNjKsik9jofO+5f8HPBjzrpD+nPfd0Ql8EIiGJwjmJRAQyIEwUFDDVYUnnyPMCMRC9Jdk9gsxPck58SAgx9x08v2oqWhMRop0gHh0in6P0EgaHveP9lTgLBQXOaIWdyax3kYJKsouQcSF6yDwKMt2inCVxinZ1jXQQnXVBnfqyTwPUk6sp3cuK7oiddBU6xfGfUJXUsmgsFMBgcCJF229BR6ANSBOIMADAuhRAGxwD1dm34LGxZUw07+nB1jStgHzT9aQQb7TFvp0FDSrQL/QT9t/QjqtsEE6UaDdrroB3ZwzMIQwwyDZEwQ14GYhhOIeOBSwsJP2CZFhiUGhiYFjNTwTI+H7yuj6Sxcc860FSu3ePmJsgFoaEFPA31kGBtbRks8/A4SxCuxs42NSGTOTljBEQsDg7BcT76GvgkJ6yjMI1hyjoqbMx8eu0WqVFvZAUuUF6iCzLSFwPckeGdLyICKIbU5/pmentn+ub+JggMfce/L5p1nFycFQ8zMRZ+nf3M+HhmCNcxhDHheJ4EYxh8HcDsiagp3z/HxyfHLw/45ftkG5LLmJANQEyeT855Grj5EjcRk4W7Se64iQWGFO/wMkycLb7DljBXyO8IqQkKqhkhyDnsjQMm8WA1jyj1O0i2IJv7Am4kEL+vgxH3zpWWnSsrKyi4C0xbizLEkMiqp8dKBInPEeTq6entYuhcdGBWvRovhjcjurcHU4wpUmDKFtOupFYGjMWb1WFzWN3u8HaWgZtFIJbTAtPPC8xIJek4hNG7u+kYhJ8mCLx/jI5DpzX6q/stPD27D+XWrFltskqNDw2bmXVlh/oqtUq001MxKyG9vZ0utMKOEwK8fyEdszquOamlZZd+1/j4xHiVAcGFCd8hgkHVBHOoP7QBs3jFpQv/Ni00IC+rWDPf2V5Q16YZAW61HtjQ2NERFnZZAHYCUaEGsg/lJ33mPgGqPZumpjuWmLUatFknGcX5nP8Apg1djaY1TCeelW9cWIxo8+Sj5CPJQipqK3GIj5w0HMpph22WGagtzELzaHFkgfGzaqWHl2kq/qrdoLHhuYbpZVtkabbo3VsRROTaZP5XAwdvVhX+uVfo2Rxj05vl8ttFz3uDUQY7w93U4I07hNvbhYnswiWIGGUfhgOuDzrH42vwkKoqlGXBF1RWoqg5Cx03ivDUUaQSMM1/tym/3F/3gK1EplhQGng7WYndP0DQyy2/VU1suwNYcRxWt62J6q2RY1H4MPuncrDyz4UNNzlqRh7XIORObC/y356TQxetcAeWZy+3RP9ELh1/DeyGluP0nJxSAyLFldJKtqAoUCzIrZcW0PiTMmSK+E7pSYnngH5aSqLv5B5TJB1d9F7irZSiMVK0dMxvtUj5ZZKk23XPNcglz5KIuksTCbA5IR8VMfF/Ezk65bOSlLOepwy5DCOhLCaExA+pL3oFSA9jnO8p/ryqydMepcKvy9O53vlTJFJbvtb1L+ger2dwznzwf3MG3XSri4QYOjRfBp3MrH/QG/h2HGaedZth+vdrmamxtLk+pRTRlMv4Zuwbut8l+4hstFk7Yj5mRDULLOn8V7MM/+0ZhZbdrIT/wYymDQRXbhlpkoTcwGqjyAjmdmVEXfdZgv8DluH/I6MwDT2hRHhYldF0IrReX8vqcIlLUAwj7p2ItSssHay+RPZV/I2wyhTF1wuS/0E+3ks8ODqnTb2iAJV5AV+HV2YrLLlcvBzuDFnmREkugeYgYi5vF6cM3Q0H2uWDRwQUBoaQorPLZtOcgt0xR/WlGpXYNwi9A8soRNgknfIfEM+MOHGCC0fORO9XXpA32FF1qVroqox1WMJkxCZzQuCpAzIpO0KR/lQJ0Fggq4BUunFiO8qg8qAb9vzj4dbpRsWHnYcY0hZRkhVV0w2T2WK12R1Ol9vj9flDAx2kz5SPxh5N4qXUm3ko0tFMq/z0gCvFrHSUo+BJmVV+2B5ImdjJqvDIzt0wu5j1qD7pCDq9u/a9ye+DOcQtxxudEXJXY+Id8dxXWsP7qc5qFY78bXKNpDiMWJKrCrNO4CrozWD3gqnmYgHdqtwW4MZRKhHzpCnykrsBAAA=') format('woff2'),
url('data:font/woff;base64,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') format('woff'),
url('data:font/ttf;base64,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AQ8BDgEfAR4BPwE+AQUnJgYPAQYWHwEWNj8BNiY3MzI2PQE0JisBIgYdARQWMwNC/XwJDwV9BBMOA34OEwR9BQ+0CxIDCUNXQgkDEgvZExMITQQQCQJICRAETAkTE08CAQcaDHEMBwcDBhsMcQsH/llxDBoHAwYHC3EMGwYDBwd0Ag4UEw4GDhMUDgH6CQjgCAj+8w4TEw4BDQgI4AgJ+w8LKjY2KgsPHxGSCAkJCJIRHwHHAwIMBwdBBxsLBQsIB0EHGiRBBwcMBQwaB0EHBwwFCxsbEw6DDRMTDYMOEwAAAAASAN4AAQAAAAAAAAATAAAAAQAAAAAAAQAMABMAAQAAAAAAAgAHAB8AAQAAAAAAAwAMACYAAQAAAAAABAAMADIAAQAAAAAABQALAD4AAQAAAAAABgAMAEkAAQAAAAAACgArAFUAAQAAAAAACwATAIAAAwABBAkAAAAmAJMAAwABBAkAAQAYALkAAwABBAkAAgAOANEAAwABBAkAAwAYAN8AAwABBAkABAAYAPcAAwABBAkABQAWAQ8AAwABBAkABgAYASUAAwABBAkACgBWAT0AAwABBAkACwAmAZNDcmVhdGVkIGJ5IGljb25mb250aWNvbmZvbnQtenVpUmVndWxhcmljb25mb250LXp1aWljb25mb250LXp1aVZlcnNpb24gMS4waWNvbmZvbnQtenVpR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQALQB6AHUAaQBSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdAAtAHoAdQBpAGkAYwBvAG4AZgBvAG4AdAAtAHoAdQBpAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQALQB6AHUAaQBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQAJZXllLXNsYXNoA2V5ZQRpbmZvBnNlYXJjaAZjYW1lcmEKYXR0YWNobWVudARwbHVzAXgQcmFkaW8tdW5zZWxlY3RlZA5yYWRpby1zZWxlY3RlZBJjaGVja2JveC11bmNoZWNrZWQQY2hlY2tib3gtY2hlY2tlZAZyZW1vdmUEc29ydAdzdWNjZXNzBWNsZWFyEWFycm93LXJpZ2h0LXJvdW5kC2Fycm93LXJpZ2h0CmFycm93LWxlZnQKYXJyb3ctZG93bghhcnJvdy11cA1uZXR3b3JrLWVycm9yBWVtcHR5AAAA') format('truetype');
}
.iconfont-zui {
font-family: "iconfont-zui" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-zui-eye-slash:before {
content: "\e656";
}
.icon-zui-eye:before {
content: "\e657";
}
.icon-zui-info:before {
content: "\e77e";
}
.icon-zui-search:before {
content: "\e87c";
}
.icon-zui-camera:before {
content: "\e676";
}
.icon-zui-attachment:before {
content: "\ea7e";
}
.icon-zui-plus:before {
content: "\e618";
}
.icon-zui-x:before {
content: "\e614";
}
.icon-zui-radio-unselected:before {
content: "\e6ed";
}
.icon-zui-radio-selected:before {
content: "\e6ee";
}
.icon-zui-checkbox-unchecked:before {
content: "\e8b5";
}
.icon-zui-checkbox-checked:before {
content: "\e8b6";
}
.icon-zui-remove:before {
content: "\e65d";
}
.icon-zui-sort:before {
content: "\e786";
}
.icon-zui-success:before {
content: "\e68b";
}
.icon-zui-clear:before {
content: "\e69a";
}
.icon-zui-arrow-right-round:before {
content: "\e687";
}
.icon-zui-arrow-right:before {
content: "\e743";
}
.icon-zui-arrow-left:before {
content: "\e744";
}
.icon-zui-arrow-down:before {
content: "\ea7f";
}
.icon-zui-arrow-up:before {
content: "\ea80";
}
.icon-zui-network-error:before {
content: "\e62c";
}
.icon-zui-empty:before {
content: "\e6a6";
}
* {
border: 0px;
padding: 0px;
margin: 0px;
font-weight: inherit;
font-size: inherit;
}
html {
font-size: var(--zui-size-text-regular);
color: var(--zui-color-text-primary);
}
img,
object {
max-width: 100%;
-ms-interpolation-mode: bicubic;
}
input,
textarea,
select {
background: none;
border: none;
outline: none;
user-select: auto;
appearance: none;
}
a,
a:link {
text-decoration: none;
color: var(--zui-color-text-primary);
}
ul,
li {
list-style-type: none;
}
button,
.clickable {
transition-property: color, opacity;
transition-timing-function: ease-in-out;
transition-duration: 0.05s;
cursor: pointer;
outline: none;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
:root {
--zui-color-primary: #4e73be;
--zui-color-primary-rgb: 78, 115, 190;
--zui-color-primary-light: #738dc0;
--zui-color-green: #378901;
--zui-color-red: #d45f5f;
--zui-color-red-light: #fad1d1;
--zui-color-red-lighter: #fef6f6;
--zui-color-yellow: #df9f06;
--zui-color-gray: #d5d5d5;
--zui-color-gray-light: #f5f5f5;
--zui-color-background: var(--zui-color-gray-light);
--zui-color-text-primary: #323232;
--zui-color-text-regular: #666666;
--zui-color-text-secondary: #8f949b;
--zui-color-text-placeholder: #c5c5c5;
--zui-color-border: #dcdfe6;
--zui-color-divider: #dcdfe6;
--zui-color-shadow-colorful: rgba(167, 193, 234, 0.538);
--zui-color-shadow: rgba(223, 228, 236, 0.538);
--zui-color-shadow-light: rgba(223, 232, 236, 0.27);
--zui-color-fill: #f0f2f5;
--zui-color-fill-dark: #ebedf0;
--zui-color-fill-light: #f5f7fa;
--zui-size-text-xsmall: 10px;
--zui-size-text-small: 12px;
--zui-size-text-regular: 15px;
--zui-size-text-large: 17px;
--zui-size-text-xlarge: 21px;
--zui-size-text-xxlarge: 26px;
--zui-size-line-height-regular: 20px;
--zui-size-line-height-large: 24px;
--zui-size-line-height-small: 18px;
--zui-size-border-radius-regular: 6px;
--zui-size-border-radius-small: 3px;
--zui-box-shadow: 0px 2px 6px 0px var(--zui-color-shadow);
--zui-box-shadow-colorful: 0px 2px 4px 0px var(--zui-color-shadow-colorful);
--zui-box-shadow-light: 0px 2px 4px 0px var(--zui-color-shadow-light);
}
@media (max-width: 768px) {
html {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
}
@media (min-width: 769px) {
html {
-webkit-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
}.zui-attachment[data-v-939f4827] {
width: 100%;
box-sizing: border-box;
background: #ffffff;
}
.zui-attachment.disabled[data-v-939f4827] {
opacity: 0.5;
}
.zui-attachment .attachments[data-v-939f4827]:not(:last-child) {
margin-bottom: 8px;
}
.zui-attachment .attachments .attachment[data-v-939f4827] {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: var(--zui-size-border-radius-small);
padding: 6px 16px;
line-height: var(--zui-size-line-height-regular);
background-color: var(--zui-color-fill-light);
color: var(--zui-color-primary);
}
.zui-attachment .attachments .attachment[data-v-939f4827]:not(:first-child) {
margin-top: 8px;
}
.zui-attachment .attachments .attachment .name[data-v-939f4827] {
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.zui-attachment .attachments .attachment .remove[data-v-939f4827] {
flex: none;
margin-left: 16px;
color: var(--zui-color-text-secondary);
font-size: var(--size-text-regular);
}
.zui-attachment .add-btn[data-v-939f4827] {
position: relative;
overflow: hidden;
height: 32px;
width: 100%;
border: 1px solid rgba(228, 231, 237, 0.61);
border-radius: 6px;
box-sizing: border-box;
box-shadow: var(--zui-box-shadow);
}
.zui-attachment .add-btn .icon[data-v-939f4827]:not(.disabled):active {
background: var(--zui-color-gray-light);
}
.zui-attachment .add-btn .icon[data-v-939f4827] {
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 30px;
text-align: center;
color: var(--zui-color-text-secondary);
font-size: var(--zui-size-text-regular);
}
.zui-attachment .add-btn .add[data-v-939f4827] {
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.zui-attachment .empty[data-v-939f4827] {
color: var(--zui-color-text-secondary);
line-height: var(--zui-size-line-height-regular);
padding: 6px 12px;
background-color: var(--zui-color-fill-light);
}.van-loading[data-v-0ce5d0cc] {
color: inherit;
display: inline-block;
margin-right: 4px;
max-width: 100%;
height: 50%;
vertical-align: middle;
max-height: 100%;
-webkit-animation: van-rotate-0ce5d0cc 2s linear infinite;
animation: van-rotate-0ce5d0cc 2s linear infinite;
}
.van-loading circle[data-v-0ce5d0cc] {
-webkit-animation: van-circular-0ce5d0cc 1.5s ease-in-out infinite;
animation: van-circular-0ce5d0cc 1.5s ease-in-out infinite;
stroke: currentColor;
stroke-width: 3;
stroke-linecap: square;
}
@keyframes van-circular-0ce5d0cc {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120;
}
}
@keyframes van-rotate-0ce5d0cc {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.zui-button[data-v-0ce5d0cc] {
height: 32px;
min-width: 32px;
border: 1px solid var(--zui-color-border);
border-radius: var(--zui-size-border-radius-regular);
padding: 0 12px;
background: #ffffff;
font-size: var(--zui-size-text-regular);
line-height: 32px;
user-select: none;
cursor: pointer;
transition: all 0.2s ease-int;
color: var(--zui-color-text-regular);
}
.zui-button[data-v-0ce5d0cc]:active:not(.disabled):not(.loading) {
opacity: 0.49;
}
.zui-button.primary[data-v-0ce5d0cc] {
border: none;
box-shadow: var(--zui-box-shadow-colorful);
color: #ffffff;
background: var(--zui-color-primary);
}
.zui-button.secondary[data-v-0ce5d0cc] {
border: 1px solid var(--zui-color-gray);
color: var(--zui-color-text-primary);
background: #ffffff;
}
.zui-button.secondary.disabled[data-v-0ce5d0cc] {
background-color: #ffffff;
border: 1px solid var(--zui-color-gray-light);
}
.zui-button.danger[data-v-0ce5d0cc] {
border: none;
box-shadow: 0 2px 6px 0px var(--zui-color-red-lighter);
color: #ffffff;
background: var(--zui-color-red);
}
.zui-button.success[data-v-0ce5d0cc] {
border: none;
box-shadow: 0 2px 6px 0px var(--zui-color-green-lighter);
color: #ffffff;
background: var(--zui-color-green);
}
.zui-button.round[data-v-0ce5d0cc] {
border-radius: 18px;
}
.zui-button.circle[data-v-0ce5d0cc] {
border-radius: 50%;
padding: 0;
width: 36px;
}
.zui-button.link[data-v-0ce5d0cc] {
background: none;
padding: 0;
border: none;
color: var(--zui-color-primary);
}
.zui-button.bold[data-v-0ce5d0cc] {
font-weight: bold;
}
.zui-button.large[data-v-0ce5d0cc] {
height: 40px;
min-width: 88px;
padding: 0 16px;
font-size: var(--size-text-large);
}
.zui-button.large.round[data-v-0ce5d0cc] {
border-radius: 20px;
}
.zui-button.large.circle[data-v-0ce5d0cc] {
border-radius: 50%;
padding: 0;
width: 40px;
}
.zui-button.xlarge[data-v-0ce5d0cc] {
height: 48px;
line-height: 49px;
font-size: var(--size-text-large);
}
.zui-button.xlarge.round[data-v-0ce5d0cc] {
border-radius: 24px;
}
.zui-button.xlarge.circle[data-v-0ce5d0cc] {
border-radius: 50%;
padding: 0;
width: 48px;
}
.zui-button.small[data-v-0ce5d0cc] {
font-size: var(--zui-size-text-small);
height: 28px;
min-width: 10px;
border-radius: var(--zui-size-border-radius-small);
line-height: 28px;
padding: 0 12px;
}
.zui-button.small.round[data-v-0ce5d0cc] {
min-width: 28px;
border-radius: 14px;
padding: 0 8px;
}
.zui-button.small.circle[data-v-0ce5d0cc] {
border-radius: 50%;
padding: 0;
width: 28px;
}
.zui-button.disabled[data-v-0ce5d0cc] {
opacity: 0.3;
border: none;
box-shadow: none;
cursor: not-allowed;
}
.zui-button.loading[data-v-0ce5d0cc] {
box-shadow: none;
}
.zui-button + .zui-button[data-v-0ce5d0cc] {
margin-left: 8px;
}
.zui-button.no-border-radius[data-v-0ce5d0cc] {
border-radius: 0;
}.zui-calendar .week[data-v-8fdab1d1] {
color: var(--zui-color-text-secondary);
background: var(--zui-color-gray-light);
padding: 4px 0;
}
.zui-calendar .week .day[data-v-8fdab1d1] {
display: inline-block;
width: 14.28%;
text-align: center;
}
.zui-calendar .dates[data-v-8fdab1d1] {
display: flex;
flex-wrap: wrap;
}
.zui-calendar .dates .date-block[data-v-8fdab1d1] {
display: block;
width: 14.28%;
min-height: 60px;
padding: 8px 2px 0 2px;
box-sizing: border-box;
}
.zui-calendar .dates .date-block .date[data-v-8fdab1d1] {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 10px 0 10px 0px;
}
.zui-calendar .dates .date-block .date.highlight[data-v-8fdab1d1] {
border-top: 1px solid var(--zui-color-primary);
background: rgba(var(--zui-color-primary-rgb), 0.08);
padding-bottom: 4px;
padding-top: 4px;
}
.zui-calendar .dates .date-block .date.today .date-num[data-v-8fdab1d1] {
color: var(--zui-color-primary);
font-weight: bold;
}
.zui-calendar .dates .date-block .date.exceeded .date-num[data-v-8fdab1d1] {
color: var(--zui-color-text-placeholder);
}
.zui-calendar .dates .date-block .date .date-num[data-v-8fdab1d1] {
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 14px;
text-align: center;
}
.zui-calendar .dates .date-block .date .date-num.active[data-v-8fdab1d1] {
background: var(--zui-color-primary);
color: #ffffff;
font-weight: bold;
}
.zui-calendar .dates .date-block .date .bottom-text[data-v-8fdab1d1] {
font-size: var(--zui-size-text-xsmall);
color: var(--zui-color-text-secondary);
margin-top: 2px;
}.zui-deletable[data-v-5575db45] {
position: relative;
cursor: pointer;
transition: all 0.2s ease-in;
}
.zui-deletable.hover-shadow[data-v-5575db45]:hover {
opacity: 0.8;
box-shadow: 0px 0px 12px 3px rgba(var(--zui-color-primary), 0.4);
}
.zui-deletable .delete-btn[data-v-5575db45] {
position: absolute;
top: -16px;
right: -16px;
width: 24px;
height: 24px;
border: 1px solid var(--zui-color-border-light);
border-radius: 12px;
box-sizing: border-box;
background: #ffffff;
box-shadow: var(--zui-box-shadow);
color: var(--zui-color-text-placeholder);
transition: all 0.2s ease-in-out;
font-weight: bold;
color: var(--zui-color-red);
}
.zui-deletable .delete-btn.small[data-v-5575db45] {
top: -12px;
right: -12px;
width: 20px;
height: 20px;
}
.zui-deletable .delete-btn.small .iconfont[data-v-5575db45] {
font-size: 12px;
}.zui-input[data-v-4210b94f] {
width: 100%;
box-sizing: border-box;
display: flex;
background-color: #ffffff;
box-sizing: border-box;
transition: border 0.2s ease-out;
}
.zui-input .input[data-v-4210b94f] {
width: 100%;
box-sizing: border-box;
line-height: var(--zui-size-line-height-regular);
}
.zui-input .input[data-v-4210b94f]::placeholder {
color: var(--zui-color-text-placeholder);
}
.zui-input .textarea[data-v-4210b94f] {
width: 100%;
resize: none;
line-height: var(--zui-size-line-height-regular);
}
.zui-input .textarea[data-v-4210b94f]::placeholder {
color: var(--zui-color-text-placeholder);
}
.zui-input .word-limit[data-v-4210b94f] {
display: flex;
align-items: center;
color: var(--zui-color-text-placeholder);
font-size: var(--zui-size-text-small);
line-height: var(--zui-size-line-height-regular);
}
.zui-input .word-limit.danger[data-v-4210b94f] {
color: var(--zui-color-red);
}
.zui-input .clear[data-v-4210b94f] {
display: flex;
align-items: center;
color: var(--zui-color-text-placeholder);
opacity: 0.6;
}
.zui-input .clear .icon[data-v-4210b94f] {
font-weight: normal;
font-size: var(--zui-size-text-large);
}
.zui-input .eye-wrap[data-v-4210b94f] {
display: flex;
flex: none;
width: 32px;
align-items: center;
text-align: left;
cursor: pointer;
}
.zui-input .eye-wrap .icon[data-v-4210b94f] {
color: var(--zui-color-text-secondary);
font-size: 18px;
}
.zui-input.zui-input-small[data-v-4210b94f] {
font-size: var(--zui-size-text-small);
}
.zui-input.zui-input-small input[data-v-4210b94f] {
line-height: var(--zui-size-line-height-small);
padding: 3px 12px;
}
.zui-input.disabled[data-v-4210b94f] {
opacity: 0.5;
}
.zui-input.border[data-v-4210b94f] {
border: 1px solid var(--zui-color-border);
}
.zui-input.border[data-v-4210b94f]:not(.disabled):hover {
border-color: var(--zui-color-primary);
}
.zui-input.round[data-v-4210b94f] {
border-radius: var(--zui-size-border-radius-small);
}
.zui-input.preview[data-v-4210b94f] {
line-height: var(--zui-size-line-height-regular);
border-radius: var(--zui-size-border-radius-small);
padding: 6px 12px;
background-color: var(--zui-color-fill-light);
user-select: text;
}
.zui-input.preview .empty[data-v-4210b94f] {
color: var(--zui-color-text-secondary);
}
.zui-input.multiline[data-v-4210b94f] {
position: relative;
}
.zui-input.multiline .word-limit[data-v-4210b94f] {
right: 0;
bottom: 0;
position: absolute;
background-color: #ffffff;
}.zui-field[data-v-a96be6cb] {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
box-sizing: border-box;
background: #ffffff;
}
.zui-field.label-position-top[data-v-a96be6cb] {
flex-direction: column;
align-items: flex-start;
}
.zui-field.label-position-top .accessory[data-v-a96be6cb] {
margin-top: 8px;
width: 100%;
justify-content: space-between;
}
.zui-field.label-position-top .accessory .value-wrap[data-v-a96be6cb] {
justify-content: space-between;
}
.zui-field.round[data-v-a96be6cb] {
border-radius: var(--zui-size-border-radius-regular);
}
.zui-field.shadow[data-v-a96be6cb] {
box-shadow: var(--zui-box-shadow);
}
.zui-field.clickable[data-v-a96be6cb]:active {
background: rgba(255, 255, 255, 0.49);
}
.zui-field.fade-label .left h1[data-v-a96be6cb] {
font-size: var(--zui-size-text-regular);
color: var(--zui-color-text-secondary);
font-weight: normal;
}
.zui-field.fade-label .accessory h5[data-v-a96be6cb] {
font-size: var(--zui-size-text-large);
}
.zui-field .label-wrap[data-v-a96be6cb] {
text-align: left;
transition: all 0.2s ease-in-out;
line-height: var(--zui-size-line-height-regular);
font-size: var(--zui-size-text-regular);
}
.zui-field .label-wrap.label-min-width[data-v-a96be6cb] {
min-width: 30%;
}
.zui-field .label-wrap.strong[data-v-a96be6cb] {
font-weight: bold;
font-size: var(--zui-size-text-regular);
}
.zui-field .label-wrap.xstrong[data-v-a96be6cb] {
font-weight: bold;
font-size: var(--zui-size-text-large);
}
.zui-field .label-wrap.weak[data-v-a96be6cb] {
color: var(--color-text-secondary);
}
.zui-field .label-wrap .required[data-v-a96be6cb] {
padding: 0 4px;
color: var(--zui-color-red);
}
.zui-field .accessory[data-v-a96be6cb] {
color: var(--zui-color-text-primary);
flex: 1 auto;
text-align: justify;
text-align-last: left;
display: flex;
align-items: center;
justify-content: flex-end;
}
.zui-field .accessory .arrow-right[data-v-a96be6cb] {
font-size: var(--zui-size-text-small);
color: var(--zui-color-text-secondary);
margin-left: 4px;
}
.zui-field .accessory .placeholder[data-v-a96be6cb] {
color: var(--zui-color-text-placeholder);
}.zui-field-group[data-v-f35d964e] {
overflow: hidden;
border-color: var(--zui-color-divider);
border-style: solid;
}
.zui-field-group.top-border[data-v-f35d964e] {
border-top-width: 0.5px;
}
.zui-field-group.bottom-border[data-v-f35d964e] {
border-bottom-width: 0.5px;
}
.zui-field-group header .title[data-v-f35d964e] {
padding: 0 20px 8px 20px;
line-height: var(--zui-size-line-height-regular);
color: var(--zui-color-text-secondary);
}
.zui-field-group header .title.weak[data-v-f35d964e] {
line-height: var(--zui-size-line-height-small);
font-size: var(--zui-size-text-small);
}
.zui-field-group header .title.outer[data-v-f35d964e] {
background-color: #ffffff;
}
.zui-field-group[data-v-f35d964e] .fields .zui-field {
position: relative;
border-radius: 0;
box-shadow: none;
}
.zui-field-group[data-v-f35d964e] .fields.divider > * {
position: relative;
}
.zui-field-group[data-v-f35d964e] .fields.divider > *:not(:last-child):after {
content: " ";
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 20px;
height: 0.5px;
background: var(--zui-color-divider);
}.zui-input-field.label-position-top .input[data-v-dd2c7fb0] {
margin-top: 4px;
}.loading[data-v-1f764c79] {
z-index: 99;
font-size: var(--zui-size-text-small);
}
.loading.fill[data-v-1f764c79] {
position: absolute;
width: 100%;
height: 100%;
}
.loading.fill .loading-center[data-v-1f764c79] {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.loading.center[data-v-1f764c79] {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.loading .loading-center[data-v-1f764c79] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.loading .loading-center.bg[data-v-1f764c79] {
width: 100px;
height: 100px;
background: #ffffff;
box-shadow: var(--zui-box-shadow);
border-radius: var(--zui-size-border-radius-regular);
}
.loading .loading-center .dots[data-v-1f764c79] {
display: block;
overflow: hidden;
}
.loading .loading-center .dots .object[data-v-1f764c79] {
width: 10px;
height: 10px;
background-color: var(--zui-color-primary);
float: left;
border-radius: 50%;
}
.loading .loading-center .dots .object[data-v-1f764c79]:not(:last-child) {
margin-right: 10px;
}
.loading .loading-center .dots .object.object-1[data-v-1f764c79] {
animation: object-1-1f764c79 0.9s infinite;
}
.loading .loading-center .dots .object.object-2[data-v-1f764c79] {
animation: object-1-1f764c79 0.9s infinite 0.15s;
}
.loading .loading-center .dots .object.object-3[data-v-1f764c79] {
animation: object-1-1f764c79 0.9s infinite 0.3s;
}
.loading .loading-center .msg[data-v-1f764c79] {
text-align: center;
margin-top: 8px;
color: var(--zui-color-primary);
}
.loading.small .dots .object[data-v-1f764c79] {
width: 8px;
height: 8px;
}
.loading.small .dots .object[data-v-1f764c79]:not(:last-child) {
margin-right: 8px;
}
.loading.xsmall .dots .object[data-v-1f764c79] {
width: 6px;
height: 6px;
}
.loading.xsmall .dots .object[data-v-1f764c79]:not(:last-child) {
margin-right: 6px;
}
@keyframes object-1-1f764c79 {
0% {
transform: scale(0);
}
20% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}.zui-image-uploader[data-v-06a7a791] {
width: 100%;
box-sizing: border-box;
}
.zui-image-uploader.disabled[data-v-06a7a791] {
opacity: 0.5;
}
.zui-image-uploader .images[data-v-06a7a791] {
text-align: left;
margin: -8px 0 0 -8px;
}
.zui-image-uploader .images .image-wrap[data-v-06a7a791] {
display: inline-block;
position: relative;
margin-left: 8px;
margin-top: 8px;
width: 64px;
height: 64px;
background-color: var(--zui-color-background);
border-radius: var(--zui-size-border-radius-small);
}
.zui-image-uploader .images .image-wrap .image[data-v-06a7a791] {
object-fit: cover;
width: 100%;
height: 100%;
border-radius: var(--zui-size-border-radius-small);
}
.zui-image-uploader .images .image-wrap .tags-wrap[data-v-06a7a791] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: var(--size-border-radius-small);
overflow: hidden;
}
.zui-image-uploader .images .image-wrap .tags-wrap .tags[data-v-06a7a791] {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 4px 0;
font-size: var(--zui-size-text-small);
line-height: 1.2em;
color: #ffffff;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
}
.zui-image-uploader .images .image-wrap .remove-wrap[data-v-06a7a791] {
display: block;
position: absolute;
top: -8px;
right: -8px;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: var(--zui-box-shadow);
background-color: #ffffff;
}
.zui-image-uploader .images .image-wrap .remove-wrap .remove[data-v-06a7a791] {
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
background-color: var(--zui-color-text-secondary);
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: var(--zui-size-text-xsmall);
color: #ffffff;
}
.zui-image-uploader .images .image-wrap.add-btn[data-v-06a7a791] {
position: relative;
}
.zui-image-uploader .images .image-wrap.add-btn .icon[data-v-06a7a791] {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
color: var(--zui-color-text-secondary);
font-size: 32px;
}
.zui-image-uploader .images .image-wrap.add-btn.loading[data-v-06a7a791] {
cursor: not-allowed;
}
.zui-image-uploader .images .image-wrap.add-btn.loading .loading[data-v-06a7a791] {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.zui-image-uploader .empty[data-v-06a7a791] {
margin-top: 8px;
border-radius: var(--zui-size-border-radius-small);
line-height: var(--zui-size-line-height-regular);
padding: 6px 12px;
background-color: var(--zui-color-fill-light);
color: var(--zui-color-text-secondary);
}.zui-month .year-wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 16px;
}
.zui-month .year-wrap .btn-wrap .iconfont-zui {
font-size: var(--zui-size-text-small);
line-height: 28px;
}
.zui-month .month-wrap {
width: 100%;
overflow: auto;
white-space: nowrap;
padding-bottom: 16px;
padding-right: 20px;
box-sizing: border-box;
}
.zui-month .month-wrap .month {
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
}
.zui-month .month-wrap .month:not(:first-child) {
margin-left: 20px;
}
.zui-month .month-wrap .month.active {
background: var(--zui-color-primary);
border-radius: 16px;
color: #ffffff;
}
.zui-month .month-wrap .month.disabled {
color: var(--zui-color-text-placeholder);
}.zui-placeholder[data-v-a3c8f861] {
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.zui-placeholder .content-wrap[data-v-a3c8f861] {
display: flex;
flex-direction: column;
align-items: center;
transform: translateY(-10%);
}
.zui-placeholder .content-wrap .icon[data-v-a3c8f861] {
font-size: 48px;
line-height: 1em;
color: var(--zui-color-primary);
}
.zui-placeholder .content-wrap .title[data-v-a3c8f861] {
color: var(--zui-color-text-placeholder);
margin-top: 8px;
line-height: 1em;
font-size: var(--zui-size-text-small);
}
.zui-placeholder .content-wrap .button[data-v-a3c8f861] {
margin-top: 24px;
padding: 0 16px;
}.zui-switch[data-v-eee5343c] {
cursor: pointer;
display: inline-block;
}
.zui-switch .switch[data-v-eee5343c] {
width: 100px;
height: 32px;
line-height: 32px;
box-shadow: var(--zui-box-shadow);
position: relative;
color: var(--zui-color-text-primary);
padding: 0 5px;
box-sizing: border-box;
border-radius: 3px;
}
.zui-switch .switch > span[data-v-eee5343c] {
display: inline-block;
width: 50%;
position: relative;
text-align: center;
}
.zui-switch .switch > h1[data-v-eee5343c] {
text-align: right;
}
.zui-switch .switch > em[data-v-eee5343c] {
position: absolute;
display: inline-block;
width: 44px;
height: 26px;
background: var(--zui-color-primary);
left: 5px;
top: 3px;
border-radius: 3px;
transition: left 0.2s ease-in-out;
}
.zui-switch .switch .yes[data-v-eee5343c] {
color: #ffffff;
transition: color 0.2s ease-in-out;
}
.zui-switch .switch .no[data-v-eee5343c] {
color: var(--zui-color-text-primary);
transition: color 0.2s ease-in-out;
}
.zui-switch .negative > em[data-v-eee5343c] {
left: 51px;
}
.zui-switch .negative .yes[data-v-eee5343c] {
color: var(--zui-color-text-primary);
}
.zui-switch .negative .no[data-v-eee5343c] {
color: #ffffff !important;
}.sortable-inputs[data-v-f8278b2d] {
width: 100%;
}
.sortable-inputs .item[data-v-f8278b2d] {
position: relative;
display: flex;
align-items: center;
background-color: #ffffff;
}
.sortable-inputs .item.item[data-v-f8278b2d]:not(:last-child)::after {
position: absolute;
bottom: 0;
left: 20px;
height: 0.5px;
width: calc(100% - 20px);
content: "";
display: inline-block;
background-color: var(--color-divider-light);
}
.sortable-inputs .item.item[data-v-f8278b2d]:not(:first-child):last-child {
padding-left: 22px;
}
.sortable-inputs .item .remove[data-v-f8278b2d] {
margin-right: 8px;
width: 16px;
}
.sortable-inputs .item .remove .icon[data-v-f8278b2d] {
color: var(--zui-color-red);
}
.sortable-inputs .item .sequence[data-v-f8278b2d] {
min-width: 20px;
color: var(--zui-color-text-placeholder);
}
.sortable-inputs .item .input[data-v-f8278b2d] {
padding: 0 16px 0 0;
}
.sortable-inputs .item .sort[data-v-f8278b2d] {
color: var(--zui-color-primary);
}
.sortable-inputs .item .sort .icon[data-v-f8278b2d] {
font-size: 20px;
}.zui-sortable-inputs-field.label-position-top .inputs[data-v-34bb4874] {
width: 100%;
margin-top: 4px;
}.zui-selector[data-v-56f4d05e] {
width: 100%;
text-align: left;
background: #ffffff;
position: relative;
}
.zui-selector.disabled[data-v-56f4d05e] {
opacity: 0.5;
}
.zui-selector.readonly[data-v-56f4d05e] {
line-height: var(--zui-size-line-height-regular);
padding: 6px 12px;
box-sizing: border-box;
border-radius: var(--zui-size-border-radius-small);
background-color: var(--zui-color-fill-light);
}
.zui-selector.readonly .icon[data-v-56f4d05e] {
opacity: 0.5;
}
.zui-selector .options[data-v-56f4d05e] {
display: flex;
flex-wrap: wrap;
margin-left: -16px;
}
.zui-selector .options .option[data-v-56f4d05e] {
display: flex;
align-items: flex-start;
box-sizing: border-box;
line-height: 32px;
margin-left: 16px;
}
.zui-selector .options .option .icon[data-v-56f4d05e] {
display: inline-block;
width: 16px;
height: 16px;
line-height: 32px;
font-size: 19px;
color: var(--zui-color-text-secondary);
}
.zui-selector .options .option .label[data-v-56f4d05e] {
margin-left: 8px;
line-height: 32px;
min-height: 32px;
}
.zui-selector .options .option .zui-input[data-v-56f4d05e] {
display: inline-block;
margin-left: 8px;
}
.zui-selector .options .option.active[data-v-56f4d05e] {
color: var(--zui-color-primary);
}
.zui-selector .options .option.active .icon[data-v-56f4d05e] {
color: var(--zui-color-primary);
}
.zui-selector .options .option.readonly.active[data-v-56f4d05e] {
color: var(--color-text-primary);
}
.zui-selector .options .option.readonly.active .icon[data-v-56f4d05e] {
color: var(--zui-color-text-primary);
}
.zui-selector .options .option[data-v-56f4d05e]:not(.disabled):active {
background: rgba(240, 240, 240, 0.49);
}
.zui-selector.column .options[data-v-56f4d05e] {
flex-direction: column;
}.zui-selector-field.label-position-top .selector[data-v-a463bb11] {
width: 100%;
margin-top: 4px;
}.zui-tabs[data-v-f9a03cc5] {
display: flex;
position: relative;
box-shadow: var(--box-shadow);
}
.zui-tabs.align-center[data-v-f9a03cc5] {
justify-content: center;
}
.zui-tabs.align-left .item[data-v-f9a03cc5]:first-child {
margin-left: 0;
}
.zui-tabs .item[data-v-f9a03cc5] {
margin: 0 8px;
padding: 8px 8px 10px 8px;
cursor: pointer;
}
.zui-tabs .item.active[data-v-f9a03cc5] {
color: var(--zui-color-primary);
font-weight: bold;
}
.zui-tabs .item[data-v-f9a03cc5]:hover {
color: var(--zui-color-primary);
}
.zui-tabs .cursor[data-v-f9a03cc5] {
position: absolute;
bottom: 0;
left: 100px;
height: 2px;
width: 0px;
background-color: var(--zui-color-primary);
transition: left 0.2s ease-in-out;
border-radius: 2px;
}
.popup {
position: fixed;
z-index: 9998;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.2s ease-out;
}
.popup .mask {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
display: table;
transition: opacity 0.2s ease-out;
}
.popup .container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top-left-radius: var(--zui-size-border-radius-regular);
border-top-right-radius: var(--zui-size-border-radius-regular);
overflow: auto;
max-height: 90vh;
/* ios */
background-color: #ffffff;
transition: transform 0.2s ease-out;
}
@supports (-webkit-touch-callout: none) {
.popup .container {
padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}
}
.modal-enter-from .mask,
.modal-leave-to .mask {
opacity: 0;
}
.modal-enter-from .container,
.modal-leave-to .container {
transform: translateY(100%);
}.popup-selector.readonly[data-v-e2cec4f3] {
line-height: var(--zui-size-line-height-regular);
padding: 6px 12px;
box-sizing: border-box;
border-radius: var(--zui-size-border-radius-small);
background-color: var(--zui-color-fill-light);
}
.popup-selector.readonly .empty[data-v-e2cec4f3] {
color: var(--zui-color-text-secondary);
}
.popup-selector .icon-down[data-v-e2cec4f3] {
line-height: 32px;
padding: 0 12px;
color: var(--zui-color-text-secondary);
}
.popup-content .header[data-v-e2cec4f3] {
font-size: var(--zui-size-text-large);
line-height: var(--zui-size-line-height-large);
padding: 12px 20px;
text-align: center;
}
.popup-content .main[data-v-e2cec4f3] {
padding: 12px 20px;
max-height: 70vh;
overflow: auto;
}
.popup-content .footer[data-v-e2cec4f3] {
padding: 0 20px 24px 20px;
}
.popup-content .footer .confirm-btn[data-v-e2cec4f3] {
width: 100%;
}.search-bar[data-v-2aad93f4] {
background-color: #ffffff;
padding: 8px 20px;
}
.search-bar .input-wrap[data-v-2aad93f4] {
padding: 0 10px;
display: flex;
align-items: center;
background-color: var(--zui-color-background);
border-radius: var(--zui-size-border-radius-small);
}
.search-bar .input-wrap .icon[data-v-2aad93f4] {
color: var(--zui-color-text-secondary);
}
.search-bar .input-wrap .input[data-v-2aad93f4] {
margin-left: 8px;
height: 32px;
flex: 1;
}
.search-bar .input-wrap .input[data-v-2aad93f4]::placeholder {
color: var(--zui-color-text-placeholder);
}
.search-bar .input-wrap .clear[data-v-2aad93f4] {
color: var(--zui-color-text-secondary);
cursor: pointer;
}.search-view[data-v-cead0035] {
position: relative;
height: 100%;
background-color: #ffffff;
}
.search-view .records-wrap .records .record[data-v-cead0035] {
padding: 10px 20px;
display: flex;
align-items: center;
}
.search-view .records-wrap .records .record .radio[data-v-cead0035] {
color: var(--zui-color-text-secondary);
font-size: 20px;
}
.search-view .records-wrap .records .record .avatar[data-v-cead0035] {
margin-left: 8px;
width: 32px;
height: 32px;
border-radius: var(--zui-size-border-radius-small);
}
.search-view .records-wrap .records .record .name[data-v-cead0035] {
margin-left: 8px;
flex: 1;
}
.search-view .records-wrap .records .record .info[data-v-cead0035] {
font-size: 22px;
color: var(--zui-color-text-secondary);
}
.search-view .records-wrap .records .record.selected .radio[data-v-cead0035] {
color: var(--zui-color-primary);
}
.search-view .records-wrap .records .record.disabled *[data-v-cead0035]:not(.info) {
opacity: 0.6;
}
.search-view .empty-wrap .icon[data-