You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
574 lines
10 KiB
574 lines
10 KiB
2 years ago
|
/**
|
||
|
* 这里是uni-app内置的常用样式变量
|
||
|
*
|
||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||
|
*
|
||
|
*/
|
||
|
/**
|
||
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||
|
*
|
||
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||
|
*/
|
||
|
/* 颜色变量 */
|
||
|
/* 行为相关颜色 */
|
||
|
/* 文字基本颜色 */
|
||
|
/* 背景颜色 */
|
||
|
/* 边框颜色 */
|
||
|
/* 尺寸变量 */
|
||
|
/* 文字尺寸 */
|
||
|
/* 图片尺寸 */
|
||
|
/* Border Radius */
|
||
|
/* 水平间距 */
|
||
|
/* 垂直间距 */
|
||
|
/* 透明度 */
|
||
|
/* 文章场景相关 */
|
||
|
@font-face {
|
||
|
font-family: "fant-icon"; /* Project id 705786 */
|
||
|
src: url('https://at.alicdn.com/t/c/font_705786_b0sy9iwbr29.woff2?t=1684376358152') format('woff2'),
|
||
|
url('https://at.alicdn.com/t/c/font_705786_b0sy9iwbr29.woff?t=1684376358152') format('woff'),
|
||
|
url('https://at.alicdn.com/t/c/font_705786_b0sy9iwbr29.ttf?t=1684376358152') format('truetype');
|
||
|
}
|
||
|
.fant-icon {
|
||
|
font-family: "fant-icon" !important;
|
||
|
font-size: 16px;
|
||
|
font-style: normal;
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
-moz-osx-font-smoothing: grayscale;
|
||
|
}
|
||
|
.ic_checkdisable_line:before {
|
||
|
content: "\e68d";
|
||
|
}
|
||
|
.img_default_image_load_failed:before {
|
||
|
content: "\e696";
|
||
|
}
|
||
|
.img_default_image_loading:before {
|
||
|
content: "\e695";
|
||
|
}
|
||
|
.ic_deletepic_fill:before {
|
||
|
content: "\e68f";
|
||
|
}
|
||
|
.ic_uploadpic_line:before {
|
||
|
content: "\e68e";
|
||
|
}
|
||
|
.ic_toastcheck_fill:before {
|
||
|
content: "\e664";
|
||
|
}
|
||
|
.ic_toasterror_fill:before {
|
||
|
content: "\e661";
|
||
|
}
|
||
|
.ic_toastwarn_fill:before {
|
||
|
content: "\e662";
|
||
|
}
|
||
|
.ic_tosatwarn_line:before {
|
||
|
content: "\e663";
|
||
|
}
|
||
|
.ic_tosatcheck_line:before {
|
||
|
content: "\e65f";
|
||
|
}
|
||
|
.ic_tosaterror_line:before {
|
||
|
content: "\e660";
|
||
|
}
|
||
|
.ic_arrowright_line:before {
|
||
|
content: "\e65d";
|
||
|
}
|
||
|
.ic_arrowleft_line:before {
|
||
|
content: "\e65e";
|
||
|
}
|
||
|
.ic_scan_line:before {
|
||
|
content: "\e658";
|
||
|
}
|
||
|
.ic_minus_fill:before {
|
||
|
content: "\e65b";
|
||
|
}
|
||
|
.ic_help_fill:before {
|
||
|
content: "\e65c";
|
||
|
}
|
||
|
.ic_add_fill:before {
|
||
|
content: "\e64b";
|
||
|
}
|
||
|
.ic_warn_fill:before {
|
||
|
content: "\e64e";
|
||
|
}
|
||
|
.ic_info_fill:before {
|
||
|
content: "\e657";
|
||
|
}
|
||
|
.ic_close_fill:before {
|
||
|
content: "\e659";
|
||
|
}
|
||
|
.ic_deletekeyboard_fill:before {
|
||
|
content: "\e65a";
|
||
|
}
|
||
|
.ic_tagup_fill:before {
|
||
|
content: "\e683";
|
||
|
}
|
||
|
.ic_arrowup_line:before {
|
||
|
content: "\e684";
|
||
|
}
|
||
|
.ic_close_line:before {
|
||
|
content: "\e685";
|
||
|
}
|
||
|
.ic_cate_line:before {
|
||
|
content: "\e688";
|
||
|
}
|
||
|
.ic_add_line:before {
|
||
|
content: "\e689";
|
||
|
}
|
||
|
.ic_eyeclose_line:before {
|
||
|
content: "\e68a";
|
||
|
}
|
||
|
.ic_check_fill:before {
|
||
|
content: "\e68b";
|
||
|
}
|
||
|
.ic_arrowdown_line:before {
|
||
|
content: "\e68c";
|
||
|
}
|
||
|
.ic_visible_line:before {
|
||
|
content: "\e670";
|
||
|
}
|
||
|
.ic_circlewarn_line:before {
|
||
|
content: "\e671";
|
||
|
}
|
||
|
.ic_phone_line:before {
|
||
|
content: "\e672";
|
||
|
}
|
||
|
.ic_safe_line:before {
|
||
|
content: "\e673";
|
||
|
}
|
||
|
.ic_invisible_line:before {
|
||
|
content: "\e674";
|
||
|
}
|
||
|
.ic_circleminus_line:before {
|
||
|
content: "\e675";
|
||
|
}
|
||
|
.ic_lock_line:before {
|
||
|
content: "\e676";
|
||
|
}
|
||
|
.ic_minus_line:before {
|
||
|
content: "\e677";
|
||
|
}
|
||
|
.ic_search_line:before {
|
||
|
content: "\e678";
|
||
|
}
|
||
|
.ic_info_line:before {
|
||
|
content: "\e679";
|
||
|
}
|
||
|
.ic_deletekeyboard_line:before {
|
||
|
content: "\e67a";
|
||
|
}
|
||
|
.ic_right_line:before {
|
||
|
content: "\e67b";
|
||
|
}
|
||
|
.ic_check_line:before {
|
||
|
content: "\e67c";
|
||
|
}
|
||
|
.ic_eyeopen_line:before {
|
||
|
content: "\e67d";
|
||
|
}
|
||
|
.ic_tagdown_fill:before {
|
||
|
content: "\e67e";
|
||
|
}
|
||
|
.ic_help_line:before {
|
||
|
content: "\e67f";
|
||
|
}
|
||
|
.ic_list_line:before {
|
||
|
content: "\e680";
|
||
|
}
|
||
|
.ic_circleclose_line:before {
|
||
|
content: "\e681";
|
||
|
}
|
||
|
.ic_checkuncheck_line:before {
|
||
|
content: "\e682";
|
||
|
}
|
||
|
.ic_voice_fill2:before {
|
||
|
content: "\e649";
|
||
|
}
|
||
|
.ic_voice_line2:before {
|
||
|
content: "\e64a";
|
||
|
}
|
||
|
.ic_address_line1:before {
|
||
|
content: "\e64c";
|
||
|
}
|
||
|
.ic_collection_line1:before {
|
||
|
content: "\e64d";
|
||
|
}
|
||
|
.ic_me_line1:before {
|
||
|
content: "\e64f";
|
||
|
}
|
||
|
.ic_right_fill1:before {
|
||
|
content: "\e650";
|
||
|
}
|
||
|
.ic_message_line1:before {
|
||
|
content: "\e651";
|
||
|
}
|
||
|
.ic_disable_line:before {
|
||
|
content: "\e652";
|
||
|
}
|
||
|
.ic_time_line2:before {
|
||
|
content: "\e653";
|
||
|
}
|
||
|
.ic_upload_line:before {
|
||
|
content: "\e654";
|
||
|
}
|
||
|
.ic_edit_line:before {
|
||
|
content: "\e655";
|
||
|
}
|
||
|
.ic_shutdown_line:before {
|
||
|
content: "\e656";
|
||
|
}
|
||
|
.ic_delete_line:before {
|
||
|
content: "\e641";
|
||
|
}
|
||
|
.ic_daifukuan_line:before {
|
||
|
content: "\e642";
|
||
|
}
|
||
|
.ic_copy_line:before {
|
||
|
content: "\e643";
|
||
|
}
|
||
|
.ic_more_fill1:before {
|
||
|
content: "\e644";
|
||
|
}
|
||
|
.ic_down_fill1:before {
|
||
|
content: "\e645";
|
||
|
}
|
||
|
.ic_switch_line:before {
|
||
|
content: "\e646";
|
||
|
}
|
||
|
.ic_refresh_line:before {
|
||
|
content: "\e647";
|
||
|
}
|
||
|
.ic_more_line1:before {
|
||
|
content: "\e648";
|
||
|
}
|
||
|
.ic_down_fill:before {
|
||
|
content: "\e62f";
|
||
|
}
|
||
|
.ic_setup_fill:before {
|
||
|
content: "\e630";
|
||
|
}
|
||
|
.ic_me_fill:before {
|
||
|
content: "\e631";
|
||
|
}
|
||
|
.ic_time_fill:before {
|
||
|
content: "\e632";
|
||
|
}
|
||
|
.ic_left_fill:before {
|
||
|
content: "\e633";
|
||
|
}
|
||
|
.ic_right_fill:before {
|
||
|
content: "\e634";
|
||
|
}
|
||
|
.ic_address_fill:before {
|
||
|
content: "\e635";
|
||
|
}
|
||
|
.ic_more_fill:before {
|
||
|
content: "\e636";
|
||
|
}
|
||
|
.ic_home_fill:before {
|
||
|
content: "\e637";
|
||
|
}
|
||
|
.ic_screen_fill:before {
|
||
|
content: "\e638";
|
||
|
}
|
||
|
.ic_voice_fill:before {
|
||
|
content: "\e639";
|
||
|
}
|
||
|
.ic_shoppingcart_fill:before {
|
||
|
content: "\e63a";
|
||
|
}
|
||
|
.ic_collection_fill:before {
|
||
|
content: "\e63b";
|
||
|
}
|
||
|
.ic_sort_fill:before {
|
||
|
content: "\e63c";
|
||
|
}
|
||
|
.ic_up_fill:before {
|
||
|
content: "\e63d";
|
||
|
}
|
||
|
.ic_more_line:before {
|
||
|
content: "\e623";
|
||
|
}
|
||
|
.ic_setup_line:before {
|
||
|
content: "\e625";
|
||
|
}
|
||
|
.ic_screen_line:before {
|
||
|
content: "\e628";
|
||
|
}
|
||
|
.ic_customerservice:before {
|
||
|
content: "\e629";
|
||
|
}
|
||
|
.ic_voice_line1:before {
|
||
|
content: "\e62b";
|
||
|
}
|
||
|
.ic_sort_line:before {
|
||
|
content: "\e62e";
|
||
|
}
|
||
|
.u-line-1 {
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
display: -webkit-box !important;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
word-break: break-all;
|
||
|
-webkit-line-clamp: 1;
|
||
|
-webkit-box-orient: vertical !important;
|
||
|
}
|
||
|
.u-line-2 {
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
display: -webkit-box !important;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
word-break: break-all;
|
||
|
-webkit-line-clamp: 2;
|
||
|
-webkit-box-orient: vertical !important;
|
||
|
}
|
||
|
.u-line-3 {
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
display: -webkit-box !important;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
word-break: break-all;
|
||
|
-webkit-line-clamp: 3;
|
||
|
-webkit-box-orient: vertical !important;
|
||
|
}
|
||
|
.u-line-4 {
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
display: -webkit-box !important;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
word-break: break-all;
|
||
|
-webkit-line-clamp: 4;
|
||
|
-webkit-box-orient: vertical !important;
|
||
|
}
|
||
|
.u-line-5 {
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
display: -webkit-box !important;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
word-break: break-all;
|
||
|
-webkit-line-clamp: 5;
|
||
|
-webkit-box-orient: vertical !important;
|
||
|
}
|
||
|
.u-border {
|
||
|
border-width: 0.5px !important;
|
||
|
border-color: #dadbde !important;
|
||
|
border-style: solid;
|
||
|
}
|
||
|
.u-border-top {
|
||
|
border-top-width: 0.5px !important;
|
||
|
border-color: #dadbde !important;
|
||
|
border-top-style: solid;
|
||
|
}
|
||
|
.u-border-left {
|
||
|
border-left-width: 0.5px !important;
|
||
|
border-color: #dadbde !important;
|
||
|
border-left-style: solid;
|
||
|
}
|
||
|
.u-border-right {
|
||
|
border-right-width: 0.5px !important;
|
||
|
border-color: #dadbde !important;
|
||
|
border-right-style: solid;
|
||
|
}
|
||
|
.u-border-bottom {
|
||
|
border-bottom-width: 0.5px !important;
|
||
|
border-color: #dadbde !important;
|
||
|
border-bottom-style: solid;
|
||
|
}
|
||
|
.u-border-top-bottom {
|
||
|
border-top-width: 0.5px !important;
|
||
|
border-bottom-width: 0.5px !important;
|
||
|
border-color: #dadbde !important;
|
||
|
border-top-style: solid;
|
||
|
border-bottom-style: solid;
|
||
|
}
|
||
|
.u-reset-button {
|
||
|
padding: 0;
|
||
|
background-color: transparent;
|
||
|
|
||
|
font-size: inherit;
|
||
|
line-height: inherit;
|
||
|
color: inherit;
|
||
|
}
|
||
|
.u-reset-button::after {
|
||
|
border: none;
|
||
|
}
|
||
|
.u-hover-class {
|
||
|
opacity: 0.7;
|
||
|
}
|
||
|
.u-primary-light {
|
||
|
color: #ecf5ff;
|
||
|
}
|
||
|
.u-warning-light {
|
||
|
color: #fdf6ec;
|
||
|
}
|
||
|
.u-success-light {
|
||
|
color: #f5fff0;
|
||
|
}
|
||
|
.u-error-light {
|
||
|
color: #fef0f0;
|
||
|
}
|
||
|
.u-info-light {
|
||
|
color: #f4f4f5;
|
||
|
}
|
||
|
.u-primary-light-bg {
|
||
|
background-color: #ecf5ff;
|
||
|
}
|
||
|
.u-warning-light-bg {
|
||
|
background-color: #fdf6ec;
|
||
|
}
|
||
|
.u-success-light-bg {
|
||
|
background-color: #f5fff0;
|
||
|
}
|
||
|
.u-error-light-bg {
|
||
|
background-color: #fef0f0;
|
||
|
}
|
||
|
.u-info-light-bg {
|
||
|
background-color: #f4f4f5;
|
||
|
}
|
||
|
.u-primary-dark {
|
||
|
color: #398ade;
|
||
|
}
|
||
|
.u-warning-dark {
|
||
|
color: #f1a532;
|
||
|
}
|
||
|
.u-success-dark {
|
||
|
color: #53c21d;
|
||
|
}
|
||
|
.u-error-dark {
|
||
|
color: #e45656;
|
||
|
}
|
||
|
.u-info-dark {
|
||
|
color: #767a82;
|
||
|
}
|
||
|
.u-primary-dark-bg {
|
||
|
background-color: #398ade;
|
||
|
}
|
||
|
.u-warning-dark-bg {
|
||
|
background-color: #f1a532;
|
||
|
}
|
||
|
.u-success-dark-bg {
|
||
|
background-color: #53c21d;
|
||
|
}
|
||
|
.u-error-dark-bg {
|
||
|
background-color: #e45656;
|
||
|
}
|
||
|
.u-info-dark-bg {
|
||
|
background-color: #767a82;
|
||
|
}
|
||
|
.u-primary-disabled {
|
||
|
color: #9acafc;
|
||
|
}
|
||
|
.u-warning-disabled {
|
||
|
color: #f9d39b;
|
||
|
}
|
||
|
.u-success-disabled {
|
||
|
color: #a9e08f;
|
||
|
}
|
||
|
.u-error-disabled {
|
||
|
color: #f7b2b2;
|
||
|
}
|
||
|
.u-info-disabled {
|
||
|
color: #c4c6c9;
|
||
|
}
|
||
|
.u-primary {
|
||
|
color: #3c9cff;
|
||
|
}
|
||
|
.u-warning {
|
||
|
color: #f9ae3d;
|
||
|
}
|
||
|
.u-success {
|
||
|
color: #5ac725;
|
||
|
}
|
||
|
.u-error {
|
||
|
color: #f56c6c;
|
||
|
}
|
||
|
.u-info {
|
||
|
color: #909399;
|
||
|
}
|
||
|
.u-primary-bg {
|
||
|
background-color: #3c9cff;
|
||
|
}
|
||
|
.u-warning-bg {
|
||
|
background-color: #f9ae3d;
|
||
|
}
|
||
|
.u-success-bg {
|
||
|
background-color: #5ac725;
|
||
|
}
|
||
|
.u-error-bg {
|
||
|
background-color: #f56c6c;
|
||
|
}
|
||
|
.u-info-bg {
|
||
|
background-color: #909399;
|
||
|
}
|
||
|
.u-main-color {
|
||
|
color: #303133;
|
||
|
}
|
||
|
.u-content-color {
|
||
|
color: #606266;
|
||
|
}
|
||
|
.u-tips-color {
|
||
|
color: #909193;
|
||
|
}
|
||
|
.u-light-color {
|
||
|
color: #c0c4cc;
|
||
|
}
|
||
|
.u-safe-area-inset-top {
|
||
|
padding-top: 0;
|
||
|
padding-top: constant(safe-area-inset-top);
|
||
|
padding-top: env(safe-area-inset-top);
|
||
|
}
|
||
|
.u-safe-area-inset-right {
|
||
|
padding-right: 0;
|
||
|
padding-right: constant(safe-area-inset-right);
|
||
|
padding-right: env(safe-area-inset-right);
|
||
|
}
|
||
|
.u-safe-area-inset-bottom {
|
||
|
padding-bottom: 0;
|
||
|
padding-bottom: constant(safe-area-inset-bottom);
|
||
|
padding-bottom: env(safe-area-inset-bottom);
|
||
|
}
|
||
|
.u-safe-area-inset-left {
|
||
|
padding-left: 0;
|
||
|
padding-left: constant(safe-area-inset-left);
|
||
|
padding-left: env(safe-area-inset-left);
|
||
|
}
|
||
|
::-webkit-scrollbar {
|
||
|
display: none;
|
||
|
width: 0 !important;
|
||
|
height: 0 !important;
|
||
|
-webkit-appearance: none;
|
||
|
background: transparent;
|
||
|
}
|
||
|
/*每个页面公共css */
|
||
|
page {
|
||
|
background-color: #F5F5F6;
|
||
|
}page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}
|