1158 lines
62 KiB
CSS
1158 lines
62 KiB
CSS
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'uicon-iconfont';
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-display: auto;
|
|||
|
|
src: url('data:application/x-font-woff2;charset=utf-8;base64,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
|
|||
|
|
format('woff2');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 支付宝,百度,头条小程序目前读取大的本地字体文件,导致无法显示图标,故用在线加载的方式-2020-05-12 */
|
|||
|
|
.u-iconfont[data-v-b4d1c4b2] {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
font: normal normal normal 14px/1 'uicon-iconfont';
|
|||
|
|
font-size: inherit;
|
|||
|
|
text-rendering: auto;
|
|||
|
|
-webkit-font-smoothing: antialiased;
|
|||
|
|
-moz-osx-font-smoothing: grayscale;
|
|||
|
|
}
|
|||
|
|
.u-iconfont[data-v-b4d1c4b2]::before {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.uicon-en[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e70a';
|
|||
|
|
}
|
|||
|
|
.uicon-zh[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e692';
|
|||
|
|
}
|
|||
|
|
.uicon-level[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e693';
|
|||
|
|
}
|
|||
|
|
.uicon-woman[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e69c';
|
|||
|
|
}
|
|||
|
|
.uicon-man[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e697';
|
|||
|
|
}
|
|||
|
|
.uicon-column-line[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e68e';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-page[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e627';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-data[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e62f';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-car[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e602';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-order[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e639';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-address[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e646';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-message[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6a9';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-search[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e664';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-favor[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e67c';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-coupon[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e682';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-history[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e684';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-permission[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e686';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-news[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e687';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-wifi[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e688';
|
|||
|
|
}
|
|||
|
|
.uicon-empty-list[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e68b';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-left-double[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e68c';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-right-double[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e68d';
|
|||
|
|
}
|
|||
|
|
.uicon-red-packet[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e691';
|
|||
|
|
}
|
|||
|
|
.uicon-red-packet-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e690';
|
|||
|
|
}
|
|||
|
|
.uicon-order[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e68f';
|
|||
|
|
}
|
|||
|
|
.uicon-nav-back-arrow[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e67f';
|
|||
|
|
}
|
|||
|
|
.uicon-nav-back[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e683';
|
|||
|
|
}
|
|||
|
|
.uicon-checkbox-mark[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6a8';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-up-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6b0';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-down-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e600';
|
|||
|
|
}
|
|||
|
|
.uicon-backspace[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e67b';
|
|||
|
|
}
|
|||
|
|
.uicon-android-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e67e';
|
|||
|
|
}
|
|||
|
|
.uicon-android-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e67d';
|
|||
|
|
}
|
|||
|
|
.uicon-question[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e715';
|
|||
|
|
}
|
|||
|
|
.uicon-pause[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e8fa';
|
|||
|
|
}
|
|||
|
|
.uicon-close[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e685';
|
|||
|
|
}
|
|||
|
|
.uicon-volume-up[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e633';
|
|||
|
|
}
|
|||
|
|
.uicon-volume-off[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e644';
|
|||
|
|
}
|
|||
|
|
.uicon-info[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e653';
|
|||
|
|
}
|
|||
|
|
.uicon-error[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6d3';
|
|||
|
|
}
|
|||
|
|
.uicon-lock-opened-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e974';
|
|||
|
|
}
|
|||
|
|
.uicon-lock-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e979';
|
|||
|
|
}
|
|||
|
|
.uicon-lock[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e97a';
|
|||
|
|
}
|
|||
|
|
.uicon-photo-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e98b';
|
|||
|
|
}
|
|||
|
|
.uicon-photo[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e98d';
|
|||
|
|
}
|
|||
|
|
.uicon-account-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e614';
|
|||
|
|
}
|
|||
|
|
.uicon-minus-people-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e615';
|
|||
|
|
}
|
|||
|
|
.uicon-plus-people-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e626';
|
|||
|
|
}
|
|||
|
|
.uicon-account[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e628';
|
|||
|
|
}
|
|||
|
|
.uicon-thumb-down-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e726';
|
|||
|
|
}
|
|||
|
|
.uicon-thumb-down[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e727';
|
|||
|
|
}
|
|||
|
|
.uicon-thumb-up-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e72f';
|
|||
|
|
}
|
|||
|
|
.uicon-thumb-up[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e733';
|
|||
|
|
}
|
|||
|
|
.uicon-person-delete-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e66a';
|
|||
|
|
}
|
|||
|
|
.uicon-cut[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e948';
|
|||
|
|
}
|
|||
|
|
.uicon-fingerprint[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e955';
|
|||
|
|
}
|
|||
|
|
.uicon-home-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e964';
|
|||
|
|
}
|
|||
|
|
.uicon-home[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e965';
|
|||
|
|
}
|
|||
|
|
.uicon-hourglass-half-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e966';
|
|||
|
|
}
|
|||
|
|
.uicon-hourglass[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e967';
|
|||
|
|
}
|
|||
|
|
.uicon-lock-open[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e973';
|
|||
|
|
}
|
|||
|
|
.uicon-integral-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e703';
|
|||
|
|
}
|
|||
|
|
.uicon-integral[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e704';
|
|||
|
|
}
|
|||
|
|
.uicon-coupon[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e8ae';
|
|||
|
|
}
|
|||
|
|
.uicon-coupon-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e8c4';
|
|||
|
|
}
|
|||
|
|
.uicon-kefu-ermai[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e656';
|
|||
|
|
}
|
|||
|
|
.uicon-scan[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e662';
|
|||
|
|
}
|
|||
|
|
.uicon-rmb[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e608';
|
|||
|
|
}
|
|||
|
|
.uicon-rmb-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e657';
|
|||
|
|
}
|
|||
|
|
.uicon-rmb-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e677';
|
|||
|
|
}
|
|||
|
|
.uicon-gift[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e65b';
|
|||
|
|
}
|
|||
|
|
.uicon-gift-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e65c';
|
|||
|
|
}
|
|||
|
|
.uicon-bookmark-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e63b';
|
|||
|
|
}
|
|||
|
|
.uicon-zhuanfa[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e60b';
|
|||
|
|
}
|
|||
|
|
.uicon-eye-off-outline[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e62b';
|
|||
|
|
}
|
|||
|
|
.uicon-eye-off[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e648';
|
|||
|
|
}
|
|||
|
|
.uicon-pause-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e643';
|
|||
|
|
}
|
|||
|
|
.uicon-play-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e647';
|
|||
|
|
}
|
|||
|
|
.uicon-pause-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e654';
|
|||
|
|
}
|
|||
|
|
.uicon-play-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e655';
|
|||
|
|
}
|
|||
|
|
.uicon-grid[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e673';
|
|||
|
|
}
|
|||
|
|
.uicon-play-right[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e610';
|
|||
|
|
}
|
|||
|
|
.uicon-play-left[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e66d';
|
|||
|
|
}
|
|||
|
|
.uicon-calendar[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e66e';
|
|||
|
|
}
|
|||
|
|
.uicon-rewind-right[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e66f';
|
|||
|
|
}
|
|||
|
|
.uicon-rewind-left[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e671';
|
|||
|
|
}
|
|||
|
|
.uicon-skip-forward-right[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e672';
|
|||
|
|
}
|
|||
|
|
.uicon-skip-back-left[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e674';
|
|||
|
|
}
|
|||
|
|
.uicon-play-left-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e675';
|
|||
|
|
}
|
|||
|
|
.uicon-play-right-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e676';
|
|||
|
|
}
|
|||
|
|
.uicon-grid-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e678';
|
|||
|
|
}
|
|||
|
|
.uicon-rewind-left-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e679';
|
|||
|
|
}
|
|||
|
|
.uicon-rewind-right-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e67a';
|
|||
|
|
}
|
|||
|
|
.uicon-pushpin[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e7e3';
|
|||
|
|
}
|
|||
|
|
.uicon-star[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e65f';
|
|||
|
|
}
|
|||
|
|
.uicon-star-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e669';
|
|||
|
|
}
|
|||
|
|
.uicon-server-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e751';
|
|||
|
|
}
|
|||
|
|
.uicon-server-man[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6bc';
|
|||
|
|
}
|
|||
|
|
.uicon-edit-pen[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e612';
|
|||
|
|
}
|
|||
|
|
.uicon-edit-pen-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e66b';
|
|||
|
|
}
|
|||
|
|
.uicon-wifi[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e667';
|
|||
|
|
}
|
|||
|
|
.uicon-wifi-off[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e668';
|
|||
|
|
}
|
|||
|
|
.uicon-file-text[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e663';
|
|||
|
|
}
|
|||
|
|
.uicon-file-text-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e665';
|
|||
|
|
}
|
|||
|
|
.uicon-more-dot-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e630';
|
|||
|
|
}
|
|||
|
|
.uicon-minus[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e618';
|
|||
|
|
}
|
|||
|
|
.uicon-minus-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e61b';
|
|||
|
|
}
|
|||
|
|
.uicon-plus[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e62d';
|
|||
|
|
}
|
|||
|
|
.uicon-plus-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e62e';
|
|||
|
|
}
|
|||
|
|
.uicon-minus-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e652';
|
|||
|
|
}
|
|||
|
|
.uicon-plus-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e661';
|
|||
|
|
}
|
|||
|
|
.uicon-email[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e611';
|
|||
|
|
}
|
|||
|
|
.uicon-email-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e642';
|
|||
|
|
}
|
|||
|
|
.uicon-phone[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e622';
|
|||
|
|
}
|
|||
|
|
.uicon-phone-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e64f';
|
|||
|
|
}
|
|||
|
|
.uicon-clock[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e60f';
|
|||
|
|
}
|
|||
|
|
.uicon-car[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e60c';
|
|||
|
|
}
|
|||
|
|
.uicon-car-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e636';
|
|||
|
|
}
|
|||
|
|
.uicon-warning[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e694';
|
|||
|
|
}
|
|||
|
|
.uicon-warning-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e64d';
|
|||
|
|
}
|
|||
|
|
.uicon-search[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e62a';
|
|||
|
|
}
|
|||
|
|
.uicon-baidu-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e680';
|
|||
|
|
}
|
|||
|
|
.uicon-baidu[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e681';
|
|||
|
|
}
|
|||
|
|
.uicon-facebook[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e689';
|
|||
|
|
}
|
|||
|
|
.uicon-facebook-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e68a';
|
|||
|
|
}
|
|||
|
|
.uicon-qzone[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e695';
|
|||
|
|
}
|
|||
|
|
.uicon-qzone-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e696';
|
|||
|
|
}
|
|||
|
|
.uicon-moments-circel-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e69a';
|
|||
|
|
}
|
|||
|
|
.uicon-moments[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e69b';
|
|||
|
|
}
|
|||
|
|
.uicon-qq-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6a0';
|
|||
|
|
}
|
|||
|
|
.uicon-qq-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6a1';
|
|||
|
|
}
|
|||
|
|
.uicon-weibo[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6a4';
|
|||
|
|
}
|
|||
|
|
.uicon-weibo-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6a5';
|
|||
|
|
}
|
|||
|
|
.uicon-taobao[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6a6';
|
|||
|
|
}
|
|||
|
|
.uicon-taobao-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6a7';
|
|||
|
|
}
|
|||
|
|
.uicon-twitter[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6aa';
|
|||
|
|
}
|
|||
|
|
.uicon-twitter-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6ab';
|
|||
|
|
}
|
|||
|
|
.uicon-weixin-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6b1';
|
|||
|
|
}
|
|||
|
|
.uicon-weixin-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6b2';
|
|||
|
|
}
|
|||
|
|
.uicon-zhifubao-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6b8';
|
|||
|
|
}
|
|||
|
|
.uicon-zhifubao[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6b9';
|
|||
|
|
}
|
|||
|
|
.uicon-zhihu[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6ba';
|
|||
|
|
}
|
|||
|
|
.uicon-zhihu-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e709';
|
|||
|
|
}
|
|||
|
|
.uicon-list[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e650';
|
|||
|
|
}
|
|||
|
|
.uicon-list-dot[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e616';
|
|||
|
|
}
|
|||
|
|
.uicon-setting[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e61f';
|
|||
|
|
}
|
|||
|
|
.uicon-bell[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e609';
|
|||
|
|
}
|
|||
|
|
.uicon-bell-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e640';
|
|||
|
|
}
|
|||
|
|
.uicon-attach[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e632';
|
|||
|
|
}
|
|||
|
|
.uicon-shopping-cart[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e621';
|
|||
|
|
}
|
|||
|
|
.uicon-shopping-cart-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e65d';
|
|||
|
|
}
|
|||
|
|
.uicon-tags[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e629';
|
|||
|
|
}
|
|||
|
|
.uicon-share[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e631';
|
|||
|
|
}
|
|||
|
|
.uicon-question-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e666';
|
|||
|
|
}
|
|||
|
|
.uicon-question-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e625';
|
|||
|
|
}
|
|||
|
|
.uicon-error-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e624';
|
|||
|
|
}
|
|||
|
|
.uicon-checkmark-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e63d';
|
|||
|
|
}
|
|||
|
|
.uicon-close-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e63f';
|
|||
|
|
}
|
|||
|
|
.uicon-info-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e660';
|
|||
|
|
}
|
|||
|
|
.uicon-md-person-add[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6e4';
|
|||
|
|
}
|
|||
|
|
.uicon-md-person-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e6ea';
|
|||
|
|
}
|
|||
|
|
.uicon-bag-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e617';
|
|||
|
|
}
|
|||
|
|
.uicon-bag[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e619';
|
|||
|
|
}
|
|||
|
|
.uicon-chat-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e61e';
|
|||
|
|
}
|
|||
|
|
.uicon-chat[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e620';
|
|||
|
|
}
|
|||
|
|
.uicon-more-circle[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e63e';
|
|||
|
|
}
|
|||
|
|
.uicon-more-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e645';
|
|||
|
|
}
|
|||
|
|
.uicon-volume[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e66c';
|
|||
|
|
}
|
|||
|
|
.uicon-volume-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e670';
|
|||
|
|
}
|
|||
|
|
.uicon-reload[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e788';
|
|||
|
|
}
|
|||
|
|
.uicon-camera[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e7d7';
|
|||
|
|
}
|
|||
|
|
.uicon-heart[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e7df';
|
|||
|
|
}
|
|||
|
|
.uicon-heart-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e851';
|
|||
|
|
}
|
|||
|
|
.uicon-minus-square-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e855';
|
|||
|
|
}
|
|||
|
|
.uicon-plus-square-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e856';
|
|||
|
|
}
|
|||
|
|
.uicon-pushpin-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e86e';
|
|||
|
|
}
|
|||
|
|
.uicon-camera-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e870';
|
|||
|
|
}
|
|||
|
|
.uicon-setting-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e872';
|
|||
|
|
}
|
|||
|
|
.uicon-google[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e87a';
|
|||
|
|
}
|
|||
|
|
.uicon-ie[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e87b';
|
|||
|
|
}
|
|||
|
|
.uicon-apple-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e881';
|
|||
|
|
}
|
|||
|
|
.uicon-chrome-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e885';
|
|||
|
|
}
|
|||
|
|
.uicon-github-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e887';
|
|||
|
|
}
|
|||
|
|
.uicon-IE-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e889';
|
|||
|
|
}
|
|||
|
|
.uicon-google-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e88a';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-down[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e60d';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-left[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e60e';
|
|||
|
|
}
|
|||
|
|
.uicon-map[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e61d';
|
|||
|
|
}
|
|||
|
|
.uicon-man-add-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e64c';
|
|||
|
|
}
|
|||
|
|
.uicon-tags-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e651';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-leftward[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e601';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-rightward[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e603';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-downward[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e604';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-right[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e605';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-up[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e606';
|
|||
|
|
}
|
|||
|
|
.uicon-arrow-upward[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e607';
|
|||
|
|
}
|
|||
|
|
.uicon-bookmark[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e60a';
|
|||
|
|
}
|
|||
|
|
.uicon-eye[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e613';
|
|||
|
|
}
|
|||
|
|
.uicon-man-delete[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e61a';
|
|||
|
|
}
|
|||
|
|
.uicon-man-add[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e61c';
|
|||
|
|
}
|
|||
|
|
.uicon-trash[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e623';
|
|||
|
|
}
|
|||
|
|
.uicon-error-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e62c';
|
|||
|
|
}
|
|||
|
|
.uicon-calendar-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e634';
|
|||
|
|
}
|
|||
|
|
.uicon-checkmark-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e635';
|
|||
|
|
}
|
|||
|
|
.uicon-close-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e637';
|
|||
|
|
}
|
|||
|
|
.uicon-clock-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e638';
|
|||
|
|
}
|
|||
|
|
.uicon-checkmark[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e63a';
|
|||
|
|
}
|
|||
|
|
.uicon-download[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e63c';
|
|||
|
|
}
|
|||
|
|
.uicon-eye-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e641';
|
|||
|
|
}
|
|||
|
|
.uicon-mic-off[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e649';
|
|||
|
|
}
|
|||
|
|
.uicon-mic[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e64a';
|
|||
|
|
}
|
|||
|
|
.uicon-info-circle-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e64b';
|
|||
|
|
}
|
|||
|
|
.uicon-map-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e64e';
|
|||
|
|
}
|
|||
|
|
.uicon-trash-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e658';
|
|||
|
|
}
|
|||
|
|
.uicon-volume-off-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e659';
|
|||
|
|
}
|
|||
|
|
.uicon-volume-up-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e65a';
|
|||
|
|
}
|
|||
|
|
.uicon-share-fill[data-v-b4d1c4b2]:before {
|
|||
|
|
content: '\e65e';
|
|||
|
|
}
|
|||
|
|
[data-v-b4d1c4b2]:root,
|
|||
|
|
body[data-v-b4d1c4b2] {
|
|||
|
|
/* 纯色 */
|
|||
|
|
--u-white-color: #ffffff;
|
|||
|
|
--u-black-color: #000000;
|
|||
|
|
--u-main-color: #303133;
|
|||
|
|
--u-content-color: #606266;
|
|||
|
|
--u-tips-color: #909399;
|
|||
|
|
--u-light-color: #c0c4cc;
|
|||
|
|
--u-border-color: #e4e7ed;
|
|||
|
|
--u-divider-color: #e4e7ed;
|
|||
|
|
--u-mask-color: rgba(0, 0, 0, 0.4);
|
|||
|
|
--u-shadow-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
/* 背景色 */
|
|||
|
|
--u-bg-color: #f3f4f6;
|
|||
|
|
--u-bg-white: #ffffff;
|
|||
|
|
--u-bg-gray-light: #f1f1f1;
|
|||
|
|
--u-bg-gray-dark: #2f343c;
|
|||
|
|
--u-bg-black: #000000;
|
|||
|
|
/* 主色 */
|
|||
|
|
--u-type-primary: #17447a;
|
|||
|
|
--u-type-primary-light: #d5dde7;
|
|||
|
|
--u-type-primary-disabled: #8fa6c3;
|
|||
|
|
--u-type-primary-dark: #123662;
|
|||
|
|
/* 警告色 */
|
|||
|
|
--u-type-warning: #ff9900;
|
|||
|
|
--u-type-warning-disabled: #fcbd71;
|
|||
|
|
--u-type-warning-dark: #f29100;
|
|||
|
|
--u-type-warning-light: #fdf6ec;
|
|||
|
|
/* 成功色 */
|
|||
|
|
--u-type-success: #19be6b;
|
|||
|
|
--u-type-success-disabled: #71d5a1;
|
|||
|
|
--u-type-success-dark: #18b566;
|
|||
|
|
--u-type-success-light: #dbf1e1;
|
|||
|
|
/* 错误色 */
|
|||
|
|
--u-type-error: #fa3534;
|
|||
|
|
--u-type-error-disabled: #fab6b6;
|
|||
|
|
--u-type-error-dark: #dd6161;
|
|||
|
|
--u-type-error-light: #fef0f0;
|
|||
|
|
/* 信息色 */
|
|||
|
|
--u-type-info: #909399;
|
|||
|
|
--u-type-info-disabled: #c8c9cc;
|
|||
|
|
--u-type-info-dark: #82848a;
|
|||
|
|
--u-type-info-light: #f4f4f5;
|
|||
|
|
}
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.u-icon[data-v-b4d1c4b2] {
|
|||
|
|
display: inline-flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.u-icon--left[data-v-b4d1c4b2] {
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.u-icon--right[data-v-b4d1c4b2] {
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.u-icon--top[data-v-b4d1c4b2] {
|
|||
|
|
flex-direction: column-reverse;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
.u-icon--bottom[data-v-b4d1c4b2] {
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
.u-icon__icon[data-v-b4d1c4b2] {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.u-icon__icon--primary[data-v-b4d1c4b2] {
|
|||
|
|
color: var(--u-type-primary);
|
|||
|
|
}
|
|||
|
|
.u-icon__icon--success[data-v-b4d1c4b2] {
|
|||
|
|
color: var(--u-type-success);
|
|||
|
|
}
|
|||
|
|
.u-icon__icon--error[data-v-b4d1c4b2] {
|
|||
|
|
color: var(--u-type-error);
|
|||
|
|
}
|
|||
|
|
.u-icon__icon--warning[data-v-b4d1c4b2] {
|
|||
|
|
color: var(--u-type-warning);
|
|||
|
|
}
|
|||
|
|
.u-icon__icon--info[data-v-b4d1c4b2] {
|
|||
|
|
color: var(--u-type-info);
|
|||
|
|
}
|
|||
|
|
.u-icon__decimal[data-v-b4d1c4b2] {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
display: inline-block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.u-icon__img[data-v-b4d1c4b2] {
|
|||
|
|
height: auto;
|
|||
|
|
will-change: transform;
|
|||
|
|
}
|
|||
|
|
.u-icon__label[data-v-b4d1c4b2] {
|
|||
|
|
line-height: 1;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
[data-v-f0201178]:root,
|
|||
|
|
body[data-v-f0201178] {
|
|||
|
|
/* 纯色 */
|
|||
|
|
--u-white-color: #ffffff;
|
|||
|
|
--u-black-color: #000000;
|
|||
|
|
--u-main-color: #303133;
|
|||
|
|
--u-content-color: #606266;
|
|||
|
|
--u-tips-color: #909399;
|
|||
|
|
--u-light-color: #c0c4cc;
|
|||
|
|
--u-border-color: #e4e7ed;
|
|||
|
|
--u-divider-color: #e4e7ed;
|
|||
|
|
--u-mask-color: rgba(0, 0, 0, 0.4);
|
|||
|
|
--u-shadow-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
/* 背景色 */
|
|||
|
|
--u-bg-color: #f3f4f6;
|
|||
|
|
--u-bg-white: #ffffff;
|
|||
|
|
--u-bg-gray-light: #f1f1f1;
|
|||
|
|
--u-bg-gray-dark: #2f343c;
|
|||
|
|
--u-bg-black: #000000;
|
|||
|
|
/* 主色 */
|
|||
|
|
--u-type-primary: #17447a;
|
|||
|
|
--u-type-primary-light: #d5dde7;
|
|||
|
|
--u-type-primary-disabled: #8fa6c3;
|
|||
|
|
--u-type-primary-dark: #123662;
|
|||
|
|
/* 警告色 */
|
|||
|
|
--u-type-warning: #ff9900;
|
|||
|
|
--u-type-warning-disabled: #fcbd71;
|
|||
|
|
--u-type-warning-dark: #f29100;
|
|||
|
|
--u-type-warning-light: #fdf6ec;
|
|||
|
|
/* 成功色 */
|
|||
|
|
--u-type-success: #19be6b;
|
|||
|
|
--u-type-success-disabled: #71d5a1;
|
|||
|
|
--u-type-success-dark: #18b566;
|
|||
|
|
--u-type-success-light: #dbf1e1;
|
|||
|
|
/* 错误色 */
|
|||
|
|
--u-type-error: #fa3534;
|
|||
|
|
--u-type-error-disabled: #fab6b6;
|
|||
|
|
--u-type-error-dark: #dd6161;
|
|||
|
|
--u-type-error-light: #fef0f0;
|
|||
|
|
/* 信息色 */
|
|||
|
|
--u-type-info: #909399;
|
|||
|
|
--u-type-info-disabled: #c8c9cc;
|
|||
|
|
--u-type-info-dark: #82848a;
|
|||
|
|
--u-type-info-light: #f4f4f5;
|
|||
|
|
}
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.u-search[data-v-f0201178] {
|
|||
|
|
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
|
|||
|
|
align-items: center;
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
.u-content[data-v-f0201178] {
|
|||
|
|
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 0 0.5625rem;
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
.u-clear-icon[data-v-f0201178] {
|
|||
|
|
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.u-input[data-v-f0201178] {
|
|||
|
|
flex: 1;
|
|||
|
|
font-size: 0.875rem;
|
|||
|
|
line-height: 1;
|
|||
|
|
margin: 0 0.3125rem;
|
|||
|
|
color: var(--u-tips-color);
|
|||
|
|
}
|
|||
|
|
.u-close-wrap[data-v-f0201178] {
|
|||
|
|
width: 1.25rem;
|
|||
|
|
height: 100%;
|
|||
|
|
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
.u-placeholder-class[data-v-f0201178] {
|
|||
|
|
color: var(--u-tips-color);
|
|||
|
|
}
|
|||
|
|
.u-action[data-v-f0201178] {
|
|||
|
|
font-size: 0.875rem;
|
|||
|
|
color: var(--u-main-color);
|
|||
|
|
width: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
transition: all 0.3s;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.u-action-active[data-v-f0201178] {
|
|||
|
|
width: 2.5rem;
|
|||
|
|
margin-left: 0.3125rem;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
[data-v-7f30e390]:root,
|
|||
|
|
body[data-v-7f30e390] {
|
|||
|
|
/* 纯色 */
|
|||
|
|
--u-white-color: #ffffff;
|
|||
|
|
--u-black-color: #000000;
|
|||
|
|
--u-main-color: #303133;
|
|||
|
|
--u-content-color: #606266;
|
|||
|
|
--u-tips-color: #909399;
|
|||
|
|
--u-light-color: #c0c4cc;
|
|||
|
|
--u-border-color: #e4e7ed;
|
|||
|
|
--u-divider-color: #e4e7ed;
|
|||
|
|
--u-mask-color: rgba(0, 0, 0, 0.4);
|
|||
|
|
--u-shadow-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
/* 背景色 */
|
|||
|
|
--u-bg-color: #f3f4f6;
|
|||
|
|
--u-bg-white: #ffffff;
|
|||
|
|
--u-bg-gray-light: #f1f1f1;
|
|||
|
|
--u-bg-gray-dark: #2f343c;
|
|||
|
|
--u-bg-black: #000000;
|
|||
|
|
/* 主色 */
|
|||
|
|
--u-type-primary: #17447a;
|
|||
|
|
--u-type-primary-light: #d5dde7;
|
|||
|
|
--u-type-primary-disabled: #8fa6c3;
|
|||
|
|
--u-type-primary-dark: #123662;
|
|||
|
|
/* 警告色 */
|
|||
|
|
--u-type-warning: #ff9900;
|
|||
|
|
--u-type-warning-disabled: #fcbd71;
|
|||
|
|
--u-type-warning-dark: #f29100;
|
|||
|
|
--u-type-warning-light: #fdf6ec;
|
|||
|
|
/* 成功色 */
|
|||
|
|
--u-type-success: #19be6b;
|
|||
|
|
--u-type-success-disabled: #71d5a1;
|
|||
|
|
--u-type-success-dark: #18b566;
|
|||
|
|
--u-type-success-light: #dbf1e1;
|
|||
|
|
/* 错误色 */
|
|||
|
|
--u-type-error: #fa3534;
|
|||
|
|
--u-type-error-disabled: #fab6b6;
|
|||
|
|
--u-type-error-dark: #dd6161;
|
|||
|
|
--u-type-error-light: #fef0f0;
|
|||
|
|
/* 信息色 */
|
|||
|
|
--u-type-info: #909399;
|
|||
|
|
--u-type-info-disabled: #c8c9cc;
|
|||
|
|
--u-type-info-dark: #82848a;
|
|||
|
|
--u-type-info-light: #f4f4f5;
|
|||
|
|
}
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.u-sticky[data-v-7f30e390] {
|
|||
|
|
z-index: 9999999999;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
[data-v-444f8533]:root,
|
|||
|
|
body[data-v-444f8533] {
|
|||
|
|
/* 纯色 */
|
|||
|
|
--u-white-color: #ffffff;
|
|||
|
|
--u-black-color: #000000;
|
|||
|
|
--u-main-color: #303133;
|
|||
|
|
--u-content-color: #606266;
|
|||
|
|
--u-tips-color: #909399;
|
|||
|
|
--u-light-color: #c0c4cc;
|
|||
|
|
--u-border-color: #e4e7ed;
|
|||
|
|
--u-divider-color: #e4e7ed;
|
|||
|
|
--u-mask-color: rgba(0, 0, 0, 0.4);
|
|||
|
|
--u-shadow-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
/* 背景色 */
|
|||
|
|
--u-bg-color: #f3f4f6;
|
|||
|
|
--u-bg-white: #ffffff;
|
|||
|
|
--u-bg-gray-light: #f1f1f1;
|
|||
|
|
--u-bg-gray-dark: #2f343c;
|
|||
|
|
--u-bg-black: #000000;
|
|||
|
|
/* 主色 */
|
|||
|
|
--u-type-primary: #17447a;
|
|||
|
|
--u-type-primary-light: #d5dde7;
|
|||
|
|
--u-type-primary-disabled: #8fa6c3;
|
|||
|
|
--u-type-primary-dark: #123662;
|
|||
|
|
/* 警告色 */
|
|||
|
|
--u-type-warning: #ff9900;
|
|||
|
|
--u-type-warning-disabled: #fcbd71;
|
|||
|
|
--u-type-warning-dark: #f29100;
|
|||
|
|
--u-type-warning-light: #fdf6ec;
|
|||
|
|
/* 成功色 */
|
|||
|
|
--u-type-success: #19be6b;
|
|||
|
|
--u-type-success-disabled: #71d5a1;
|
|||
|
|
--u-type-success-dark: #18b566;
|
|||
|
|
--u-type-success-light: #dbf1e1;
|
|||
|
|
/* 错误色 */
|
|||
|
|
--u-type-error: #fa3534;
|
|||
|
|
--u-type-error-disabled: #fab6b6;
|
|||
|
|
--u-type-error-dark: #dd6161;
|
|||
|
|
--u-type-error-light: #fef0f0;
|
|||
|
|
/* 信息色 */
|
|||
|
|
--u-type-info: #909399;
|
|||
|
|
--u-type-info-disabled: #c8c9cc;
|
|||
|
|
--u-type-info-dark: #82848a;
|
|||
|
|
--u-type-info-light: #f4f4f5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.col[data-v-444f8533] {
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
border-radius: 0.25rem;
|
|||
|
|
}
|
|||
|
|
.col .row[data-v-444f8533] {
|
|||
|
|
padding: 0.375rem 0;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
}
|
|||
|
|
.col .row-left[data-v-444f8533] {
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
.col .row-right[data-v-444f8533] {
|
|||
|
|
padding-left: 0.625rem;
|
|||
|
|
overflow-wrap: break-word;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 这里是uni-app内置的常用样式变量
|
|||
|
|
*
|
|||
|
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
|
*
|
|||
|
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
|
*/
|
|||
|
|
:root,
|
|||
|
|
body {
|
|||
|
|
/* 纯色 */
|
|||
|
|
--u-white-color: #ffffff;
|
|||
|
|
--u-black-color: #000000;
|
|||
|
|
--u-main-color: #303133;
|
|||
|
|
--u-content-color: #606266;
|
|||
|
|
--u-tips-color: #909399;
|
|||
|
|
--u-light-color: #c0c4cc;
|
|||
|
|
--u-border-color: #e4e7ed;
|
|||
|
|
--u-divider-color: #e4e7ed;
|
|||
|
|
--u-mask-color: rgba(0, 0, 0, 0.4);
|
|||
|
|
--u-shadow-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
/* 背景色 */
|
|||
|
|
--u-bg-color: #f3f4f6;
|
|||
|
|
--u-bg-white: #ffffff;
|
|||
|
|
--u-bg-gray-light: #f1f1f1;
|
|||
|
|
--u-bg-gray-dark: #2f343c;
|
|||
|
|
--u-bg-black: #000000;
|
|||
|
|
/* 主色 */
|
|||
|
|
--u-type-primary: #17447a;
|
|||
|
|
--u-type-primary-light: #d5dde7;
|
|||
|
|
--u-type-primary-disabled: #8fa6c3;
|
|||
|
|
--u-type-primary-dark: #123662;
|
|||
|
|
/* 警告色 */
|
|||
|
|
--u-type-warning: #ff9900;
|
|||
|
|
--u-type-warning-disabled: #fcbd71;
|
|||
|
|
--u-type-warning-dark: #f29100;
|
|||
|
|
--u-type-warning-light: #fdf6ec;
|
|||
|
|
/* 成功色 */
|
|||
|
|
--u-type-success: #19be6b;
|
|||
|
|
--u-type-success-disabled: #71d5a1;
|
|||
|
|
--u-type-success-dark: #18b566;
|
|||
|
|
--u-type-success-light: #dbf1e1;
|
|||
|
|
/* 错误色 */
|
|||
|
|
--u-type-error: #fa3534;
|
|||
|
|
--u-type-error-disabled: #fab6b6;
|
|||
|
|
--u-type-error-dark: #dd6161;
|
|||
|
|
--u-type-error-light: #fef0f0;
|
|||
|
|
/* 信息色 */
|
|||
|
|
--u-type-info: #909399;
|
|||
|
|
--u-type-info-disabled: #c8c9cc;
|
|||
|
|
--u-type-info-dark: #82848a;
|
|||
|
|
--u-type-info-light: #f4f4f5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 颜色变量 */
|
|||
|
|
/* 行为相关颜色 */
|
|||
|
|
/* 文字基本颜色 */
|
|||
|
|
/* 背景颜色 */
|
|||
|
|
/* 边框颜色 */
|
|||
|
|
/* 尺寸变量 */
|
|||
|
|
/* 文字尺寸 */
|
|||
|
|
/* 图片尺寸 */
|
|||
|
|
/* Border Radius */
|
|||
|
|
/* 水平间距 */
|
|||
|
|
/* 垂直间距 */
|
|||
|
|
/* 透明度 */
|
|||
|
|
/* 文章场景相关 */
|
|||
|
|
.sticky {
|
|||
|
|
padding: 0.625rem 0.9375rem;
|
|||
|
|
}
|