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.
583 lines
10 KiB
583 lines
10 KiB
/** |
|
* 这里是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; |
|
} |
|
input { |
|
font-size: 28rpx; |
|
} |
|
/*每个页面公共css */ |
|
page { |
|
background-color: #F5F5F6; |
|
background-repeat: no-repeat; |
|
background-size: 100% 100%; |
|
} |
|
.golink { |
|
color: #0086F1 !important; |
|
text-decoration: underline; |
|
}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;} |