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.
596 lines
11 KiB
596 lines
11 KiB
@charset "UTF-8";
|
|
/**
|
|
* 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量
|
|
* uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用
|
|
*/
|
|
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
|
|
@font-face {
|
|
font-family: 'iconfont'; /* Project id 4212830 */
|
|
src: url('https://at.alicdn.com/t/c/font_4212830_45v606t4qri.woff2?t=1692205085198') format('woff2'),
|
|
url('https://at.alicdn.com/t/c/font_4212830_45v606t4qri.woff?t=1692205085198') format('woff'),
|
|
url('https://at.alicdn.com/t/c/font_4212830_45v606t4qri.ttf?t=1692205085198') format('truetype')
|
|
}
|
|
.iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: 32rpx;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.icon-xiangqingmingxi:before {
|
|
content: "\e6e3";
|
|
}
|
|
.icon-zhanghuxiangqing:before {
|
|
content: "\e605";
|
|
}
|
|
.icon-huodongliebiao:before {
|
|
content: "\e61d";
|
|
}
|
|
.icon-liebiao:before {
|
|
content: "\ecae";
|
|
}
|
|
.icon-zhexiantu:before {
|
|
content: "\e683";
|
|
}
|
|
.icon-zhexiantu2:before {
|
|
content: "\e70d";
|
|
}
|
|
.icon-wenjianliebiao:before {
|
|
content: "\e6fa";
|
|
}
|
|
.icon-xiangqing:before {
|
|
content: "\e639";
|
|
}
|
|
.icon-huaban:before {
|
|
content: "\e610";
|
|
}
|
|
.icon-jiandingchuzhitongji:before {
|
|
content: "\e640";
|
|
}
|
|
.icon-shoujilaoshijinkutongji:before {
|
|
content: "\e644";
|
|
}
|
|
.icon-zhexiantu1:before {
|
|
content: "\e6d0";
|
|
}
|
|
.icon-jingxiaoshangtongjibaobiao:before {
|
|
content: "\eaa1";
|
|
}
|
|
.icon-yunyingshujutongji:before {
|
|
content: "\eaa2";
|
|
}
|
|
.icon-tongji_1:before {
|
|
content: "\e617";
|
|
}
|
|
.icon-iPhone8Copy10:before {
|
|
content: "\e604";
|
|
}
|
|
.icon-yonghuhuankuanbaobiao:before {
|
|
content: "\e7cc";
|
|
}
|
|
.icon-qian:before {
|
|
content: "\e64b";
|
|
}
|
|
.icon-jinpai:before {
|
|
content: "\e60f";
|
|
}
|
|
.icon-kehuliebiao:before {
|
|
content: "\e616";
|
|
}
|
|
.icon-jine:before {
|
|
content: "\f2a4";
|
|
}
|
|
.icon-zidongbukucun:before {
|
|
content: "\e614";
|
|
}
|
|
.icon-yuangongguanli:before {
|
|
content: "\e620";
|
|
}
|
|
.icon-shouyetianchong:before {
|
|
content: "\e692";
|
|
}
|
|
.icon-youhuiquan01:before {
|
|
content: "\e62f";
|
|
}
|
|
.icon-zongshuju:before {
|
|
content: "\e66f";
|
|
}
|
|
.icon-rest-income:before {
|
|
content: "\e618";
|
|
}
|
|
.icon-xindekehuyong:before {
|
|
content: "\e664";
|
|
}
|
|
.icon-xiaoshou:before {
|
|
content: "\e656";
|
|
}
|
|
.icon-xiaoshoutixi:before {
|
|
content: "\e68c";
|
|
}
|
|
.icon-xiaoshouyuce:before {
|
|
content: "\e66c";
|
|
}
|
|
.icon-chongzhifanxian:before {
|
|
content: "\e626";
|
|
}
|
|
.icon-svg-:before {
|
|
content: "\e624";
|
|
}
|
|
.icon-svg-1:before {
|
|
content: "\e625";
|
|
}
|
|
.icon-kucun-:before {
|
|
content: "\e609";
|
|
}
|
|
.icon-yuangong:before {
|
|
content: "\ea3f";
|
|
}
|
|
.icon-shouru:before {
|
|
content: "\e681";
|
|
}
|
|
.icon-zhichu:before {
|
|
content: "\e682";
|
|
}
|
|
.icon-shouru1:before {
|
|
content: "\e686";
|
|
}
|
|
.icon-zhichu1:before {
|
|
content: "\e688";
|
|
}
|
|
.icon-zongshouru:before {
|
|
content: "\e613";
|
|
}
|
|
.icon-shouruyucebaobiao:before {
|
|
content: "\e60a";
|
|
}
|
|
.icon-feiyongzhichu:before {
|
|
content: "\e607";
|
|
}
|
|
.icon-shouru2:before {
|
|
content: "\100c9";
|
|
}
|
|
.icon-zhichudengji:before {
|
|
content: "\e805";
|
|
}
|
|
.icon-shouru3:before {
|
|
content: "\10127";
|
|
}
|
|
.icon-geren:before {
|
|
content: "\e680";
|
|
}
|
|
.uni-forms-item__content {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.u-tag__text {
|
|
font-size: 22rpx;
|
|
padding: 0 10rpx;
|
|
}
|
|
.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: #4ce4ab;
|
|
}
|
|
.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: #4ce4ab;
|
|
}
|
|
.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: #5fd9ee;
|
|
}
|
|
.u-warning {
|
|
color: #f9ae3d;
|
|
}
|
|
.u-success {
|
|
color: #5ac725;
|
|
}
|
|
.u-error {
|
|
color: #f56c6c;
|
|
}
|
|
.u-info {
|
|
color: #909399;
|
|
}
|
|
.u-primary-bg {
|
|
background-color: #5fd9ee;
|
|
}
|
|
.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;
|
|
}
|
|
.u-flex,
|
|
.u-flex-row,
|
|
.u-flex-x {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.u-flex-y,
|
|
.u-flex-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.u-flex-x-center {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
.u-flex-xy-center {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.u-flex-y-center {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.u-flex-x-left {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.u-flex-x-reverse,
|
|
.u-flex-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.u-flex-y-reverse,
|
|
.u-flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.u-flex.u-flex-reverse,
|
|
.u-flex-row.u-flex-reverse,
|
|
.u-flex-x.u-flex-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.u-flex-column.u-flex-reverse,
|
|
.u-flex-y.u-flex-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.u-flex-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.u-margin-top-auto,
|
|
.u-m-t-auto {
|
|
margin-top: auto !important;
|
|
}
|
|
.u-margin-right-auto,
|
|
.u-m-r-auto {
|
|
margin-right: auto !important;
|
|
}
|
|
.u-margin-bottom-auto,
|
|
.u-m-b-auto {
|
|
margin-bottom: auto !important;
|
|
}
|
|
.u-margin-left-auto,
|
|
.u-m-l-auto {
|
|
margin-left: auto !important;
|
|
}
|
|
.u-margin-center-auto,
|
|
.u-m-c-auto {
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
.u-margin-middle-auto,
|
|
.u-m-m-auto {
|
|
margin-top: auto !important;
|
|
margin-bottom: auto !important;
|
|
}
|
|
.u-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.u-flex-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.u-flex-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.u-flex-center {
|
|
justify-content: center;
|
|
}
|
|
.u-flex-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.u-flex-between {
|
|
justify-content: space-between;
|
|
}
|
|
.u-flex-around {
|
|
justify-content: space-around;
|
|
}
|
|
.u-flex-items-start {
|
|
align-items: flex-start;
|
|
}
|
|
.u-flex-items-center {
|
|
align-items: center;
|
|
}
|
|
.u-flex-items-end {
|
|
align-items: flex-end;
|
|
}
|
|
.u-flex-items-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.u-flex-items-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.u-flex-self-start {
|
|
align-self: flex-start;
|
|
}
|
|
.u-flex-self-center {
|
|
align-self: center;
|
|
}
|
|
.u-flex-self-end {
|
|
align-self: flex-end;
|
|
}
|
|
.u-flex-self-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.u-flex-self-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.u-flex-content-start {
|
|
align-content: flex-start;
|
|
}
|
|
.u-flex-content-center {
|
|
align-content: center;
|
|
}
|
|
.u-flex-content-end {
|
|
align-content: flex-end;
|
|
}
|
|
.u-flex-content-between {
|
|
align-content: space-between;
|
|
}
|
|
.u-flex-content-around {
|
|
align-content: space-around;
|
|
}
|
|
.u-flex-middle {
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-self: center;
|
|
align-content: center;
|
|
}
|
|
.u-flex-grow {
|
|
flex-grow: 1;
|
|
}
|
|
.u-flex-shrink {
|
|
flex-shrink: 1;
|
|
}
|
|
/**
|
|
* 1、nuve中写css样式时的注意事项: https://uniapp.dcloud.io/tutorial/nvue-css.html
|
|
* 2、rpx 与 px 单位使用约定
|
|
* 注意只有当你需要某元素的单位要根据屏幕宽度（小范围）大小变化时，才需要rpx这类动态宽度单位。
|
|
* 一般情况下高度和字体大小是不应该根据屏幕宽度（等比）变化的。所以高度和字体统一都使用px
|
|
*/
|
|
page {
|
|
background: #f3f4f6;
|
|
color: #303133;
|
|
font-size: 14px;
|
|
}
|
|
.u-page {
|
|
padding: 15px 15px 40px 15px;
|
|
}
|
|
view,
|
|
navigator,
|
|
image,
|
|
text,
|
|
scroll-view,
|
|
swiper,
|
|
swiper-item,
|
|
input,
|
|
textarea,
|
|
button {
|
|
box-sizing: border-box;
|
|
}
|
|
/* 文字避头尾法则 */
|
|
.btw {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
word-break: normal;
|
|
text-align: justify;
|
|
text-justify: inter-ideograph;
|
|
}
|
|
.bg-white {
|
|
background: #fff;
|
|
}
|
|
.font-weight {
|
|
font-weight: bold;
|
|
}
|
|
.img-radius {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
|