| ¶Ô±ÈÐÂÎļþ |
| | |
| | | @charset "UTF-8"; |
| | | /** |
| | | * è¿éæ¯uni-appå
ç½®çå¸¸ç¨æ ·å¼åé |
| | | * |
| | | * uni-app 宿¹æ©å±æä»¶åæä»¶å¸åºï¼https://ext.dcloud.net.cnï¼ä¸å¾å¤ä¸æ¹æä»¶å使ç¨äºè¿äºæ ·å¼åé |
| | | * å¦æä½ æ¯æä»¶å¼åè
ï¼å»ºè®®ä½ 使ç¨scssé¢å¤çï¼å¹¶å¨æä»¶ä»£ç ä¸ç´æ¥ä½¿ç¨è¿äºåéï¼æ é import è¿ä¸ªæä»¶ï¼ï¼æ¹ä¾¿ç¨æ·éè¿æç§¯æ¨çæ¹å¼å¼åæ´ä½é£æ ¼ä¸è´çApp |
| | | * |
| | | */ |
| | | /** |
| | | * å¦æä½ æ¯Appå¼åè
ï¼æä»¶ä½¿ç¨è
ï¼ï¼ä½ å¯ä»¥éè¿ä¿®æ¹è¿äºå鿥å®å¶èªå·±çæä»¶ä¸»é¢ï¼å®ç°èªå®ä¹ä¸»é¢åè½ |
| | | * |
| | | * å¦æä½ ç项ç®åæ ·ä½¿ç¨äºscssé¢å¤çï¼ä½ ä¹å¯ä»¥ç´æ¥å¨ä½ ç scss 代ç ä¸ä½¿ç¨å¦ä¸åéï¼åæ¶æ é import è¿ä¸ªæä»¶ |
| | | */ |
| | | /* uni.scss */ |
| | | /* é¢è²åé */ |
| | | /* è¡ä¸ºç¸å
³é¢è² */ |
| | | /* æååºæ¬é¢è² */ |
| | | /* èæ¯é¢è² */ |
| | | /* è¾¹æ¡é¢è² */ |
| | | /* 尺寸åé */ |
| | | /* æå尺寸 */ |
| | | /* å¾ç尺寸 */ |
| | | /* Border Radius */ |
| | | /* æ°´å¹³é´è· */ |
| | | /* åç´é´è· */ |
| | | /* éæåº¦ */ |
| | | /* æç« åºæ¯ç¸å
³ */ |
| | | .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; |
| | | } |
| | | .toast-custom { |
| | | width: 500px !important; |
| | | font-size: 14px !important; |
| | | } |
| | | /*æ¯ä¸ªé¡µé¢å
Œ
±css */ |
| | | .tc { |
| | | width: calc(100vw - 148rpx); |
| | | } |
| | | .tc .tc-btn { |
| | | width: 100%; |
| | | height: 102rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | border-top: 1rpx solid #EEEEEE; |
| | | } |
| | | .tc .tc-btn .tc-btn-item { |
| | | flex: 1; |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-weight: 400; |
| | | font-size: 32rpx; |
| | | color: #666666; |
| | | border-right: 1rpx solid #EEEEEE; |
| | | } |
| | | .tc .tc-btn .tc-btn-item:last-child { |
| | | border: none !important; |
| | | } |
| | | .tc .tc-contemt { |
| | | width: 100%; |
| | | padding: 40rpx 0; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | flex-direction: column; |
| | | } |
| | | .tc .tc-contemt .tc-contemt-title { |
| | | width: 100%; |
| | | text-align: center; |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #111111; |
| | | } |
| | | .tc .tc-contemt .tc-contemt-nr { |
| | | width: 472rpx; |
| | | text-align: center; |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | margin-top: 40rpx; |
| | | } |
| | | .nomore { |
| | | margin-top: 30rpx; |
| | | width: 100%; |
| | | text-align: center; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | } |
| | | .phone { |
| | | width: 100%; |
| | | padding-top: 40rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .phone .phone-botton { |
| | | width: 100%; |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | text-align: center; |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | background: #00BC12; |
| | | border-radius: 44rpx; |
| | | margin-top: 60rpx; |
| | | } |
| | | .phone .phone-head { |
| | | width: 100%; |
| | | text-align: center; |
| | | justify-content: space-between; |
| | | margin-bottom: 40rpx; |
| | | } |
| | | .phone .phone-head text { |
| | | font-weight: 800; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .phone .phone-item { |
| | | width: 100%; |
| | | text-align: center; |
| | | display: flex; |
| | | justify-content: center; |
| | | flex-direction: column; |
| | | line-height: 78rpx; |
| | | } |
| | | .phone .phone-item button { |
| | | border: 1rpx white solid; |
| | | display: inline; |
| | | width: 300rpx; |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | line-height: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .phone .phone-item image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 30rpx; |
| | | } |
| | | .phone .phone-item .line { |
| | | width: 100%; |
| | | height: 1rpx; |
| | | background-color: #f2f2f2; |
| | | } |
| | | .phone .phone-item text { |
| | | font-weight: 500; |
| | | font-size: 28rpx; |
| | | line-height: 28rpx; |
| | | color: #222222; |
| | | } |
| | | |