| ¶Ô±ÈÐÂÎļþ |
| | |
| | | @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; |
| | | } |
| | | |