diff --git a/colorui/main.scss b/colorui/main.scss
index c930d65..9ea58f6 100644
--- a/colorui/main.scss
+++ b/colorui/main.scss
@@ -1,9 +1,9 @@
/*
ColorUi for uniApp v2.1.6 | by 文晓港 2019-05-31 10:44:24
- 仅供学习交流，如作它用所承受的法律责任一概与作者无关
-
- *使用ColorUi开发扩展与插件时，请注明基于ColorUi开发
-
+ 仅供学习交流，如作它用所承受的法律责任一概与作者无关
+
+ *使用ColorUi开发扩展与插件时，请注明基于ColorUi开发
+
（QQ交流群：240787041）
*/
@@ -11,10 +11,10 @@
初始化
==================== */
body {
- background-color: $ghostWhite;
- font-size: 28upx;
- color: $black;
- font-family: Helvetica Neue, Helvetica, sans-serif;
+ background-color: #f1f1f1;
+ font-size: 28upx;
+ color: #333333;
+ font-family: Helvetica Neue, Helvetica, sans-serif;
}
view,
@@ -26,15 +26,15 @@ textarea,
label,
navigator,
image {
- box-sizing: border-box;
+ box-sizing: border-box;
}
.round {
- border-radius: 5000upx;
+ border-radius: 5000upx;
}
.radius {
- border-radius: 6upx;
+ border-radius: 6upx;
}
/* ==================
@@ -42,44 +42,44 @@ image {
==================== */
image {
- max-width: 100%;
- display: inline-block;
- position: relative;
- z-index: 0;
+ max-width: 100%;
+ display: inline-block;
+ position: relative;
+ z-index: 0;
}
image.loading::before {
- content: "";
- background-color: #f5f5f5;
- display: block;
- position: absolute;
- width: 100%;
- height: 100%;
- z-index: -2;
+ content: '';
+ background-color: #f5f5f5;
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: -2;
}
image.loading::after {
- content: "\e7f1";
- font-family: "cuIcon";
- position: absolute;
- top: 0;
- left: 0;
- width: 32upx;
- height: 32upx;
- line-height: 32upx;
- right: 0;
- bottom: 0;
- z-index: -1;
- font-size: 32upx;
- margin: auto;
- color: #ccc;
- -webkit-animation: cuIcon-spin 2s infinite linear;
- animation: cuIcon-spin 2s infinite linear;
- display: block;
+ content: '\e7f1';
+ font-family: 'cuIcon';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 32upx;
+ height: 32upx;
+ line-height: 32upx;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+ font-size: 32upx;
+ margin: auto;
+ color: #ccc;
+ -webkit-animation: cuIcon-spin 2s infinite linear;
+ animation: cuIcon-spin 2s infinite linear;
+ display: block;
}
.response {
- width: 100%;
+ width: 100%;
}
/* ==================
@@ -89,135 +89,133 @@ image.loading::after {
switch,
checkbox,
radio {
- position: relative;
+ position: relative;
}
switch::after,
switch::before {
- font-family: "cuIcon";
- content: "\e645";
- position: absolute;
- color: #ffffff !important;
- top: 0%;
- left: 0upx;
- font-size: 26upx;
- line-height: 26px;
- width: 50%;
- text-align: center;
- pointer-events: none;
- transform: scale(0, 0);
- transition: all 0.3s ease-in-out 0s;
- z-index: 9;
- bottom: 0;
- height: 26px;
- margin: auto;
+ font-family: 'cuIcon';
+ content: '\e645';
+ position: absolute;
+ color: #ffffff !important;
+ top: 0%;
+ left: 0upx;
+ font-size: 26upx;
+ line-height: 26px;
+ width: 50%;
+ text-align: center;
+ pointer-events: none;
+ transform: scale(0, 0);
+ transition: all 0.3s ease-in-out 0s;
+ z-index: 9;
+ bottom: 0;
+ height: 26px;
+ margin: auto;
}
switch::before {
- content: "\e646";
- right: 0;
- transform: scale(1, 1);
- left: auto;
+ content: '\e646';
+ right: 0;
+ transform: scale(1, 1);
+ left: auto;
}
switch[checked]::after,
switch.checked::after {
- transform: scale(1, 1);
+ transform: scale(1, 1);
}
switch[checked]::before,
switch.checked::before {
- transform: scale(0, 0);
+ transform: scale(0, 0);
}
/* #ifndef MP-ALIPAY */
radio::before,
checkbox::before {
- font-family: "cuIcon";
- content: "\e645";
- position: absolute;
- color: #ffffff !important;
- top: 50%;
- margin-top: -8px;
- right: 5px;
- font-size: 32upx;
- line-height: 16px;
- pointer-events: none;
- transform: scale(1, 1);
- transition: all 0.3s ease-in-out 0s;
- z-index: 9;
+ font-family: 'cuIcon';
+ content: '\e645';
+ position: absolute;
+ color: #ffffff !important;
+ top: 50%;
+ margin-top: -8px;
+ right: 5px;
+ font-size: 32upx;
+ line-height: 16px;
+ pointer-events: none;
+ transform: scale(1, 1);
+ transition: all 0.3s ease-in-out 0s;
+ z-index: 9;
}
radio .wx-radio-input,
checkbox .wx-checkbox-input,
radio .uni-radio-input,
checkbox .uni-checkbox-input {
- margin: 0;
- width: 24px;
- height: 24px;
+ margin: 0;
+ width: 24px;
+ height: 24px;
}
checkbox.round .wx-checkbox-input,
checkbox.round .uni-checkbox-input {
- border-radius: 100upx;
+ border-radius: 100upx;
}
/* #endif */
switch[checked]::before {
- transform: scale(0, 0);
+ transform: scale(0, 0);
}
switch .wx-switch-input,
switch .uni-switch-input {
- border: none;
- padding: 0 24px;
- width: 48px;
- height: 26px;
- margin: 0;
- border-radius: 100upx;
+ border: none;
+ padding: 0 24px;
+ width: 48px;
+ height: 26px;
+ margin: 0;
+ border-radius: 100upx;
}
-switch .wx-switch-input:not([class*="bg-"]),
-switch .uni-switch-input:not([class*="bg-"]) {
- background: #8799a3 !important;
+switch .wx-switch-input:not([class*='bg-']),
+switch .uni-switch-input:not([class*='bg-']) {
+ background: #8799a3 !important;
}
switch .wx-switch-input::after,
switch .uni-switch-input::after {
- margin: auto;
- width: 26px;
- height: 26px;
- border-radius: 100upx;
- left: 0upx;
- top: 0upx;
- bottom: 0upx;
- position: absolute;
- transform: scale(0.9, 0.9);
- transition: all 0.1s ease-in-out 0s;
+ margin: auto;
+ width: 26px;
+ height: 26px;
+ border-radius: 100upx;
+ left: 0upx;
+ top: 0upx;
+ bottom: 0upx;
+ position: absolute;
+ transform: scale(0.9, 0.9);
+ transition: all 0.1s ease-in-out 0s;
}
switch .wx-switch-input.wx-switch-input-checked::after,
switch .uni-switch-input.uni-switch-input-checked::after {
- margin: auto;
- left: 22px;
- box-shadow: none;
- transform: scale(0.9, 0.9);
+ margin: auto;
+ left: 22px;
+ box-shadow: none;
+ transform: scale(0.9, 0.9);
}
radio-group {
- display: inline-block;
+ display: inline-block;
}
-
-
switch.radius .wx-switch-input::after,
switch.radius .wx-switch-input,
switch.radius .wx-switch-input::before,
switch.radius .uni-switch-input::after,
switch.radius .uni-switch-input,
switch.radius .uni-switch-input::before {
- border-radius: 10upx;
+ border-radius: 10upx;
}
switch .wx-switch-input::before,
@@ -228,51 +226,51 @@ switch .uni-switch-input::before,
radio.radio::before,
checkbox .uni-checkbox-input::before,
radio .uni-radio-input::before {
- display: none;
+ display: none;
}
radio.radio[checked]::after,
radio.radio .uni-radio-input-checked::after {
- content: "";
- background-color: transparent;
- display: block;
- position: absolute;
- width: 8px;
- height: 8px;
- z-index: 999;
- top: 0upx;
- left: 0upx;
- right: 0;
- bottom: 0;
- margin: auto;
- border-radius: 200upx;
- /* #ifndef MP */
- border: 7px solid #ffffff !important;
- /* #endif */
-
- /* #ifdef MP */
- border: 8px solid #ffffff !important;
- /* #endif */
+ content: '';
+ background-color: transparent;
+ display: block;
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ z-index: 999;
+ top: 0upx;
+ left: 0upx;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ border-radius: 200upx;
+ /* #ifndef MP */
+ border: 7px solid #ffffff !important;
+ /* #endif */
+
+ /* #ifdef MP */
+ border: 8px solid #ffffff !important;
+ /* #endif */
}
.switch-sex::after {
- content: "\e71c";
+ content: '\e71c';
}
.switch-sex::before {
- content: "\e71a";
+ content: '\e71a';
}
.switch-sex .wx-switch-input,
.switch-sex .uni-switch-input {
- background: #e54d42 !important;
- border-color: #e54d42 !important;
+ background: #e54d42 !important;
+ border-color: #e54d42 !important;
}
.switch-sex[checked] .wx-switch-input,
.switch-sex.checked .uni-switch-input {
- background: #0081ff !important;
- border-color: #0081ff !important;
+ background: #0081ff !important;
+ border-color: #0081ff !important;
}
switch.red[checked] .wx-switch-input.wx-switch-input-checked,
@@ -281,9 +279,9 @@ radio.red[checked] .wx-radio-input,
switch.red.checked .uni-switch-input.uni-switch-input-checked,
checkbox.red.checked .uni-checkbox-input,
radio.red.checked .uni-radio-input {
- background-color: #e54d42 !important;
- border-color: #e54d42 !important;
- color: #ffffff !important;
+ background-color: #e54d42 !important;
+ border-color: #e54d42 !important;
+ color: #ffffff !important;
}
switch.orange[checked] .wx-switch-input,
@@ -292,9 +290,9 @@ radio.orange[checked] .wx-radio-input,
switch.orange.checked .uni-switch-input,
checkbox.orange.checked .uni-checkbox-input,
radio.orange.checked .uni-radio-input {
- background-color: #f37b1d !important;
- border-color: #f37b1d !important;
- color: #ffffff !important;
+ background-color: #f37b1d !important;
+ border-color: #f37b1d !important;
+ color: #ffffff !important;
}
switch.yellow[checked] .wx-switch-input,
@@ -303,9 +301,9 @@ radio.yellow[checked] .wx-radio-input,
switch.yellow.checked .uni-switch-input,
checkbox.yellow.checked .uni-checkbox-input,
radio.yellow.checked .uni-radio-input {
- background-color: #fbbd08 !important;
- border-color: #fbbd08 !important;
- color: #333333 !important;
+ background-color: #fbbd08 !important;
+ border-color: #fbbd08 !important;
+ color: #333333 !important;
}
switch.olive[checked] .wx-switch-input,
@@ -314,9 +312,9 @@ radio.olive[checked] .wx-radio-input,
switch.olive.checked .uni-switch-input,
checkbox.olive.checked .uni-checkbox-input,
radio.olive.checked .uni-radio-input {
- background-color: #8dc63f !important;
- border-color: #8dc63f !important;
- color: #ffffff !important;
+ background-color: #8dc63f !important;
+ border-color: #8dc63f !important;
+ color: #ffffff !important;
}
switch.green[checked] .wx-switch-input,
@@ -331,10 +329,10 @@ checkbox.green.checked .uni-checkbox-input,
checkbox.checked .uni-checkbox-input,
radio.green.checked .uni-radio-input,
radio.checked .uni-radio-input {
- background-color: #39b54a !important;
- border-color: #39b54a !important;
- color: #ffffff !important;
- border-color: #39B54A !important;
+ background-color: #39b54a !important;
+ border-color: #39b54a !important;
+ color: #ffffff !important;
+ border-color: #39b54a !important;
}
switch.cyan[checked] .wx-switch-input,
@@ -343,9 +341,9 @@ radio.cyan[checked] .wx-radio-input,
switch.cyan.checked .uni-switch-input,
checkbox.cyan.checked .uni-checkbox-input,
radio.cyan.checked .uni-radio-input {
- background-color: #1cbbb4 !important;
- border-color: #1cbbb4 !important;
- color: #ffffff !important;
+ background-color: #1cbbb4 !important;
+ border-color: #1cbbb4 !important;
+ color: #ffffff !important;
}
switch.blue[checked] .wx-switch-input,
@@ -354,9 +352,9 @@ radio.blue[checked] .wx-radio-input,
switch.blue.checked .uni-switch-input,
checkbox.blue.checked .uni-checkbox-input,
radio.blue.checked .uni-radio-input {
- background-color: #0081ff !important;
- border-color: #0081ff !important;
- color: #ffffff !important;
+ background-color: #0081ff !important;
+ border-color: #0081ff !important;
+ color: #ffffff !important;
}
switch.purple[checked] .wx-switch-input,
@@ -365,9 +363,9 @@ radio.purple[checked] .wx-radio-input,
switch.purple.checked .uni-switch-input,
checkbox.purple.checked .uni-checkbox-input,
radio.purple.checked .uni-radio-input {
- background-color: #6739b6 !important;
- border-color: #6739b6 !important;
- color: #ffffff !important;
+ background-color: #6739b6 !important;
+ border-color: #6739b6 !important;
+ color: #ffffff !important;
}
switch.mauve[checked] .wx-switch-input,
@@ -376,9 +374,9 @@ radio.mauve[checked] .wx-radio-input,
switch.mauve.checked .uni-switch-input,
checkbox.mauve.checked .uni-checkbox-input,
radio.mauve.checked .uni-radio-input {
- background-color: #9c26b0 !important;
- border-color: #9c26b0 !important;
- color: #ffffff !important;
+ background-color: #9c26b0 !important;
+ border-color: #9c26b0 !important;
+ color: #ffffff !important;
}
switch.pink[checked] .wx-switch-input,
@@ -387,9 +385,9 @@ radio.pink[checked] .wx-radio-input,
switch.pink.checked .uni-switch-input,
checkbox.pink.checked .uni-checkbox-input,
radio.pink.checked .uni-radio-input {
- background-color: #e03997 !important;
- border-color: #e03997 !important;
- color: #ffffff !important;
+ background-color: #e03997 !important;
+ border-color: #e03997 !important;
+ color: #ffffff !important;
}
switch.brown[checked] .wx-switch-input,
@@ -398,9 +396,9 @@ radio.brown[checked] .wx-radio-input,
switch.brown.checked .uni-switch-input,
checkbox.brown.checked .uni-checkbox-input,
radio.brown.checked .uni-radio-input {
- background-color: #a5673f !important;
- border-color: #a5673f !important;
- color: #ffffff !important;
+ background-color: #a5673f !important;
+ border-color: #a5673f !important;
+ color: #ffffff !important;
}
switch.grey[checked] .wx-switch-input,
@@ -409,9 +407,9 @@ radio.grey[checked] .wx-radio-input,
switch.grey.checked .uni-switch-input,
checkbox.grey.checked .uni-checkbox-input,
radio.grey.checked .uni-radio-input {
- background-color: #8799a3 !important;
- border-color: #8799a3 !important;
- color: #ffffff !important;
+ background-color: #8799a3 !important;
+ border-color: #8799a3 !important;
+ color: #ffffff !important;
}
switch.gray[checked] .wx-switch-input,
@@ -420,9 +418,9 @@ radio.gray[checked] .wx-radio-input,
switch.gray.checked .uni-switch-input,
checkbox.gray.checked .uni-checkbox-input,
radio.gray.checked .uni-radio-input {
- background-color: #f0f0f0 !important;
- border-color: #f0f0f0 !important;
- color: #333333 !important;
+ background-color: #f0f0f0 !important;
+ border-color: #f0f0f0 !important;
+ color: #333333 !important;
}
switch.black[checked] .wx-switch-input,
@@ -431,9 +429,9 @@ radio.black[checked] .wx-radio-input,
switch.black.checked .uni-switch-input,
checkbox.black.checked .uni-checkbox-input,
radio.black.checked .uni-radio-input {
- background-color: #333333 !important;
- border-color: #333333 !important;
- color: #ffffff !important;
+ background-color: #333333 !important;
+ border-color: #333333 !important;
+ color: #ffffff !important;
}
switch.white[checked] .wx-switch-input,
@@ -442,9 +440,9 @@ radio.white[checked] .wx-radio-input,
switch.white.checked .uni-switch-input,
checkbox.white.checked .uni-checkbox-input,
radio.white.checked .uni-radio-input {
- background-color: #ffffff !important;
- border-color: #ffffff !important;
- color: #333333 !important;
+ background-color: #ffffff !important;
+ border-color: #ffffff !important;
+ color: #333333 !important;
}
/* ==================
@@ -468,7 +466,7 @@ radio.white.checked .uni-radio-input {
.dashed-right,
.dashed-bottom,
.dashed-left {
- position: relative;
+ position: relative;
}
.solid::after,
@@ -486,134 +484,134 @@ radio.white.checked .uni-radio-input {
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
- content: " ";
- width: 200%;
- height: 200%;
- position: absolute;
- top: 0;
- left: 0;
- border-radius: inherit;
- transform: scale(0.5);
- transform-origin: 0 0;
- pointer-events: none;
- box-sizing: border-box;
+ content: ' ';
+ width: 200%;
+ height: 200%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: inherit;
+ transform: scale(0.5);
+ transform-origin: 0 0;
+ pointer-events: none;
+ box-sizing: border-box;
}
.solid::after {
- border: 1upx solid rgba(0, 0, 0, 0.1);
+ border: 1upx solid rgba(0, 0, 0, 0.1);
}
.solid-top::after {
- border-top: 1upx solid rgba(0, 0, 0, 0.1);
+ border-top: 1upx solid rgba(0, 0, 0, 0.1);
}
.solid-right::after {
- border-right: 1upx solid rgba(0, 0, 0, 0.1);
+ border-right: 1upx solid rgba(0, 0, 0, 0.1);
}
.solid-bottom::after {
- border-bottom: 1upx solid rgba(0, 0, 0, 0.1);
+ border-bottom: 1upx solid rgba(0, 0, 0, 0.1);
}
.solid-left::after {
- border-left: 1upx solid rgba(0, 0, 0, 0.1);
+ border-left: 1upx solid rgba(0, 0, 0, 0.1);
}
.solids::after {
- border: 8upx solid #eee;
+ border: 8upx solid #eee;
}
.solids-top::after {
- border-top: 8upx solid #eee;
+ border-top: 8upx solid #eee;
}
.solids-right::after {
- border-right: 8upx solid #eee;
+ border-right: 8upx solid #eee;
}
.solids-bottom::after {
- border-bottom: 8upx solid #eee;
+ border-bottom: 8upx solid #eee;
}
.solids-left::after {
- border-left: 8upx solid #eee;
+ border-left: 8upx solid #eee;
}
/* -- 虚线 -- */
.dashed::after {
- border: 1upx dashed #ddd;
+ border: 1upx dashed #ddd;
}
.dashed-top::after {
- border-top: 1upx dashed #ddd;
+ border-top: 1upx dashed #ddd;
}
.dashed-right::after {
- border-right: 1upx dashed #ddd;
+ border-right: 1upx dashed #ddd;
}
.dashed-bottom::after {
- border-bottom: 1upx dashed #ddd;
+ border-bottom: 1upx dashed #ddd;
}
.dashed-left::after {
- border-left: 1upx dashed #ddd;
+ border-left: 1upx dashed #ddd;
}
/* -- 阴影 -- */
.shadow[class*='white'] {
- --ShadowSize: 0 1upx 6upx;
+ --ShadowSize: 0 1upx 6upx;
}
.shadow-lg {
- --ShadowSize: 0upx 40upx 100upx 0upx;
+ --ShadowSize: 0upx 40upx 100upx 0upx;
}
.shadow-warp {
- position: relative;
- box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1);
+ position: relative;
+ box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1);
}
.shadow-warp:before,
.shadow-warp:after {
- position: absolute;
- content: "";
- top: 20upx;
- bottom: 30upx;
- left: 20upx;
- width: 50%;
- box-shadow: 0 30upx 20upx rgba(0, 0, 0, 0.2);
- transform: rotate(-3deg);
- z-index: -1;
+ position: absolute;
+ content: '';
+ top: 20upx;
+ bottom: 30upx;
+ left: 20upx;
+ width: 50%;
+ box-shadow: 0 30upx 20upx rgba(0, 0, 0, 0.2);
+ transform: rotate(-3deg);
+ z-index: -1;
}
.shadow-warp:after {
- right: 20upx;
- left: auto;
- transform: rotate(3deg);
+ right: 20upx;
+ left: auto;
+ transform: rotate(3deg);
}
.shadow-blur {
- position: relative;
+ position: relative;
}
.shadow-blur::before {
- content: "";
- display: block;
- background: inherit;
- filter: blur(10upx);
- position: absolute;
- width: 100%;
- height: 100%;
- top: 10upx;
- left: 10upx;
- z-index: -1;
- opacity: 0.4;
- transform-origin: 0 0;
- border-radius: inherit;
- transform: scale(1, 1);
+ content: '';
+ display: block;
+ background: inherit;
+ filter: blur(10upx);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 10upx;
+ left: 10upx;
+ z-index: -1;
+ opacity: 0.4;
+ transform-origin: 0 0;
+ border-radius: inherit;
+ transform: scale(1, 1);
}
/* ==================
@@ -621,116 +619,116 @@ radio.white.checked .uni-radio-input {
==================== */
.cu-btn {
- position: relative;
- border: 0upx;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- box-sizing: border-box;
- padding: 0 30upx;
- font-size: 28upx;
- height: 64upx;
- line-height: 1;
- text-align: center;
- text-decoration: none;
- overflow: visible;
- margin-left: initial;
- transform: translate(0upx, 0upx);
- margin-right: initial;
+ position: relative;
+ border: 0upx;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ box-sizing: border-box;
+ padding: 0 30upx;
+ font-size: 28upx;
+ height: 64upx;
+ line-height: 1;
+ text-align: center;
+ text-decoration: none;
+ overflow: visible;
+ margin-left: initial;
+ transform: translate(0upx, 0upx);
+ margin-right: initial;
}
.cu-btn::after {
- display: none;
+ display: none;
}
-.cu-btn:not([class*="bg-"]) {
- background-color: #f0f0f0;
+.cu-btn:not([class*='bg-']) {
+ background-color: #f0f0f0;
}
-.cu-btn[class*="line"] {
- background-color: transparent;
+.cu-btn[class*='line'] {
+ background-color: transparent;
}
-.cu-btn[class*="line"]::after {
- content: " ";
- display: block;
- width: 200%;
- height: 200%;
- position: absolute;
- top: 0;
- left: 0;
- border: 1upx solid currentColor;
- transform: scale(0.5);
- transform-origin: 0 0;
- box-sizing: border-box;
- border-radius: 12upx;
- z-index: 1;
- pointer-events: none;
+.cu-btn[class*='line']::after {
+ content: ' ';
+ display: block;
+ width: 200%;
+ height: 200%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 1upx solid currentColor;
+ transform: scale(0.5);
+ transform-origin: 0 0;
+ box-sizing: border-box;
+ border-radius: 12upx;
+ z-index: 1;
+ pointer-events: none;
}
-.cu-btn.round[class*="line"]::after {
- border-radius: 1000upx;
+.cu-btn.round[class*='line']::after {
+ border-radius: 1000upx;
}
-.cu-btn[class*="lines"]::after {
- border: 6upx solid currentColor;
+.cu-btn[class*='lines']::after {
+ border: 6upx solid currentColor;
}
-.cu-btn[class*="bg-"]::after {
- display: none;
+.cu-btn[class*='bg-']::after {
+ display: none;
}
.cu-btn.sm {
- padding: 0 20upx;
- font-size: 20upx;
- height: 48upx;
+ padding: 0 20upx;
+ font-size: 20upx;
+ height: 48upx;
}
.cu-btn.lg {
- padding: 0 40upx;
- font-size: 32upx;
- height: 80upx;
+ padding: 0 40upx;
+ font-size: 32upx;
+ height: 80upx;
}
.cu-btn.cuIcon.sm {
- width: 48upx;
- height: 48upx;
+ width: 48upx;
+ height: 48upx;
}
.cu-btn.cuIcon {
- width: 64upx;
- height: 64upx;
- border-radius: 500upx;
- padding: 0;
+ width: 64upx;
+ height: 64upx;
+ border-radius: 500upx;
+ padding: 0;
}
button.cuIcon.lg {
- width: 80upx;
- height: 80upx;
+ width: 80upx;
+ height: 80upx;
}
.cu-btn.shadow-blur::before {
- top: 4upx;
- left: 4upx;
- filter: blur(6upx);
- opacity: 0.6;
+ top: 4upx;
+ left: 4upx;
+ filter: blur(6upx);
+ opacity: 0.6;
}
.cu-btn.button-hover {
- transform: translate(1upx, 1upx);
+ transform: translate(1upx, 1upx);
}
.block {
- display: block;
+ display: block;
}
.cu-btn.block {
- display: flex;
+ display: flex;
}
.cu-btn[disabled] {
- opacity: 0.6;
- color: #ffffff;
+ opacity: 0.6;
+ color: #ffffff;
}
/* ==================
@@ -738,134 +736,134 @@ button.cuIcon.lg {
==================== */
.cu-tag {
- font-size: 24upx;
- vertical-align: middle;
- position: relative;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- box-sizing: border-box;
- padding: 0upx 16upx;
- height: 48upx;
- font-family: Helvetica Neue, Helvetica, sans-serif;
- white-space: nowrap;
-}
-
-.cu-tag:not([class*="bg"]):not([class*="line"]) {
- background-color: #f1f1f1;
+ font-size: 24upx;
+ vertical-align: middle;
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ box-sizing: border-box;
+ padding: 0upx 16upx;
+ height: 48upx;
+ font-family: Helvetica Neue, Helvetica, sans-serif;
+ white-space: nowrap;
+}
+
+.cu-tag:not([class*='bg']):not([class*='line']) {
+ background-color: #f1f1f1;
}
-.cu-tag[class*="line-"]::after {
- content: " ";
- width: 200%;
- height: 200%;
- position: absolute;
- top: 0;
- left: 0;
- border: 1upx solid currentColor;
- transform: scale(0.5);
- transform-origin: 0 0;
- box-sizing: border-box;
- border-radius: inherit;
- z-index: 1;
- pointer-events: none;
+.cu-tag[class*='line-']::after {
+ content: ' ';
+ width: 200%;
+ height: 200%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 1upx solid currentColor;
+ transform: scale(0.5);
+ transform-origin: 0 0;
+ box-sizing: border-box;
+ border-radius: inherit;
+ z-index: 1;
+ pointer-events: none;
}
-.cu-tag.radius[class*="line"]::after {
- border-radius: 12upx;
+.cu-tag.radius[class*='line']::after {
+ border-radius: 12upx;
}
-.cu-tag.round[class*="line"]::after {
- border-radius: 1000upx;
+.cu-tag.round[class*='line']::after {
+ border-radius: 1000upx;
}
-.cu-tag[class*="line-"]::after {
- border-radius: 0;
+.cu-tag[class*='line-']::after {
+ border-radius: 0;
}
-.cu-tag+.cu-tag {
- margin-left: 10upx;
+.cu-tag + .cu-tag {
+ margin-left: 10upx;
}
.cu-tag.sm {
- font-size: 20upx;
- padding: 0upx 12upx;
- height: 32upx;
+ font-size: 20upx;
+ padding: 0upx 12upx;
+ height: 32upx;
}
.cu-capsule {
- display: inline-flex;
- vertical-align: middle;
+ display: inline-flex;
+ vertical-align: middle;
}
-.cu-capsule+.cu-capsule {
- margin-left: 10upx;
+.cu-capsule + .cu-capsule {
+ margin-left: 10upx;
}
.cu-capsule .cu-tag {
- margin: 0;
+ margin: 0;
}
-.cu-capsule .cu-tag[class*="line-"]:last-child::after {
- border-left: 0upx solid transparent;
+.cu-capsule .cu-tag[class*='line-']:last-child::after {
+ border-left: 0upx solid transparent;
}
-.cu-capsule .cu-tag[class*="line-"]:first-child::after {
- border-right: 0upx solid transparent;
+.cu-capsule .cu-tag[class*='line-']:first-child::after {
+ border-right: 0upx solid transparent;
}
.cu-capsule.radius .cu-tag:first-child {
- border-top-left-radius: 6upx;
- border-bottom-left-radius: 6upx;
+ border-top-left-radius: 6upx;
+ border-bottom-left-radius: 6upx;
}
.cu-capsule.radius .cu-tag:last-child::after,
-.cu-capsule.radius .cu-tag[class*="line-"] {
- border-top-right-radius: 12upx;
- border-bottom-right-radius: 12upx;
+.cu-capsule.radius .cu-tag[class*='line-'] {
+ border-top-right-radius: 12upx;
+ border-bottom-right-radius: 12upx;
}
.cu-capsule.round .cu-tag:first-child {
- border-top-left-radius: 200upx;
- border-bottom-left-radius: 200upx;
- text-indent: 4upx;
+ border-top-left-radius: 200upx;
+ border-bottom-left-radius: 200upx;
+ text-indent: 4upx;
}
.cu-capsule.round .cu-tag:last-child::after,
.cu-capsule.round .cu-tag:last-child {
- border-top-right-radius: 200upx;
- border-bottom-right-radius: 200upx;
- text-indent: -4upx;
+ border-top-right-radius: 200upx;
+ border-bottom-right-radius: 200upx;
+ text-indent: -4upx;
}
.cu-tag.badge {
- border-radius: 200upx;
- position: absolute;
- top: -10upx;
- right: -10upx;
- font-size: 20upx;
- padding: 0upx 10upx;
- height: 28upx;
- color: #ffffff;
+ border-radius: 200upx;
+ position: absolute;
+ top: -10upx;
+ right: -10upx;
+ font-size: 20upx;
+ padding: 0upx 10upx;
+ height: 28upx;
+ color: #ffffff;
}
-.cu-tag.badge:not([class*="bg-"]) {
- background-color: #dd514c;
+.cu-tag.badge:not([class*='bg-']) {
+ background-color: #dd514c;
}
-.cu-tag:empty:not([class*="cuIcon-"]) {
- padding: 0upx;
- width: 16upx;
- height: 16upx;
- top: -4upx;
- right: -4upx;
+.cu-tag:empty:not([class*='cuIcon-']) {
+ padding: 0upx;
+ width: 16upx;
+ height: 16upx;
+ top: -4upx;
+ right: -4upx;
}
-.cu-tag[class*="cuIcon-"] {
- width: 32upx;
- height: 32upx;
- top: -4upx;
- right: -4upx;
+.cu-tag[class*='cuIcon-'] {
+ width: 32upx;
+ height: 32upx;
+ top: -4upx;
+ right: -4upx;
}
/* ==================
@@ -873,63 +871,63 @@ button.cuIcon.lg {
==================== */
.cu-avatar {
- font-variant: small-caps;
- margin: 0;
- padding: 0;
- display: inline-flex;
- text-align: center;
- justify-content: center;
- align-items: center;
- background-color: #ccc;
- color: #ffffff;
- white-space: nowrap;
- position: relative;
- width: 64upx;
- height: 64upx;
- background-size: cover;
- background-position: center;
- vertical-align: middle;
- font-size: 1.5em;
+ font-variant: small-caps;
+ margin: 0;
+ padding: 0;
+ display: inline-flex;
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+ background-color: #ccc;
+ color: #ffffff;
+ white-space: nowrap;
+ position: relative;
+ width: 64upx;
+ height: 64upx;
+ background-size: cover;
+ background-position: center;
+ vertical-align: middle;
+ font-size: 1.5em;
}
.cu-avatar.sm {
- width: 48upx;
- height: 48upx;
- font-size: 1em;
+ width: 48upx;
+ height: 48upx;
+ font-size: 1em;
}
.cu-avatar.lg {
- width: 96upx;
- height: 96upx;
- font-size: 2em;
+ width: 96upx;
+ height: 96upx;
+ font-size: 2em;
}
.cu-avatar.xl {
- width: 128upx;
- height: 128upx;
- font-size: 2.5em;
+ width: 128upx;
+ height: 128upx;
+ font-size: 2.5em;
}
.cu-avatar .avatar-text {
- font-size: 0.4em;
+ font-size: 0.4em;
}
.cu-avatar-group {
- direction: rtl;
- unicode-bidi: bidi-override;
- padding: 0 10upx 0 40upx;
- display: inline-block;
+ direction: rtl;
+ unicode-bidi: bidi-override;
+ padding: 0 10upx 0 40upx;
+ display: inline-block;
}
.cu-avatar-group .cu-avatar {
- margin-left: -30upx;
- border: 4upx solid #f1f1f1;
- vertical-align: middle;
+ margin-left: -30upx;
+ border: 4upx solid #f1f1f1;
+ vertical-align: middle;
}
.cu-avatar-group .cu-avatar.sm {
- margin-left: -20upx;
- border: 1upx solid #f1f1f1;
+ margin-left: -20upx;
+ border: 1upx solid #f1f1f1;
}
/* ==================
@@ -937,68 +935,77 @@ button.cuIcon.lg {
==================== */
.cu-progress {
- overflow: hidden;
- height: 28upx;
- background-color: #ebeef5;
- display: inline-flex;
- align-items: center;
- width: 100%;
+ overflow: hidden;
+ height: 28upx;
+ background-color: #ebeef5;
+ display: inline-flex;
+ align-items: center;
+ width: 100%;
}
-.cu-progress+view,
-.cu-progress+text {
- line-height: 1;
+.cu-progress + view,
+.cu-progress + text {
+ line-height: 1;
}
.cu-progress.xs {
- height: 10upx;
+ height: 10upx;
}
.cu-progress.sm {
- height: 20upx;
+ height: 20upx;
}
.cu-progress view {
- width: 0;
- height: 100%;
- align-items: center;
- display: flex;
- justify-items: flex-end;
- justify-content: space-around;
- font-size: 20upx;
- color: #ffffff;
- transition: width 0.6s ease;
+ width: 0;
+ height: 100%;
+ align-items: center;
+ display: flex;
+ justify-items: flex-end;
+ justify-content: space-around;
+ font-size: 20upx;
+ color: #ffffff;
+ transition: width 0.6s ease;
}
.cu-progress text {
- align-items: center;
- display: flex;
- font-size: 20upx;
- color: #333333;
- text-indent: 10upx;
+ align-items: center;
+ display: flex;
+ font-size: 20upx;
+ color: #333333;
+ text-indent: 10upx;
}
.cu-progress.text-progress {
- padding-right: 60upx;
+ padding-right: 60upx;
}
.cu-progress.striped view {
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-size: 72upx 72upx;
+ background-image: linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
+ );
+ background-size: 72upx 72upx;
}
.cu-progress.active view {
- animation: progress-stripes 2s linear infinite;
+ animation: progress-stripes 2s linear infinite;
}
@keyframes progress-stripes {
- from {
- background-position: 72upx 0;
- }
+ from {
+ background-position: 72upx 0;
+ }
- to {
- background-position: 0 0;
- }
+ to {
+ background-position: 0 0;
+ }
}
/* ==================
@@ -1006,934 +1013,933 @@ button.cuIcon.lg {
==================== */
.cu-load {
- display: block;
- line-height: 3em;
- text-align: center;
+ display: block;
+ line-height: 3em;
+ text-align: center;
}
.cu-load::before {
- font-family: "cuIcon";
- display: inline-block;
- margin-right: 6upx;
+ font-family: 'cuIcon';
+ display: inline-block;
+ margin-right: 6upx;
}
.cu-load.loading::before {
- content: "\e67a";
- animation: cuIcon-spin 2s infinite linear;
+ content: '\e67a';
+ animation: cuIcon-spin 2s infinite linear;
}
.cu-load.loading::after {
- content: "加载中...";
+ content: '加载中...';
}
.cu-load.over::before {
- content: "\e64a";
+ content: '\e64a';
}
.cu-load.over::after {
- content: "没有更多了";
+ content: '没有更多了';
}
.cu-load.erro::before {
- content: "\e658";
+ content: '\e658';
}
.cu-load.erro::after {
- content: "加载失败";
+ content: '加载失败';
}
.cu-load.load-cuIcon::before {
- font-size: 32upx;
+ font-size: 32upx;
}
.cu-load.load-cuIcon::after {
- display: none;
+ display: none;
}
.cu-load.load-cuIcon.over {
- display: none;
+ display: none;
}
.cu-load.load-modal {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 140upx;
- left: 0;
- margin: auto;
- width: 260upx;
- height: 260upx;
- background-color: #ffffff;
- border-radius: 10upx;
- box-shadow: 0 0 0upx 2000upx rgba(0, 0, 0, 0.5);
- display: flex;
- align-items: center;
- flex-direction: column;
- justify-content: center;
- font-size: 28upx;
- z-index: 9999;
- line-height: 2.4em;
-}
-
-.cu-load.load-modal [class*="cuIcon-"] {
- font-size: 60upx;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 140upx;
+ left: 0;
+ margin: auto;
+ width: 260upx;
+ height: 260upx;
+ background-color: #ffffff;
+ border-radius: 10upx;
+ box-shadow: 0 0 0upx 2000upx rgba(0, 0, 0, 0.5);
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ font-size: 28upx;
+ z-index: 9999;
+ line-height: 2.4em;
+}
+
+.cu-load.load-modal [class*='cuIcon-'] {
+ font-size: 60upx;
}
.cu-load.load-modal image {
- width: 70upx;
- height: 70upx;
+ width: 70upx;
+ height: 70upx;
}
.cu-load.load-modal::after {
- content: "";
- position: absolute;
- background-color: #ffffff;
- border-radius: 50%;
- width: 200upx;
- height: 200upx;
- font-size: 10px;
- border-top: 6upx solid rgba(0, 0, 0, 0.05);
- border-right: 6upx solid rgba(0, 0, 0, 0.05);
- border-bottom: 6upx solid rgba(0, 0, 0, 0.05);
- border-left: 6upx solid #f37b1d;
- animation: cuIcon-spin 1s infinite linear;
- z-index: -1;
+ content: '';
+ position: absolute;
+ background-color: #ffffff;
+ border-radius: 50%;
+ width: 200upx;
+ height: 200upx;
+ font-size: 10px;
+ border-top: 6upx solid rgba(0, 0, 0, 0.05);
+ border-right: 6upx solid rgba(0, 0, 0, 0.05);
+ border-bottom: 6upx solid rgba(0, 0, 0, 0.05);
+ border-left: 6upx solid #f37b1d;
+ animation: cuIcon-spin 1s infinite linear;
+ z-index: -1;
}
.load-progress {
- pointer-events: none;
- top: 0;
- position: fixed;
- width: 100%;
- left: 0;
- z-index: 2000;
+ pointer-events: none;
+ top: 0;
+ position: fixed;
+ width: 100%;
+ left: 0;
+ z-index: 2000;
}
.load-progress.hide {
- display: none;
+ display: none;
}
.load-progress .load-progress-bar {
- position: relative;
- width: 100%;
- height: 4upx;
- overflow: hidden;
- transition: all 200ms ease 0s;
+ position: relative;
+ width: 100%;
+ height: 4upx;
+ overflow: hidden;
+ transition: all 200ms ease 0s;
}
.load-progress .load-progress-spinner {
- position: absolute;
- top: 10upx;
- right: 10upx;
- z-index: 2000;
- display: block;
+ position: absolute;
+ top: 10upx;
+ right: 10upx;
+ z-index: 2000;
+ display: block;
}
.load-progress .load-progress-spinner::after {
- content: "";
- display: block;
- width: 24upx;
- height: 24upx;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- border: solid 4upx transparent;
- border-top-color: inherit;
- border-left-color: inherit;
- border-radius: 50%;
- -webkit-animation: load-progress-spinner 0.4s linear infinite;
- animation: load-progress-spinner 0.4s linear infinite;
+ content: '';
+ display: block;
+ width: 24upx;
+ height: 24upx;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border: solid 4upx transparent;
+ border-top-color: inherit;
+ border-left-color: inherit;
+ border-radius: 50%;
+ -webkit-animation: load-progress-spinner 0.4s linear infinite;
+ animation: load-progress-spinner 0.4s linear infinite;
}
@-webkit-keyframes load-progress-spinner {
- 0% {
- -webkit-transform: rotate(0);
- transform: rotate(0);
- }
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
}
@keyframes load-progress-spinner {
- 0% {
- -webkit-transform: rotate(0);
- transform: rotate(0);
- }
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
}
/* ==================
列表
==================== */
.grayscale {
- filter: grayscale(1);
+ filter: grayscale(1);
}
-.cu-list+.cu-list {
- margin-top: 30upx
+.cu-list + .cu-list {
+ margin-top: 30upx;
}
-.cu-list>.cu-item {
- transition: all .6s ease-in-out 0s;
- transform: translateX(0upx)
+.cu-list > .cu-item {
+ transition: all 0.6s ease-in-out 0s;
+ transform: translateX(0upx);
}
-.cu-list>.cu-item.move-cur {
- transform: translateX(-260upx)
+.cu-list > .cu-item.move-cur {
+ transform: translateX(-260upx);
}
-.cu-list>.cu-item .move {
- position: absolute;
- right: 0;
- display: flex;
- width: 260upx;
- height: 100%;
- transform: translateX(100%)
+.cu-list > .cu-item .move {
+ position: absolute;
+ right: 0;
+ display: flex;
+ width: 260upx;
+ height: 100%;
+ transform: translateX(100%);
}
-.cu-list>.cu-item .move view {
- display: flex;
- flex: 1;
- justify-content: center;
- align-items: center
+.cu-list > .cu-item .move view {
+ display: flex;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
}
.cu-list.menu-avatar {
- overflow: hidden;
+ overflow: hidden;
}
-.cu-list.menu-avatar>.cu-item {
- position: relative;
- display: flex;
- padding-right: 10upx;
- height: 140upx;
- background-color: #ffffff;
- justify-content: flex-end;
- align-items: center
+.cu-list.menu-avatar > .cu-item {
+ position: relative;
+ display: flex;
+ padding-right: 10upx;
+ height: 140upx;
+ background-color: #ffffff;
+ justify-content: flex-end;
+ align-items: center;
}
-.cu-list.menu-avatar>.cu-item>.cu-avatar {
- position: absolute;
- left: 30upx
+.cu-list.menu-avatar > .cu-item > .cu-avatar {
+ position: absolute;
+ left: 30upx;
}
-.cu-list.menu-avatar>.cu-item .flex .text-cut {
- max-width: 510upx
+.cu-list.menu-avatar > .cu-item .flex .text-cut {
+ max-width: 510upx;
}
-.cu-list.menu-avatar>.cu-item .content {
- position: absolute;
- left: 146upx;
- width: calc(100% - 96upx - 60upx - 120upx - 20upx);
- line-height: 1.6em;
+.cu-list.menu-avatar > .cu-item .content {
+ position: absolute;
+ left: 146upx;
+ width: calc(100% - 96upx - 60upx - 120upx - 20upx);
+ line-height: 1.6em;
}
-.cu-list.menu-avatar>.cu-item .content.flex-sub {
- width: calc(100% - 96upx - 60upx - 20upx);
+.cu-list.menu-avatar > .cu-item .content.flex-sub {
+ width: calc(100% - 96upx - 60upx - 20upx);
}
-.cu-list.menu-avatar>.cu-item .content>view:first-child {
- font-size: 30upx;
- display: flex;
- align-items: center
+.cu-list.menu-avatar > .cu-item .content > view:first-child {
+ font-size: 30upx;
+ display: flex;
+ align-items: center;
}
-.cu-list.menu-avatar>.cu-item .content .cu-tag.sm {
- display: inline-block;
- margin-left: 10upx;
- height: 28upx;
- font-size: 16upx;
- line-height: 32upx
+.cu-list.menu-avatar > .cu-item .content .cu-tag.sm {
+ display: inline-block;
+ margin-left: 10upx;
+ height: 28upx;
+ font-size: 16upx;
+ line-height: 32upx;
}
-.cu-list.menu-avatar>.cu-item .action {
- width: 100upx;
- text-align: center
+.cu-list.menu-avatar > .cu-item .action {
+ width: 100upx;
+ text-align: center;
}
-.cu-list.menu-avatar>.cu-item .action view+view {
- margin-top: 10upx
+.cu-list.menu-avatar > .cu-item .action view + view {
+ margin-top: 10upx;
}
-.cu-list.menu-avatar.comment>.cu-item .content {
- position: relative;
- left: 0;
- width: auto;
- flex: 1;
+.cu-list.menu-avatar.comment > .cu-item .content {
+ position: relative;
+ left: 0;
+ width: auto;
+ flex: 1;
}
-.cu-list.menu-avatar.comment>.cu-item {
- padding: 30upx 30upx 30upx 120upx;
- height: auto
+.cu-list.menu-avatar.comment > .cu-item {
+ padding: 30upx 30upx 30upx 120upx;
+ height: auto;
}
.cu-list.menu-avatar.comment .cu-avatar {
- align-self: flex-start
+ align-self: flex-start;
}
-.cu-list.menu>.cu-item {
- position: relative;
- display: flex;
- padding: 0 30upx;
- min-height: 100upx;
- background-color: #ffffff;
- justify-content: space-between;
- align-items: center
+.cu-list.menu > .cu-item {
+ position: relative;
+ display: flex;
+ padding: 0 30upx;
+ min-height: 100upx;
+ background-color: #ffffff;
+ justify-content: space-between;
+ align-items: center;
}
-.cu-list.menu>.cu-item:last-child:after {
- border: none
+.cu-list.menu > .cu-item:last-child:after {
+ border: none;
}
-.cu-list.menu-avatar>.cu-item:after,
-.cu-list.menu>.cu-item:after {
- position: absolute;
- top: 0;
- left: 0;
- box-sizing: border-box;
- width: 200%;
- height: 200%;
- border-bottom: 1upx solid #ddd;
- border-radius: inherit;
- content: " ";
- transform: scale(.5);
- transform-origin: 0 0;
- pointer-events: none
+.cu-list.menu-avatar > .cu-item:after,
+.cu-list.menu > .cu-item:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ box-sizing: border-box;
+ width: 200%;
+ height: 200%;
+ border-bottom: 1upx solid #ddd;
+ border-radius: inherit;
+ content: ' ';
+ transform: scale(0.5);
+ transform-origin: 0 0;
+ pointer-events: none;
}
-.cu-list.menu>.cu-item.grayscale {
- background-color: #f5f5f5
+.cu-list.menu > .cu-item.grayscale {
+ background-color: #f5f5f5;
}
-.cu-list.menu>.cu-item.cur {
- background-color: #fcf7e9
+.cu-list.menu > .cu-item.cur {
+ background-color: #fcf7e9;
}
-.cu-list.menu>.cu-item.arrow {
- padding-right: 90upx
+.cu-list.menu > .cu-item.arrow {
+ padding-right: 90upx;
}
-.cu-list.menu>.cu-item.arrow:before {
- position: absolute;
- top: 0;
- right: 30upx;
- bottom: 0;
- display: block;
- margin: auto;
- width: 30upx;
- height: 30upx;
- color: #8799a3;
- content: "\e6a3";
- text-align: center;
- font-size: 34upx;
- font-family: cuIcon;
- line-height: 30upx
+.cu-list.menu > .cu-item.arrow:before {
+ position: absolute;
+ top: 0;
+ right: 30upx;
+ bottom: 0;
+ display: block;
+ margin: auto;
+ width: 30upx;
+ height: 30upx;
+ color: #8799a3;
+ content: '\e6a3';
+ text-align: center;
+ font-size: 34upx;
+ font-family: cuIcon;
+ line-height: 30upx;
}
-.cu-list.menu>.cu-item button.content {
- padding: 0;
- background-color: transparent;
- justify-content: flex-start
+.cu-list.menu > .cu-item button.content {
+ padding: 0;
+ background-color: transparent;
+ justify-content: flex-start;
}
-.cu-list.menu>.cu-item button.content:after {
- display: none
+.cu-list.menu > .cu-item button.content:after {
+ display: none;
}
-.cu-list.menu>.cu-item .cu-avatar-group .cu-avatar {
- border-color: #ffffff
+.cu-list.menu > .cu-item .cu-avatar-group .cu-avatar {
+ border-color: #ffffff;
}
-.cu-list.menu>.cu-item .content>view:first-child {
- display: flex;
- align-items: center
+.cu-list.menu > .cu-item .content > view:first-child {
+ display: flex;
+ align-items: center;
}
-.cu-list.menu>.cu-item .content>text[class*=cuIcon] {
- display: inline-block;
- margin-right: 10upx;
- width: 1.6em;
- text-align: center
+.cu-list.menu > .cu-item .content > text[class*='cuIcon'] {
+ display: inline-block;
+ margin-right: 10upx;
+ width: 1.6em;
+ text-align: center;
}
-.cu-list.menu>.cu-item .content>image {
- display: inline-block;
- margin-right: 10upx;
- width: 1.6em;
- height: 1.6em;
- vertical-align: middle
+.cu-list.menu > .cu-item .content > image {
+ display: inline-block;
+ margin-right: 10upx;
+ width: 1.6em;
+ height: 1.6em;
+ vertical-align: middle;
}
-.cu-list.menu>.cu-item .content {
- font-size: 30upx;
- line-height: 1.6em;
- flex: 1
+.cu-list.menu > .cu-item .content {
+ font-size: 30upx;
+ line-height: 1.6em;
+ flex: 1;
}
-.cu-list.menu>.cu-item .content .cu-tag.sm {
- display: inline-block;
- margin-left: 10upx;
- height: 28upx;
- font-size: 16upx;
- line-height: 32upx
+.cu-list.menu > .cu-item .content .cu-tag.sm {
+ display: inline-block;
+ margin-left: 10upx;
+ height: 28upx;
+ font-size: 16upx;
+ line-height: 32upx;
}
-.cu-list.menu>.cu-item .action .cu-tag:empty {
- right: 10upx
+.cu-list.menu > .cu-item .action .cu-tag:empty {
+ right: 10upx;
}
.cu-list.menu {
- display: block;
- overflow: hidden
+ display: block;
+ overflow: hidden;
}
-.cu-list.menu.sm-border>.cu-item:after {
- left: 30upx;
- width: calc(200% - 120upx)
+.cu-list.menu.sm-border > .cu-item:after {
+ left: 30upx;
+ width: calc(200% - 120upx);
}
-.cu-list.grid>.cu-item {
- position: relative;
- display: flex;
- padding: 20upx 0 30upx;
- transition-duration: 0s;
- flex-direction: column
+.cu-list.grid > .cu-item {
+ position: relative;
+ display: flex;
+ padding: 20upx 0 30upx;
+ transition-duration: 0s;
+ flex-direction: column;
}
-.cu-list.grid>.cu-item:after {
- position: absolute;
- top: 0;
- left: 0;
- box-sizing: border-box;
- width: 200%;
- height: 200%;
- border-right: 1px solid rgba(0, 0, 0, .1);
- border-bottom: 1px solid rgba(0, 0, 0, .1);
- border-radius: inherit;
- content: " ";
- transform: scale(.5);
- transform-origin: 0 0;
- pointer-events: none
+.cu-list.grid > .cu-item:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ box-sizing: border-box;
+ width: 200%;
+ height: 200%;
+ border-right: 1px solid rgba(0, 0, 0, 0.1);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: inherit;
+ content: ' ';
+ transform: scale(0.5);
+ transform-origin: 0 0;
+ pointer-events: none;
}
-.cu-list.grid>.cu-item text {
- display: block;
- margin-top: 10upx;
- color: #888;
- font-size: 26upx;
- line-height: 40upx
+.cu-list.grid > .cu-item text {
+ display: block;
+ margin-top: 10upx;
+ color: #888;
+ font-size: 26upx;
+ line-height: 40upx;
}
-.cu-list.grid>.cu-item [class*=cuIcon] {
- position: relative;
- display: block;
- margin-top: 20upx;
- width: 100%;
- font-size: 48upx
+.cu-list.grid > .cu-item [class*='cuIcon'] {
+ position: relative;
+ display: block;
+ margin-top: 20upx;
+ width: 100%;
+ font-size: 48upx;
}
-.cu-list.grid>.cu-item .cu-tag {
- right: auto;
- left: 50%;
- margin-left: 20upx
+.cu-list.grid > .cu-item .cu-tag {
+ right: auto;
+ left: 50%;
+ margin-left: 20upx;
}
.cu-list.grid {
- background-color: #ffffff;
- text-align: center
+ background-color: #ffffff;
+ text-align: center;
}
-.cu-list.grid.no-border>.cu-item {
- padding-top: 10upx;
- padding-bottom: 20upx
+.cu-list.grid.no-border > .cu-item {
+ padding-top: 10upx;
+ padding-bottom: 20upx;
}
-.cu-list.grid.no-border>.cu-item:after {
- border: none
+.cu-list.grid.no-border > .cu-item:after {
+ border: none;
}
.cu-list.grid.no-border {
- padding: 20upx 10upx
+ padding: 20upx 10upx;
}
-.cu-list.grid.col-3>.cu-item:nth-child(3n):after,
-.cu-list.grid.col-4>.cu-item:nth-child(4n):after,
-.cu-list.grid.col-5>.cu-item:nth-child(5n):after {
- border-right-width: 0
+.cu-list.grid.col-3 > .cu-item:nth-child(3n):after,
+.cu-list.grid.col-4 > .cu-item:nth-child(4n):after,
+.cu-list.grid.col-5 > .cu-item:nth-child(5n):after {
+ border-right-width: 0;
}
.cu-list.card-menu {
- overflow: hidden;
- margin-right: 30upx;
- margin-left: 30upx;
- border-radius: 20upx
+ overflow: hidden;
+ margin-right: 30upx;
+ margin-left: 30upx;
+ border-radius: 20upx;
}
-
/* ==================
操作条
==================== */
.cu-bar {
- display: flex;
- position: relative;
- align-items: center;
- min-height: 100upx;
- justify-content: space-between;
+ display: flex;
+ position: relative;
+ align-items: center;
+ min-height: 100upx;
+ justify-content: space-between;
}
.cu-bar .action {
- display: flex;
- align-items: center;
- height: 100%;
- justify-content: center;
- max-width: 100%;
+ display: flex;
+ align-items: center;
+ height: 100%;
+ justify-content: center;
+ max-width: 100%;
}
.cu-bar .action.border-title {
- position: relative;
- top: -10upx;
+ position: relative;
+ top: -10upx;
}
-.cu-bar .action.border-title text[class*="bg-"]:last-child {
- position: absolute;
- bottom: -0.5rem;
- min-width: 2rem;
- height: 6upx;
- left: 0;
+.cu-bar .action.border-title text[class*='bg-']:last-child {
+ position: absolute;
+ bottom: -0.5rem;
+ min-width: 2rem;
+ height: 6upx;
+ left: 0;
}
.cu-bar .action.sub-title {
- position: relative;
- top: -0.2rem;
+ position: relative;
+ top: -0.2rem;
}
.cu-bar .action.sub-title text {
- position: relative;
- z-index: 1;
-}
-
-.cu-bar .action.sub-title text[class*="bg-"]:last-child {
- position: absolute;
- display: inline-block;
- bottom: -0.2rem;
- border-radius: 6upx;
- width: 100%;
- height: 0.6rem;
- left: 0.6rem;
- opacity: 0.3;
- z-index: 0;
-}
-
-.cu-bar .action.sub-title text[class*="text-"]:last-child {
- position: absolute;
- display: inline-block;
- bottom: -0.7rem;
- left: 0.5rem;
- opacity: 0.2;
- z-index: 0;
- text-align: right;
- font-weight: 900;
- font-size: 36upx;
+ position: relative;
+ z-index: 1;
+}
+
+.cu-bar .action.sub-title text[class*='bg-']:last-child {
+ position: absolute;
+ display: inline-block;
+ bottom: -0.2rem;
+ border-radius: 6upx;
+ width: 100%;
+ height: 0.6rem;
+ left: 0.6rem;
+ opacity: 0.3;
+ z-index: 0;
+}
+
+.cu-bar .action.sub-title text[class*='text-']:last-child {
+ position: absolute;
+ display: inline-block;
+ bottom: -0.7rem;
+ left: 0.5rem;
+ opacity: 0.2;
+ z-index: 0;
+ text-align: right;
+ font-weight: 900;
+ font-size: 36upx;
}
.cu-bar.justify-center .action.border-title text:last-child,
.cu-bar.justify-center .action.sub-title text:last-child {
- left: 0;
- right: 0;
- margin: auto;
- text-align: center;
+ left: 0;
+ right: 0;
+ margin: auto;
+ text-align: center;
}
.cu-bar .action:first-child {
- margin-left: 30upx;
- font-size: 30upx;
+ margin-left: 30upx;
+ font-size: 30upx;
}
.cu-bar .action text.text-cut {
- text-align: left;
- width: 100%;
+ text-align: left;
+ width: 100%;
}
.cu-bar .cu-avatar:first-child {
- margin-left: 20upx;
+ margin-left: 20upx;
}
-.cu-bar .action:first-child>text[class*="cuIcon-"] {
- margin-left: -0.3em;
- margin-right: 0.3em;
+.cu-bar .action:first-child > text[class*='cuIcon-'] {
+ margin-left: -0.3em;
+ margin-right: 0.3em;
}
.cu-bar .action:last-child {
- margin-right: 30upx;
+ margin-right: 30upx;
}
-.cu-bar .action>text[class*="cuIcon-"],
-.cu-bar .action>view[class*="cuIcon-"] {
- font-size: 36upx;
+.cu-bar .action > text[class*='cuIcon-'],
+.cu-bar .action > view[class*='cuIcon-'] {
+ font-size: 36upx;
}
-.cu-bar .action>text[class*="cuIcon-"]+text[class*="cuIcon-"] {
- margin-left: 0.5em;
+.cu-bar .action > text[class*='cuIcon-'] + text[class*='cuIcon-'] {
+ margin-left: 0.5em;
}
.cu-bar .content {
- position: absolute;
- text-align: center;
- width: calc(100% - 340upx);
- left: 0;
- right: 0;
- bottom: 0;
- top: 0;
- margin: auto;
- height: 60upx;
- font-size: 32upx;
- line-height: 60upx;
- cursor: none;
- pointer-events: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
+ position: absolute;
+ text-align: center;
+ width: calc(100% - 340upx);
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ margin: auto;
+ height: 60upx;
+ font-size: 32upx;
+ line-height: 60upx;
+ cursor: none;
+ pointer-events: none;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
}
.cu-bar.ios .content {
- bottom: 7px;
- height: 30px;
- font-size: 32upx;
- line-height: 30px;
+ bottom: 7px;
+ height: 30px;
+ font-size: 32upx;
+ line-height: 30px;
}
.cu-bar.btn-group {
- justify-content: space-around;
+ justify-content: space-around;
}
.cu-bar.btn-group button {
- padding: 20upx 32upx;
+ padding: 20upx 32upx;
}
.cu-bar.btn-group button {
- flex: 1;
- margin: 0 20upx;
- max-width: 50%;
+ flex: 1;
+ margin: 0 20upx;
+ max-width: 50%;
}
.cu-bar .search-form {
- background-color: #f5f5f5;
- line-height: 64upx;
- height: 64upx;
- font-size: 24upx;
- color: #333333;
- flex: 1;
- display: flex;
- align-items: center;
- margin: 0 30upx;
+ background-color: #f5f5f5;
+ line-height: 64upx;
+ height: 64upx;
+ font-size: 24upx;
+ color: #333333;
+ flex: 1;
+ display: flex;
+ align-items: center;
+ margin: 0 30upx;
}
-.cu-bar .search-form+.action {
- margin-right: 30upx;
+.cu-bar .search-form + .action {
+ margin-right: 30upx;
}
.cu-bar .search-form input {
- flex: 1;
- padding-right: 30upx;
- height: 64upx;
- line-height: 64upx;
- font-size: 26upx;
- background-color: transparent;
+ flex: 1;
+ padding-right: 30upx;
+ height: 64upx;
+ line-height: 64upx;
+ font-size: 26upx;
+ background-color: transparent;
}
-.cu-bar .search-form [class*="cuIcon-"] {
- margin: 0 0.5em 0 0.8em;
+.cu-bar .search-form [class*='cuIcon-'] {
+ margin: 0 0.5em 0 0.8em;
}
-.cu-bar .search-form [class*="cuIcon-"]::before {
- top: 0upx;
+.cu-bar .search-form [class*='cuIcon-']::before {
+ top: 0upx;
}
.cu-bar.fixed,
.nav.fixed {
- position: fixed;
- width: 100%;
- top: 0;
- z-index: 1024;
- box-shadow: 0 1upx 6upx rgba(0, 0, 0, 0.1);
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1024;
+ box-shadow: 0 1upx 6upx rgba(0, 0, 0, 0.1);
}
.cu-bar.foot {
- position: fixed;
- width: 100%;
- bottom: 0;
- z-index: 1024;
- box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1);
+ position: fixed;
+ width: 100%;
+ bottom: 0;
+ z-index: 1024;
+ box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1);
}
.cu-bar.tabbar {
- padding: 0;
- height: calc(100upx + env(safe-area-inset-bottom) / 2);
- padding-bottom: calc(env(safe-area-inset-bottom) / 2);
+ padding: 0;
+ height: calc(100upx + env(safe-area-inset-bottom) / 2);
+ padding-bottom: calc(env(safe-area-inset-bottom) / 2);
}
.cu-tabbar-height {
- min-height: 100upx;
- height: calc(100upx + env(safe-area-inset-bottom) / 2);
+ min-height: 100upx;
+ height: calc(100upx + env(safe-area-inset-bottom) / 2);
}
.cu-bar.tabbar.shadow {
- box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1);
+ box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1);
}
.cu-bar.tabbar .action {
- font-size: 22upx;
- position: relative;
- flex: 1;
- text-align: center;
- padding: 0;
- display: block;
- height: auto;
- line-height: 1;
- margin: 0;
- background-color: inherit;
- overflow: initial;
+ font-size: 22upx;
+ position: relative;
+ flex: 1;
+ text-align: center;
+ padding: 0;
+ display: block;
+ height: auto;
+ line-height: 1;
+ margin: 0;
+ background-color: inherit;
+ overflow: initial;
}
.cu-bar.tabbar.shop .action {
- width: 140upx;
- flex: initial;
+ width: 140upx;
+ flex: initial;
}
.cu-bar.tabbar .action.add-action {
- position: relative;
- z-index: 2;
- padding-top: 50upx;
-}
-
-.cu-bar.tabbar .action.add-action [class*="cuIcon-"] {
- position: absolute;
- width: 70upx;
- z-index: 2;
- height: 70upx;
- border-radius: 50%;
- line-height: 70upx;
- font-size: 50upx;
- top: -35upx;
- left: 0;
- right: 0;
- margin: auto;
- padding: 0;
+ position: relative;
+ z-index: 2;
+ padding-top: 50upx;
+}
+
+.cu-bar.tabbar .action.add-action [class*='cuIcon-'] {
+ position: absolute;
+ width: 70upx;
+ z-index: 2;
+ height: 70upx;
+ border-radius: 50%;
+ line-height: 70upx;
+ font-size: 50upx;
+ top: -35upx;
+ left: 0;
+ right: 0;
+ margin: auto;
+ padding: 0;
}
.cu-bar.tabbar .action.add-action::after {
- content: "";
- position: absolute;
- width: 100upx;
- height: 100upx;
- top: -50upx;
- left: 0;
- right: 0;
- margin: auto;
- box-shadow: 0 -3upx 8upx rgba(0, 0, 0, 0.08);
- border-radius: 50upx;
- background-color: inherit;
- z-index: 0;
+ content: '';
+ position: absolute;
+ width: 100upx;
+ height: 100upx;
+ top: -50upx;
+ left: 0;
+ right: 0;
+ margin: auto;
+ box-shadow: 0 -3upx 8upx rgba(0, 0, 0, 0.08);
+ border-radius: 50upx;
+ background-color: inherit;
+ z-index: 0;
}
.cu-bar.tabbar .action.add-action::before {
- content: "";
- position: absolute;
- width: 100upx;
- height: 30upx;
- bottom: 30upx;
- left: 0;
- right: 0;
- margin: auto;
- background-color: inherit;
- z-index: 1;
+ content: '';
+ position: absolute;
+ width: 100upx;
+ height: 30upx;
+ bottom: 30upx;
+ left: 0;
+ right: 0;
+ margin: auto;
+ background-color: inherit;
+ z-index: 1;
}
.cu-bar.tabbar .btn-group {
- flex: 1;
- display: flex;
- justify-content: space-around;
- align-items: center;
- padding: 0 10upx;
+ flex: 1;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ padding: 0 10upx;
}
.cu-bar.tabbar button.action::after {
- border: 0;
+ border: 0;
}
-.cu-bar.tabbar .action [class*="cuIcon-"] {
- width: 100upx;
- position: relative;
- display: block;
- height: auto;
- margin: 0 auto 10upx;
- text-align: center;
- font-size: 40upx;
+.cu-bar.tabbar .action [class*='cuIcon-'] {
+ width: 100upx;
+ position: relative;
+ display: block;
+ height: auto;
+ margin: 0 auto 10upx;
+ text-align: center;
+ font-size: 40upx;
}
.cu-bar.tabbar .action .cuIcon-cu-image {
- margin: 0 auto;
+ margin: 0 auto;
}
.cu-bar.tabbar .action .cuIcon-cu-image image {
- width: 50upx;
- height: 50upx;
- display: inline-block;
+ width: 50upx;
+ height: 50upx;
+ display: inline-block;
}
.cu-bar.tabbar .submit {
- align-items: center;
- display: flex;
- justify-content: center;
- text-align: center;
- position: relative;
- flex: 2;
- align-self: stretch;
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ text-align: center;
+ position: relative;
+ flex: 2;
+ align-self: stretch;
}
.cu-bar.tabbar .submit:last-child {
- flex: 2.6;
+ flex: 2.6;
}
-.cu-bar.tabbar .submit+.submit {
- flex: 2;
+.cu-bar.tabbar .submit + .submit {
+ flex: 2;
}
.cu-bar.tabbar.border .action::before {
- content: " ";
- width: 200%;
- height: 200%;
- position: absolute;
- top: 0;
- left: 0;
- transform: scale(0.5);
- transform-origin: 0 0;
- border-right: 1upx solid rgba(0, 0, 0, 0.1);
- z-index: 3;
+ content: ' ';
+ width: 200%;
+ height: 200%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ transform: scale(0.5);
+ transform-origin: 0 0;
+ border-right: 1upx solid rgba(0, 0, 0, 0.1);
+ z-index: 3;
}
.cu-bar.tabbar.border .action:last-child:before {
- display: none;
+ display: none;
}
.cu-bar.input {
- padding-right: 20upx;
- background-color: #ffffff;
+ padding-right: 20upx;
+ background-color: #ffffff;
}
.cu-bar.input input {
- overflow: initial;
- line-height: 64upx;
- height: 64upx;
- min-height: 64upx;
- flex: 1;
- font-size: 30upx;
- margin: 0 20upx;
+ overflow: initial;
+ line-height: 64upx;
+ height: 64upx;
+ min-height: 64upx;
+ flex: 1;
+ font-size: 30upx;
+ margin: 0 20upx;
}
.cu-bar.input .action {
- margin-left: 20upx;
+ margin-left: 20upx;
}
-.cu-bar.input .action [class*="cuIcon-"] {
- font-size: 48upx;
+.cu-bar.input .action [class*='cuIcon-'] {
+ font-size: 48upx;
}
-.cu-bar.input input+.action {
- margin-right: 20upx;
- margin-left: 0upx;
+.cu-bar.input input + .action {
+ margin-right: 20upx;
+ margin-left: 0upx;
}
-.cu-bar.input .action:first-child [class*="cuIcon-"] {
- margin-left: 0upx;
+.cu-bar.input .action:first-child [class*='cuIcon-'] {
+ margin-left: 0upx;
}
.cu-custom {
- display: block;
- position: relative;
+ display: block;
+ position: relative;
}
.cu-custom .cu-bar .content {
- width: calc(100% - 440upx);
+ width: calc(100% - 440upx);
}
/* #ifdef MP-ALIPAY */
.cu-custom .cu-bar .action .cuIcon-back {
- opacity: 0;
+ opacity: 0;
}
/* #endif */
.cu-custom .cu-bar .content image {
- height: 60upx;
- width: 240upx;
+ height: 60upx;
+ width: 240upx;
}
.cu-custom .cu-bar {
- min-height: 0px;
- /* #ifdef MP-WEIXIN */
- padding-right: 220upx;
- /* #endif */
- /* #ifdef MP-ALIPAY */
- padding-right: 150upx;
- /* #endif */
- box-shadow: 0upx 0upx 0upx;
- z-index: 9999;
+ min-height: 0px;
+ /* #ifdef MP-WEIXIN */
+ padding-right: 220upx;
+ /* #endif */
+ /* #ifdef MP-ALIPAY */
+ padding-right: 150upx;
+ /* #endif */
+ box-shadow: 0upx 0upx 0upx;
+ z-index: 9999;
}
.cu-custom .cu-bar .border-custom {
- position: relative;
- background: rgba(0, 0, 0, 0.15);
- border-radius: 1000upx;
- height: 30px;
+ position: relative;
+ background: rgba(0, 0, 0, 0.15);
+ border-radius: 1000upx;
+ height: 30px;
}
.cu-custom .cu-bar .border-custom::after {
- content: " ";
- width: 200%;
- height: 200%;
- position: absolute;
- top: 0;
- left: 0;
- border-radius: inherit;
- transform: scale(0.5);
- transform-origin: 0 0;
- pointer-events: none;
- box-sizing: border-box;
- border: 1upx solid #ffffff;
- opacity: 0.5;
+ content: ' ';
+ width: 200%;
+ height: 200%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: inherit;
+ transform: scale(0.5);
+ transform-origin: 0 0;
+ pointer-events: none;
+ box-sizing: border-box;
+ border: 1upx solid #ffffff;
+ opacity: 0.5;
}
.cu-custom .cu-bar .border-custom::before {
- content: " ";
- width: 1upx;
- height: 110%;
- position: absolute;
- top: 22.5%;
- left: 0;
- right: 0;
- margin: auto;
- transform: scale(0.5);
- transform-origin: 0 0;
- pointer-events: none;
- box-sizing: border-box;
- opacity: 0.6;
- background-color: #ffffff;
+ content: ' ';
+ width: 1upx;
+ height: 110%;
+ position: absolute;
+ top: 22.5%;
+ left: 0;
+ right: 0;
+ margin: auto;
+ transform: scale(0.5);
+ transform-origin: 0 0;
+ pointer-events: none;
+ box-sizing: border-box;
+ opacity: 0.6;
+ background-color: #ffffff;
}
.cu-custom .cu-bar .border-custom text {
- display: block;
- flex: 1;
- margin: auto !important;
- text-align: center;
- font-size: 34upx;
+ display: block;
+ flex: 1;
+ margin: auto !important;
+ text-align: center;
+ font-size: 34upx;
}
/* ==================
@@ -1941,23 +1947,23 @@ button.cuIcon.lg {
==================== */
.nav {
- white-space: nowrap;
+ white-space: nowrap;
}
::-webkit-scrollbar {
- display: none;
+ display: none;
}
.nav .cu-item {
- height: 90upx;
- display: inline-block;
- line-height: 90upx;
- margin: 0 10upx;
- padding: 0 20upx;
+ height: 90upx;
+ display: inline-block;
+ line-height: 90upx;
+ margin: 0 10upx;
+ padding: 0 20upx;
}
.nav .cu-item.cur {
- border-bottom: 4upx solid;
+ border-bottom: 4upx solid;
}
/* ==================
@@ -1965,85 +1971,85 @@ button.cuIcon.lg {
==================== */
.cu-timeline {
- display: block;
- background-color: #ffffff;
+ display: block;
+ background-color: #ffffff;
}
.cu-timeline .cu-time {
- width: 120upx;
- text-align: center;
- padding: 20upx 0;
- font-size: 26upx;
- color: #888;
- display: block;
-}
-
-.cu-timeline>.cu-item {
- padding: 30upx 30upx 30upx 120upx;
- position: relative;
- display: block;
- z-index: 0;
-}
-
-.cu-timeline>.cu-item:not([class*="text-"]) {
- color: #ccc;
-}
-
-.cu-timeline>.cu-item::after {
- content: "";
- display: block;
- position: absolute;
- width: 1upx;
- background-color: #ddd;
- left: 60upx;
- height: 100%;
- top: 0;
- z-index: 8;
-}
-
-.cu-timeline>.cu-item::before {
- font-family: "cuIcon";
- display: block;
- position: absolute;
- top: 36upx;
- z-index: 9;
- background-color: #ffffff;
- width: 50upx;
- height: 50upx;
- text-align: center;
- border: none;
- line-height: 50upx;
- left: 36upx;
-}
-
-.cu-timeline>.cu-item:not([class*="cuIcon-"])::before {
- content: "\e763";
-}
-
-.cu-timeline>.cu-item[class*="cuIcon-"]::before {
- background-color: #ffffff;
- width: 50upx;
- height: 50upx;
- text-align: center;
- border: none;
- line-height: 50upx;
- left: 36upx;
-}
-
-.cu-timeline>.cu-item>.content {
- padding: 30upx;
- border-radius: 6upx;
- display: block;
- line-height: 1.6;
-}
-
-.cu-timeline>.cu-item>.content:not([class*="bg-"]) {
- background-color: #f1f1f1;
- color: #333333;
+ width: 120upx;
+ text-align: center;
+ padding: 20upx 0;
+ font-size: 26upx;
+ color: #888;
+ display: block;
+}
+
+.cu-timeline > .cu-item {
+ padding: 30upx 30upx 30upx 120upx;
+ position: relative;
+ display: block;
+ z-index: 0;
+}
+
+.cu-timeline > .cu-item:not([class*='text-']) {
+ color: #ccc;
+}
+
+.cu-timeline > .cu-item::after {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 1upx;
+ background-color: #ddd;
+ left: 60upx;
+ height: 100%;
+ top: 0;
+ z-index: 8;
+}
+
+.cu-timeline > .cu-item::before {
+ font-family: 'cuIcon';
+ display: block;
+ position: absolute;
+ top: 36upx;
+ z-index: 9;
+ background-color: #ffffff;
+ width: 50upx;
+ height: 50upx;
+ text-align: center;
+ border: none;
+ line-height: 50upx;
+ left: 36upx;
+}
+
+.cu-timeline > .cu-item:not([class*='cuIcon-'])::before {
+ content: '\e763';
+}
+
+.cu-timeline > .cu-item[class*='cuIcon-']::before {
+ background-color: #ffffff;
+ width: 50upx;
+ height: 50upx;
+ text-align: center;
+ border: none;
+ line-height: 50upx;
+ left: 36upx;
+}
+
+.cu-timeline > .cu-item > .content {
+ padding: 30upx;
+ border-radius: 6upx;
+ display: block;
+ line-height: 1.6;
+}
+
+.cu-timeline > .cu-item > .content:not([class*='bg-']) {
+ background-color: #f1f1f1;
+ color: #333333;
}
-.cu-timeline>.cu-item>.content+.content {
- margin-top: 20upx;
+.cu-timeline > .cu-item > .content + .content {
+ margin-top: 20upx;
}
/* ==================
@@ -2051,127 +2057,127 @@ button.cuIcon.lg {
==================== */
.cu-chat {
- display: flex;
- flex-direction: column;
+ display: flex;
+ flex-direction: column;
}
.cu-chat .cu-item {
- display: flex;
- padding: 30upx 30upx 70upx;
- position: relative;
+ display: flex;
+ padding: 30upx 30upx 70upx;
+ position: relative;
}
-.cu-chat .cu-item>.cu-avatar {
- width: 80upx;
- height: 80upx;
+.cu-chat .cu-item > .cu-avatar {
+ width: 80upx;
+ height: 80upx;
}
-.cu-chat .cu-item>.main {
- max-width: calc(100% - 260upx);
- margin: 0 40upx;
- display: flex;
- align-items: center;
+.cu-chat .cu-item > .main {
+ max-width: calc(100% - 260upx);
+ margin: 0 40upx;
+ display: flex;
+ align-items: center;
}
-.cu-chat .cu-item>image {
- height: 320upx;
+.cu-chat .cu-item > image {
+ height: 320upx;
}
-.cu-chat .cu-item>.main .content {
- padding: 20upx;
- border-radius: 6upx;
- display: inline-flex;
- max-width: 100%;
- align-items: center;
- font-size: 30upx;
- position: relative;
- min-height: 80upx;
- line-height: 40upx;
- text-align: left;
+.cu-chat .cu-item > .main .content {
+ padding: 20upx;
+ border-radius: 6upx;
+ display: inline-flex;
+ max-width: 100%;
+ align-items: center;
+ font-size: 30upx;
+ position: relative;
+ min-height: 80upx;
+ line-height: 40upx;
+ text-align: left;
}
-.cu-chat .cu-item>.main .content:not([class*="bg-"]) {
- background-color: #ffffff;
- color: #333333;
+.cu-chat .cu-item > .main .content:not([class*='bg-']) {
+ background-color: #ffffff;
+ color: #333333;
}
.cu-chat .cu-item .date {
- position: absolute;
- font-size: 24upx;
- color: #8799a3;
- width: calc(100% - 320upx);
- bottom: 20upx;
- left: 160upx;
+ position: absolute;
+ font-size: 24upx;
+ color: #8799a3;
+ width: calc(100% - 320upx);
+ bottom: 20upx;
+ left: 160upx;
}
.cu-chat .cu-item .action {
- padding: 0 30upx;
- display: flex;
- align-items: center;
-}
-
-.cu-chat .cu-item>.main .content::after {
- content: "";
- top: 27upx;
- transform: rotate(45deg);
- position: absolute;
- z-index: 100;
- display: inline-block;
- overflow: hidden;
- width: 24upx;
- height: 24upx;
- left: -12upx;
- right: initial;
- background-color: inherit;
-}
-
-.cu-chat .cu-item.self>.main .content::after {
- left: auto;
- right: -12upx;
-}
-
-.cu-chat .cu-item>.main .content::before {
- content: "";
- top: 30upx;
- transform: rotate(45deg);
- position: absolute;
- z-index: -1;
- display: inline-block;
- overflow: hidden;
- width: 24upx;
- height: 24upx;
- left: -12upx;
- right: initial;
- background-color: inherit;
- filter: blur(5upx);
- opacity: 0.3;
-}
-
-.cu-chat .cu-item>.main .content:not([class*="bg-"])::before {
- background-color: #333333;
- opacity: 0.1;
-}
-
-.cu-chat .cu-item.self>.main .content::before {
- left: auto;
- right: -12upx;
+ padding: 0 30upx;
+ display: flex;
+ align-items: center;
+}
+
+.cu-chat .cu-item > .main .content::after {
+ content: '';
+ top: 27upx;
+ transform: rotate(45deg);
+ position: absolute;
+ z-index: 100;
+ display: inline-block;
+ overflow: hidden;
+ width: 24upx;
+ height: 24upx;
+ left: -12upx;
+ right: initial;
+ background-color: inherit;
+}
+
+.cu-chat .cu-item.self > .main .content::after {
+ left: auto;
+ right: -12upx;
+}
+
+.cu-chat .cu-item > .main .content::before {
+ content: '';
+ top: 30upx;
+ transform: rotate(45deg);
+ position: absolute;
+ z-index: -1;
+ display: inline-block;
+ overflow: hidden;
+ width: 24upx;
+ height: 24upx;
+ left: -12upx;
+ right: initial;
+ background-color: inherit;
+ filter: blur(5upx);
+ opacity: 0.3;
+}
+
+.cu-chat .cu-item > .main .content:not([class*='bg-'])::before {
+ background-color: #333333;
+ opacity: 0.1;
+}
+
+.cu-chat .cu-item.self > .main .content::before {
+ left: auto;
+ right: -12upx;
}
.cu-chat .cu-item.self {
- justify-content: flex-end;
- text-align: right;
+ justify-content: flex-end;
+ text-align: right;
}
.cu-chat .cu-info {
- display: inline-block;
- margin: 20upx auto;
- font-size: 24upx;
- padding: 8upx 12upx;
- background-color: rgba(0, 0, 0, 0.2);
- border-radius: 6upx;
- color: #ffffff;
- max-width: 400upx;
- line-height: 1.4;
+ display: inline-block;
+ margin: 20upx auto;
+ font-size: 24upx;
+ padding: 8upx 12upx;
+ background-color: rgba(0, 0, 0, 0.2);
+ border-radius: 6upx;
+ color: #ffffff;
+ max-width: 400upx;
+ line-height: 1.4;
}
/* ==================
@@ -2179,87 +2185,87 @@ button.cuIcon.lg {
==================== */
.cu-card {
- display: block;
- overflow: hidden;
+ display: block;
+ overflow: hidden;
}
-.cu-card>.cu-item {
- display: block;
- background-color: #ffffff;
- overflow: hidden;
- border-radius: 10upx;
- margin: 30upx;
+.cu-card > .cu-item {
+ display: block;
+ background-color: #ffffff;
+ overflow: hidden;
+ border-radius: 10upx;
+ margin: 30upx;
}
-.cu-card>.cu-item.shadow-blur {
- overflow: initial;
+.cu-card > .cu-item.shadow-blur {
+ overflow: initial;
}
-.cu-card.no-card>.cu-item {
- margin: 0upx;
- border-radius: 0upx;
+.cu-card.no-card > .cu-item {
+ margin: 0upx;
+ border-radius: 0upx;
}
.cu-card .grid.grid-square {
- margin-bottom: -20upx;
+ margin-bottom: -20upx;
}
.cu-card.case .image {
- position: relative;
+ position: relative;
}
.cu-card.case .image image {
- width: 100%;
+ width: 100%;
}
.cu-card.case .image .cu-tag {
- position: absolute;
- right: 0;
- top: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
}
.cu-card.case .image .cu-bar {
- position: absolute;
- bottom: 0;
- width: 100%;
- background-color: transparent;
- padding: 0upx 30upx;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ background-color: transparent;
+ padding: 0upx 30upx;
}
.cu-card.case.no-card .image {
- margin: 30upx 30upx 0;
- overflow: hidden;
- border-radius: 10upx;
+ margin: 30upx 30upx 0;
+ overflow: hidden;
+ border-radius: 10upx;
}
.cu-card.dynamic {
- display: block;
+ display: block;
}
-.cu-card.dynamic>.cu-item {
- display: block;
- background-color: #ffffff;
- overflow: hidden;
+.cu-card.dynamic > .cu-item {
+ display: block;
+ background-color: #ffffff;
+ overflow: hidden;
}
-.cu-card.dynamic>.cu-item>.text-content {
- padding: 0 30upx 0;
- max-height: 6.4em;
- overflow: hidden;
- font-size: 30upx;
- margin-bottom: 20upx;
+.cu-card.dynamic > .cu-item > .text-content {
+ padding: 0 30upx 0;
+ max-height: 6.4em;
+ overflow: hidden;
+ font-size: 30upx;
+ margin-bottom: 20upx;
}
-.cu-card.dynamic>.cu-item .square-img {
- width: 100%;
- height: 200upx;
- border-radius: 6upx;
+.cu-card.dynamic > .cu-item .square-img {
+ width: 100%;
+ height: 200upx;
+ border-radius: 6upx;
}
-.cu-card.dynamic>.cu-item .only-img {
- width: 100%;
- height: 320upx;
- border-radius: 6upx;
+.cu-card.dynamic > .cu-item .only-img {
+ width: 100%;
+ height: 320upx;
+ border-radius: 6upx;
}
/* card.dynamic>.cu-item .comment {
@@ -2270,45 +2276,45 @@ button.cuIcon.lg {
} */
.cu-card.article {
- display: block;
+ display: block;
}
-.cu-card.article>.cu-item {
- padding-bottom: 30upx;
+.cu-card.article > .cu-item {
+ padding-bottom: 30upx;
}
-.cu-card.article>.cu-item .title {
- font-size: 30upx;
- font-weight: 900;
- color: #333333;
- line-height: 100upx;
- padding: 0 30upx;
+.cu-card.article > .cu-item .title {
+ font-size: 30upx;
+ font-weight: 900;
+ color: #333333;
+ line-height: 100upx;
+ padding: 0 30upx;
}
-.cu-card.article>.cu-item .content {
- display: flex;
- padding: 0 30upx;
+.cu-card.article > .cu-item .content {
+ display: flex;
+ padding: 0 30upx;
}
-.cu-card.article>.cu-item .content>image {
- width: 240upx;
- height: 6.4em;
- margin-right: 20upx;
- border-radius: 6upx;
+.cu-card.article > .cu-item .content > image {
+ width: 240upx;
+ height: 6.4em;
+ margin-right: 20upx;
+ border-radius: 6upx;
}
-.cu-card.article>.cu-item .content .desc {
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
+.cu-card.article > .cu-item .content .desc {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
}
-.cu-card.article>.cu-item .content .text-content {
- font-size: 28upx;
- color: #888;
- height: 4.8em;
- overflow: hidden;
+.cu-card.article > .cu-item .content .text-content {
+ font-size: 28upx;
+ color: #888;
+ height: 4.8em;
+ overflow: hidden;
}
/* ==================
@@ -2316,92 +2322,92 @@ button.cuIcon.lg {
==================== */
.cu-form-group {
- background-color: #ffffff;
- padding: 1upx 30upx;
- display: flex;
- align-items: center;
- min-height: 100upx;
- justify-content: space-between;
+ background-color: #ffffff;
+ padding: 1upx 30upx;
+ display: flex;
+ align-items: center;
+ min-height: 100upx;
+ justify-content: space-between;
}
-.cu-form-group+.cu-form-group {
- border-top: 1upx solid #eee;
+.cu-form-group + .cu-form-group {
+ border-top: 1upx solid #eee;
}
.cu-form-group .title {
- text-align: justify;
- padding-right: 30upx;
- font-size: 30upx;
- position: relative;
- height: 60upx;
- line-height: 60upx;
+ text-align: justify;
+ padding-right: 30upx;
+ font-size: 30upx;
+ position: relative;
+ height: 60upx;
+ line-height: 60upx;
}
.cu-form-group input {
- flex: 1;
- font-size: 30upx;
- color: #555;
- padding-right: 20upx;
+ flex: 1;
+ font-size: 30upx;
+ color: #555;
+ padding-right: 20upx;
}
-.cu-form-group>text[class*="cuIcon-"] {
- font-size: 36upx;
- padding: 0;
- box-sizing: border-box;
+.cu-form-group > text[class*='cuIcon-'] {
+ font-size: 36upx;
+ padding: 0;
+ box-sizing: border-box;
}
.cu-form-group textarea {
- margin: 32upx 0 30upx;
- height: 4.6em;
- width: 100%;
- line-height: 1.2em;
- flex: 1;
- font-size: 28upx;
- padding: 0;
+ margin: 32upx 0 30upx;
+ height: 4.6em;
+ width: 100%;
+ line-height: 1.2em;
+ flex: 1;
+ font-size: 28upx;
+ padding: 0;
}
.cu-form-group.align-start .title {
- height: 1em;
- margin-top: 32upx;
- line-height: 1em;
+ height: 1em;
+ margin-top: 32upx;
+ line-height: 1em;
}
.cu-form-group picker {
- flex: 1;
- padding-right: 40upx;
- overflow: hidden;
- position: relative;
+ flex: 1;
+ padding-right: 40upx;
+ overflow: hidden;
+ position: relative;
}
.cu-form-group picker .picker {
- line-height: 100upx;
- font-size: 28upx;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- width: 100%;
- text-align: right;
+ line-height: 100upx;
+ font-size: 28upx;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ width: 100%;
+ text-align: right;
}
.cu-form-group picker::after {
- font-family: cuIcon;
- display: block;
- content: "\e6a3";
- position: absolute;
- font-size: 34upx;
- color: #8799a3;
- line-height: 100upx;
- width: 60upx;
- text-align: center;
- top: 0;
- bottom: 0;
- right: -20upx;
- margin: auto;
+ font-family: cuIcon;
+ display: block;
+ content: '\e6a3';
+ position: absolute;
+ font-size: 34upx;
+ color: #8799a3;
+ line-height: 100upx;
+ width: 60upx;
+ text-align: center;
+ top: 0;
+ bottom: 0;
+ right: -20upx;
+ margin: auto;
}
.cu-form-group textarea[disabled],
.cu-form-group textarea[disabled] .placeholder {
- color: transparent;
+ color: transparent;
}
/* ==================
@@ -2409,96 +2415,96 @@ button.cuIcon.lg {
==================== */
.cu-modal {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1110;
- opacity: 0;
- outline: 0;
- text-align: center;
- -ms-transform: scale(1.185);
- transform: scale(1.185);
- backface-visibility: hidden;
- perspective: 2000upx;
- background: rgba(0, 0, 0, 0.6);
- transition: all 0.3s ease-in-out 0s;
- pointer-events: none;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1110;
+ opacity: 0;
+ outline: 0;
+ text-align: center;
+ -ms-transform: scale(1.185);
+ transform: scale(1.185);
+ backface-visibility: hidden;
+ perspective: 2000upx;
+ background: rgba(0, 0, 0, 0.6);
+ transition: all 0.3s ease-in-out 0s;
+ pointer-events: none;
}
.cu-modal::before {
- content: "\200B";
- display: inline-block;
- height: 100%;
- vertical-align: middle;
+ content: '\200B';
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
}
.cu-modal.show {
- opacity: 1;
- transition-duration: 0.3s;
- -ms-transform: scale(1);
- transform: scale(1);
- overflow-x: hidden;
- overflow-y: auto;
- pointer-events: auto;
+ opacity: 1;
+ transition-duration: 0.3s;
+ -ms-transform: scale(1);
+ transform: scale(1);
+ overflow-x: hidden;
+ overflow-y: auto;
+ pointer-events: auto;
}
.cu-dialog {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- margin-left: auto;
- margin-right: auto;
- width: 680upx;
- max-width: 100%;
- background-color: #f8f8f8;
- border-radius: 10upx;
- overflow: hidden;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin-left: auto;
+ margin-right: auto;
+ width: 680upx;
+ max-width: 100%;
+ background-color: #f8f8f8;
+ border-radius: 10upx;
+ overflow: hidden;
}
.cu-modal.bottom-modal::before {
- vertical-align: bottom;
+ vertical-align: bottom;
}
.cu-modal.bottom-modal .cu-dialog {
- width: 100%;
- border-radius: 0;
+ width: 100%;
+ border-radius: 0;
}
.cu-modal.bottom-modal {
- margin-bottom: -1000upx;
+ margin-bottom: -1000upx;
}
.cu-modal.bottom-modal.show {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.cu-modal.drawer-modal {
- transform: scale(1);
- display: flex;
+ transform: scale(1);
+ display: flex;
}
.cu-modal.drawer-modal .cu-dialog {
- height: 100%;
- min-width: 200upx;
- border-radius: 0;
- margin: initial;
- transition-duration: 0.3s;
+ height: 100%;
+ min-width: 200upx;
+ border-radius: 0;
+ margin: initial;
+ transition-duration: 0.3s;
}
.cu-modal.drawer-modal.justify-start .cu-dialog {
- transform: translateX(-100%);
+ transform: translateX(-100%);
}
.cu-modal.drawer-modal.justify-end .cu-dialog {
- transform: translateX(100%);
+ transform: translateX(100%);
}
.cu-modal.drawer-modal.show .cu-dialog {
- transform: translateX(0%);
+ transform: translateX(0%);
}
-.cu-modal .cu-dialog>.cu-bar:first-child .action{
+.cu-modal .cu-dialog > .cu-bar:first-child .action {
min-width: 100rpx;
margin-right: 0;
min-height: 100rpx;
@@ -2507,144 +2513,143 @@ button.cuIcon.lg {
轮播
==================== */
swiper .a-swiper-dot {
- display: inline-block;
- width: 16upx;
- height: 16upx;
- background: rgba(0, 0, 0, .3);
- border-radius: 50%;
- vertical-align: middle;
+ display: inline-block;
+ width: 16upx;
+ height: 16upx;
+ background: rgba(0, 0, 0, 0.3);
+ border-radius: 50%;
+ vertical-align: middle;
}
-swiper[class*="-dot"] .wx-swiper-dots,
-swiper[class*="-dot"] .a-swiper-dots,
-swiper[class*="-dot"] .uni-swiper-dots {
- display: flex;
- align-items: center;
- width: 100%;
- justify-content: center;
+swiper[class*='-dot'] .wx-swiper-dots,
+swiper[class*='-dot'] .a-swiper-dots,
+swiper[class*='-dot'] .uni-swiper-dots {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ justify-content: center;
}
swiper.square-dot .wx-swiper-dot,
swiper.square-dot .a-swiper-dot,
swiper.square-dot .uni-swiper-dot {
- background-color: #ffffff;
- opacity: 0.4;
- width: 10upx;
- height: 10upx;
- border-radius: 20upx;
- margin: 0 8upx !important;
+ background-color: #ffffff;
+ opacity: 0.4;
+ width: 10upx;
+ height: 10upx;
+ border-radius: 20upx;
+ margin: 0 8upx !important;
}
swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active,
swiper.square-dot .a-swiper-dot.a-swiper-dot-active,
swiper.square-dot .uni-swiper-dot.uni-swiper-dot-active {
- opacity: 1;
- width: 30upx;
+ opacity: 1;
+ width: 30upx;
}
swiper.round-dot .wx-swiper-dot,
swiper.round-dot .a-swiper-dot,
swiper.round-dot .uni-swiper-dot {
- width: 10upx;
- height: 10upx;
- position: relative;
- margin: 4upx 8upx !important;
+ width: 10upx;
+ height: 10upx;
+ position: relative;
+ margin: 4upx 8upx !important;
}
swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active::after,
swiper.round-dot .a-swiper-dot.a-swiper-dot-active::after,
swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active::after {
- content: "";
- position: absolute;
- width: 10upx;
- height: 10upx;
- top: 0upx;
- left: 0upx;
- right: 0;
- bottom: 0;
- margin: auto;
- background-color: #ffffff;
- border-radius: 20upx;
+ content: '';
+ position: absolute;
+ width: 10upx;
+ height: 10upx;
+ top: 0upx;
+ left: 0upx;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ background-color: #ffffff;
+ border-radius: 20upx;
}
swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active,
swiper.round-dot .a-swiper-dot.a-swiper-dot-active,
swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active {
- width: 18upx;
- height: 18upx;
+ width: 18upx;
+ height: 18upx;
}
.screen-swiper {
- min-height: 375upx;
+ min-height: 375upx;
}
.screen-swiper image,
.screen-swiper video,
.swiper-item image,
.swiper-item video {
- width: 100%;
- display: block;
- height: 100%;
- margin: 0;
- pointer-events: none;
+ width: 100%;
+ display: block;
+ height: 100%;
+ margin: 0;
+ pointer-events: none;
}
.card-swiper {
- height: 420upx !important;
+ height: 420upx !important;
}
.card-swiper swiper-item {
- width: 610upx !important;
- left: 70upx;
- box-sizing: border-box;
- padding: 40upx 0upx 70upx;
- overflow: initial;
+ width: 610upx !important;
+ left: 70upx;
+ box-sizing: border-box;
+ padding: 40upx 0upx 70upx;
+ overflow: initial;
}
.card-swiper swiper-item .swiper-item {
- width: 100%;
- display: block;
- height: 100%;
- border-radius: 10upx;
- transform: scale(0.9);
- transition: all 0.2s ease-in 0s;
- overflow: hidden;
+ width: 100%;
+ display: block;
+ height: 100%;
+ border-radius: 10upx;
+ transform: scale(0.9);
+ transition: all 0.2s ease-in 0s;
+ overflow: hidden;
}
.card-swiper swiper-item.cur .swiper-item {
- transform: none;
- transition: all 0.2s ease-in 0s;
+ transform: none;
+ transition: all 0.2s ease-in 0s;
}
-
.tower-swiper {
- height: 420upx;
- position: relative;
- max-width: 750upx;
- overflow: hidden;
+ height: 420upx;
+ position: relative;
+ max-width: 750upx;
+ overflow: hidden;
}
.tower-swiper .tower-item {
- position: absolute;
- width: 300upx;
- height: 380upx;
- top: 0;
- bottom: 0;
- left: 50%;
- margin: auto;
- transition: all 0.2s ease-in 0s;
- opacity: 1;
+ position: absolute;
+ width: 300upx;
+ height: 380upx;
+ top: 0;
+ bottom: 0;
+ left: 50%;
+ margin: auto;
+ transition: all 0.2s ease-in 0s;
+ opacity: 1;
}
.tower-swiper .tower-item.none {
- opacity: 0;
+ opacity: 0;
}
.tower-swiper .tower-item .swiper-item {
- width: 100%;
- height: 100%;
- border-radius: 6upx;
- overflow: hidden;
+ width: 100%;
+ height: 100%;
+ border-radius: 6upx;
+ overflow: hidden;
}
/* ==================
@@ -2652,135 +2657,135 @@ swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active {
==================== */
.cu-steps {
- display: flex;
+ display: flex;
}
scroll-view.cu-steps {
- display: block;
- white-space: nowrap;
+ display: block;
+ white-space: nowrap;
}
scroll-view.cu-steps .cu-item {
- display: inline-block;
+ display: inline-block;
}
.cu-steps .cu-item {
- flex: 1;
- text-align: center;
- position: relative;
- min-width: 100upx;
+ flex: 1;
+ text-align: center;
+ position: relative;
+ min-width: 100upx;
}
-.cu-steps .cu-item:not([class*="text-"]) {
- color: #8799a3;
+.cu-steps .cu-item:not([class*='text-']) {
+ color: #8799a3;
}
-.cu-steps .cu-item [class*="cuIcon-"],
+.cu-steps .cu-item [class*='cuIcon-'],
.cu-steps .cu-item .num {
- display: block;
- font-size: 40upx;
- line-height: 80upx;
+ display: block;
+ font-size: 40upx;
+ line-height: 80upx;
}
.cu-steps .cu-item::before,
.cu-steps .cu-item::after,
.cu-steps.steps-arrow .cu-item::before,
.cu-steps.steps-arrow .cu-item::after {
- content: "";
- display: block;
- position: absolute;
- height: 0px;
- width: calc(100% - 80upx);
- border-bottom: 1px solid #ccc;
- left: calc(0px - (100% - 80upx) / 2);
- top: 40upx;
- z-index: 0;
+ content: '';
+ display: block;
+ position: absolute;
+ height: 0px;
+ width: calc(100% - 80upx);
+ border-bottom: 1px solid #ccc;
+ left: calc(0px - (100% - 80upx) / 2);
+ top: 40upx;
+ z-index: 0;
}
.cu-steps.steps-arrow .cu-item::before,
.cu-steps.steps-arrow .cu-item::after {
- content: "\e6a3";
- font-family: 'cuIcon';
- height: 30upx;
- border-bottom-width: 0px;
- line-height: 30upx;
- top: 0;
- bottom: 0;
- margin: auto;
- color: #ccc;
+ content: '\e6a3';
+ font-family: 'cuIcon';
+ height: 30upx;
+ border-bottom-width: 0px;
+ line-height: 30upx;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ color: #ccc;
}
.cu-steps.steps-bottom .cu-item::before,
.cu-steps.steps-bottom .cu-item::after {
- bottom: 40upx;
- top: initial;
+ bottom: 40upx;
+ top: initial;
}
.cu-steps .cu-item::after {
- border-bottom: 1px solid currentColor;
- width: 0px;
- transition: all 0.3s ease-in-out 0s;
+ border-bottom: 1px solid currentColor;
+ width: 0px;
+ transition: all 0.3s ease-in-out 0s;
}
-.cu-steps .cu-item[class*="text-"]::after {
- width: calc(100% - 80upx);
- color: currentColor;
+.cu-steps .cu-item[class*='text-']::after {
+ width: calc(100% - 80upx);
+ color: currentColor;
}
.cu-steps .cu-item:first-child::before,
.cu-steps .cu-item:first-child::after {
- display: none;
+ display: none;
}
.cu-steps .cu-item .num {
- width: 40upx;
- height: 40upx;
- border-radius: 50%;
- line-height: 40upx;
- margin: 20upx auto;
- font-size: 24upx;
- border: 1px solid currentColor;
- position: relative;
- overflow: hidden;
+ width: 40upx;
+ height: 40upx;
+ border-radius: 50%;
+ line-height: 40upx;
+ margin: 20upx auto;
+ font-size: 24upx;
+ border: 1px solid currentColor;
+ position: relative;
+ overflow: hidden;
}
-.cu-steps .cu-item[class*="text-"] .num {
- background-color: currentColor;
+.cu-steps .cu-item[class*='text-'] .num {
+ background-color: currentColor;
}
.cu-steps .cu-item .num::before,
.cu-steps .cu-item .num::after {
- content: attr(data-index);
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- transition: all 0.3s ease-in-out 0s;
- transform: translateY(0upx);
-}
-
-.cu-steps .cu-item[class*="text-"] .num::before {
- transform: translateY(-40upx);
- color: #ffffff;
+ content: attr(data-index);
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ transition: all 0.3s ease-in-out 0s;
+ transform: translateY(0upx);
+}
+
+.cu-steps .cu-item[class*='text-'] .num::before {
+ transform: translateY(-40upx);
+ color: #ffffff;
}
.cu-steps .cu-item .num::after {
- transform: translateY(40upx);
- color: #ffffff;
- transition: all 0.3s ease-in-out 0s;
+ transform: translateY(40upx);
+ color: #ffffff;
+ transition: all 0.3s ease-in-out 0s;
}
-.cu-steps .cu-item[class*="text-"] .num::after {
- content: "\e645";
- font-family: 'cuIcon';
- color: #ffffff;
- transform: translateY(0upx);
+.cu-steps .cu-item[class*='text-'] .num::after {
+ content: '\e645';
+ font-family: 'cuIcon';
+ color: #ffffff;
+ transform: translateY(0upx);
}
-.cu-steps .cu-item[class*="text-"] .num.err::after {
- content: "\e646";
+.cu-steps .cu-item[class*='text-'] .num.err::after {
+ content: '\e646';
}
/* ==================
@@ -2790,538 +2795,538 @@ scroll-view.cu-steps .cu-item {
/* -- flex弹性布局 -- */
.flex {
- display: flex;
+ display: flex;
}
.basis-xs {
- flex-basis: 20%;
+ flex-basis: 20%;
}
.basis-sm {
- flex-basis: 40%;
+ flex-basis: 40%;
}
.basis-df {
- flex-basis: 50%;
+ flex-basis: 50%;
}
.basis-lg {
- flex-basis: 60%;
+ flex-basis: 60%;
}
.basis-xl {
- flex-basis: 80%;
+ flex-basis: 80%;
}
.flex-sub {
- flex: 1;
+ flex: 1;
}
.flex-twice {
- flex: 2;
+ flex: 2;
}
.flex-treble {
- flex: 3;
+ flex: 3;
}
.flex-direction {
- flex-direction: column;
+ flex-direction: column;
}
.flex-wrap {
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
.align-start {
- align-items: flex-start;
+ align-items: flex-start;
}
.align-end {
- align-items: flex-end;
+ align-items: flex-end;
}
.align-center {
- align-items: center;
+ align-items: center;
}
.align-stretch {
- align-items: stretch;
+ align-items: stretch;
}
.self-start {
- align-self: flex-start;
+ align-self: flex-start;
}
.self-center {
- align-self: flex-center;
+ align-self: flex-center;
}
.self-end {
- align-self: flex-end;
+ align-self: flex-end;
}
.self-stretch {
- align-self: stretch;
+ align-self: stretch;
}
.align-stretch {
- align-items: stretch;
+ align-items: stretch;
}
.justify-start {
- justify-content: flex-start;
+ justify-content: flex-start;
}
.justify-end {
- justify-content: flex-end;
+ justify-content: flex-end;
}
.justify-center {
- justify-content: center;
+ justify-content: center;
}
.justify-between {
- justify-content: space-between;
+ justify-content: space-between;
}
.justify-around {
- justify-content: space-around;
+ justify-content: space-around;
}
/* grid布局 */
.grid {
- display: flex;
- flex-wrap: wrap;
+ display: flex;
+ flex-wrap: wrap;
}
.grid.grid-square {
- overflow: hidden;
+ overflow: hidden;
}
.grid.grid-square .cu-tag {
- position: absolute;
- right: 0;
- top: 0;
- border-bottom-left-radius: 6upx;
- padding: 6upx 12upx;
- height: auto;
- background-color: rgba(0, 0, 0, 0.5);
-}
-
-.grid.grid-square>view>text[class*="cuIcon-"] {
- font-size: 52upx;
- position: absolute;
- color: #8799a3;
- margin: auto;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
-}
-
-.grid.grid-square>view {
- margin-right: 20upx;
- margin-bottom: 20upx;
- border-radius: 6upx;
- position: relative;
- overflow: hidden;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-bottom-left-radius: 6upx;
+ padding: 6upx 12upx;
+ height: auto;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.grid.grid-square > view > text[class*='cuIcon-'] {
+ font-size: 52upx;
+ position: absolute;
+ color: #8799a3;
+ margin: auto;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+
+.grid.grid-square > view {
+ margin-right: 20upx;
+ margin-bottom: 20upx;
+ border-radius: 6upx;
+ position: relative;
+ overflow: hidden;
}
-.grid.grid-square>view.bg-img image {
- width: 100%;
- height: 100%;
- position: absolute;
+.grid.grid-square > view.bg-img image {
+ width: 100%;
+ height: 100%;
+ position: absolute;
}
-.grid.col-1.grid-square>view {
- padding-bottom: 100%;
- height: 0;
- margin-right: 0;
+.grid.col-1.grid-square > view {
+ padding-bottom: 100%;
+ height: 0;
+ margin-right: 0;
}
-.grid.col-2.grid-square>view {
- padding-bottom: calc((100% - 20upx)/2);
- height: 0;
- width: calc((100% - 20upx)/2);
+.grid.col-2.grid-square > view {
+ padding-bottom: calc((100% - 20upx) / 2);
+ height: 0;
+ width: calc((100% - 20upx) / 2);
}
-.grid.col-3.grid-square>view {
- padding-bottom: calc((100% - 40upx)/3);
- height: 0;
- width: calc((100% - 40upx)/3);
+.grid.col-3.grid-square > view {
+ padding-bottom: calc((100% - 40upx) / 3);
+ height: 0;
+ width: calc((100% - 40upx) / 3);
}
-.grid.col-4.grid-square>view {
- padding-bottom: calc((100% - 60upx)/4);
- height: 0;
- width: calc((100% - 60upx)/4);
+.grid.col-4.grid-square > view {
+ padding-bottom: calc((100% - 60upx) / 4);
+ height: 0;
+ width: calc((100% - 60upx) / 4);
}
-.grid.col-5.grid-square>view {
- padding-bottom: calc((100% - 80upx)/5);
- height: 0;
- width: calc((100% - 80upx)/5);
+.grid.col-5.grid-square > view {
+ padding-bottom: calc((100% - 80upx) / 5);
+ height: 0;
+ width: calc((100% - 80upx) / 5);
}
-.grid.col-2.grid-square>view:nth-child(2n),
-.grid.col-3.grid-square>view:nth-child(3n),
-.grid.col-4.grid-square>view:nth-child(4n),
-.grid.col-5.grid-square>view:nth-child(5n) {
- margin-right: 0;
+.grid.col-2.grid-square > view:nth-child(2n),
+.grid.col-3.grid-square > view:nth-child(3n),
+.grid.col-4.grid-square > view:nth-child(4n),
+.grid.col-5.grid-square > view:nth-child(5n) {
+ margin-right: 0;
}
-.grid.col-1>view {
- width: 100%;
+.grid.col-1 > view {
+ width: 100%;
}
-.grid.col-2>view {
- width: 50%;
+.grid.col-2 > view {
+ width: 50%;
}
-.grid.col-3>view {
- width: 33.33%;
+.grid.col-3 > view {
+ width: 33.33%;
}
-.grid.col-4>view {
- width: 25%;
+.grid.col-4 > view {
+ width: 25%;
}
-.grid.col-5>view {
- width: 20%;
+.grid.col-5 > view {
+ width: 20%;
}
/* -- 内外边距 -- */
.margin-0 {
- margin: 0;
+ margin: 0;
}
.margin-xs {
- margin: 10upx;
+ margin: 10upx;
}
.margin-sm {
- margin: 20upx;
+ margin: 20upx;
}
.margin {
- margin: 30upx;
+ margin: 30upx;
}
.margin-lg {
- margin: 40upx;
+ margin: 40upx;
}
.margin-xl {
- margin: 50upx;
+ margin: 50upx;
}
.margin-top-xs {
- margin-top: 10upx;
+ margin-top: 10upx;
}
.margin-top-sm {
- margin-top: 20upx;
+ margin-top: 20upx;
}
.margin-top {
- margin-top: 30upx;
+ margin-top: 30upx;
}
.margin-top-lg {
- margin-top: 40upx;
+ margin-top: 40upx;
}
.margin-top-xl {
- margin-top: 50upx;
+ margin-top: 50upx;
}
.margin-right-xs {
- margin-right: 10upx;
+ margin-right: 10upx;
}
.margin-right-sm {
- margin-right: 20upx;
+ margin-right: 20upx;
}
.margin-right {
- margin-right: 30upx;
+ margin-right: 30upx;
}
.margin-right-lg {
- margin-right: 40upx;
+ margin-right: 40upx;
}
.margin-right-xl {
- margin-right: 50upx;
+ margin-right: 50upx;
}
.margin-bottom-xs {
- margin-bottom: 10upx;
+ margin-bottom: 10upx;
}
.margin-bottom-sm {
- margin-bottom: 20upx;
+ margin-bottom: 20upx;
}
.margin-bottom {
- margin-bottom: 30upx;
+ margin-bottom: 30upx;
}
.margin-bottom-lg {
- margin-bottom: 40upx;
+ margin-bottom: 40upx;
}
.margin-bottom-xl {
- margin-bottom: 50upx;
+ margin-bottom: 50upx;
}
.margin-left-xs {
- margin-left: 10upx;
+ margin-left: 10upx;
}
.margin-left-sm {
- margin-left: 20upx;
+ margin-left: 20upx;
}
.margin-left {
- margin-left: 30upx;
+ margin-left: 30upx;
}
.margin-left-lg {
- margin-left: 40upx;
+ margin-left: 40upx;
}
.margin-left-xl {
- margin-left: 50upx;
+ margin-left: 50upx;
}
.margin-lr-xs {
- margin-left: 10upx;
- margin-right: 10upx;
+ margin-left: 10upx;
+ margin-right: 10upx;
}
.margin-lr-sm {
- margin-left: 20upx;
- margin-right: 20upx;
+ margin-left: 20upx;
+ margin-right: 20upx;
}
.margin-lr {
- margin-left: 30upx;
- margin-right: 30upx;
+ margin-left: 30upx;
+ margin-right: 30upx;
}
.margin-lr-lg {
- margin-left: 40upx;
- margin-right: 40upx;
+ margin-left: 40upx;
+ margin-right: 40upx;
}
.margin-lr-xl {
- margin-left: 50upx;
- margin-right: 50upx;
+ margin-left: 50upx;
+ margin-right: 50upx;
}
.margin-tb-xs {
- margin-top: 10upx;
- margin-bottom: 10upx;
+ margin-top: 10upx;
+ margin-bottom: 10upx;
}
.margin-tb-sm {
- margin-top: 20upx;
- margin-bottom: 20upx;
+ margin-top: 20upx;
+ margin-bottom: 20upx;
}
.margin-tb {
- margin-top: 30upx;
- margin-bottom: 30upx;
+ margin-top: 30upx;
+ margin-bottom: 30upx;
}
.margin-tb-lg {
- margin-top: 40upx;
- margin-bottom: 40upx;
+ margin-top: 40upx;
+ margin-bottom: 40upx;
}
.margin-tb-xl {
- margin-top: 50upx;
- margin-bottom: 50upx;
+ margin-top: 50upx;
+ margin-bottom: 50upx;
}
.padding-0 {
- padding: 0;
+ padding: 0;
}
.padding-xs {
- padding: 10upx;
+ padding: 10upx;
}
.padding-sm {
- padding: 20upx;
+ padding: 20upx;
}
.padding {
- padding: 30upx;
+ padding: 30upx;
}
.padding-lg {
- padding: 40upx;
+ padding: 40upx;
}
.padding-xl {
- padding: 50upx;
+ padding: 50upx;
}
.padding-top-xs {
- padding-top: 10upx;
+ padding-top: 10upx;
}
.padding-top-sm {
- padding-top: 20upx;
+ padding-top: 20upx;
}
.padding-top {
- padding-top: 30upx;
+ padding-top: 30upx;
}
.padding-top-lg {
- padding-top: 40upx;
+ padding-top: 40upx;
}
.padding-top-xl {
- padding-top: 50upx;
+ padding-top: 50upx;
}
.padding-right-xs {
- padding-right: 10upx;
+ padding-right: 10upx;
}
.padding-right-sm {
- padding-right: 20upx;
+ padding-right: 20upx;
}
.padding-right {
- padding-right: 30upx;
+ padding-right: 30upx;
}
.padding-right-lg {
- padding-right: 40upx;
+ padding-right: 40upx;
}
.padding-right-xl {
- padding-right: 50upx;
+ padding-right: 50upx;
}
.padding-bottom-xs {
- padding-bottom: 10upx;
+ padding-bottom: 10upx;
}
.padding-bottom-sm {
- padding-bottom: 20upx;
+ padding-bottom: 20upx;
}
.padding-bottom {
- padding-bottom: 30upx;
+ padding-bottom: 30upx;
}
.padding-bottom-lg {
- padding-bottom: 40upx;
+ padding-bottom: 40upx;
}
.padding-bottom-xl {
- padding-bottom: 50upx;
+ padding-bottom: 50upx;
}
.padding-left-xs {
- padding-left: 10upx;
+ padding-left: 10upx;
}
.padding-left-sm {
- padding-left: 20upx;
+ padding-left: 20upx;
}
.padding-left {
- padding-left: 30upx;
+ padding-left: 30upx;
}
.padding-left-lg {
- padding-left: 40upx;
+ padding-left: 40upx;
}
.padding-left-xl {
- padding-left: 50upx;
+ padding-left: 50upx;
}
.padding-lr-xs {
- padding-left: 10upx;
- padding-right: 10upx;
+ padding-left: 10upx;
+ padding-right: 10upx;
}
.padding-lr-sm {
- padding-left: 20upx;
- padding-right: 20upx;
+ padding-left: 20upx;
+ padding-right: 20upx;
}
.padding-lr {
- padding-left: 30upx;
- padding-right: 30upx;
+ padding-left: 30upx;
+ padding-right: 30upx;
}
.padding-lr-lg {
- padding-left: 40upx;
- padding-right: 40upx;
+ padding-left: 40upx;
+ padding-right: 40upx;
}
.padding-lr-xl {
- padding-left: 50upx;
- padding-right: 50upx;
+ padding-left: 50upx;
+ padding-right: 50upx;
}
.padding-tb-xs {
- padding-top: 10upx;
- padding-bottom: 10upx;
+ padding-top: 10upx;
+ padding-bottom: 10upx;
}
.padding-tb-sm {
- padding-top: 20upx;
- padding-bottom: 20upx;
+ padding-top: 20upx;
+ padding-bottom: 20upx;
}
.padding-tb {
- padding-top: 30upx;
- padding-bottom: 30upx;
+ padding-top: 30upx;
+ padding-bottom: 30upx;
}
.padding-tb-lg {
- padding-top: 40upx;
- padding-bottom: 40upx;
+ padding-top: 40upx;
+ padding-bottom: 40upx;
}
.padding-tb-xl {
- padding-top: 50upx;
- padding-bottom: 50upx;
+ padding-top: 50upx;
+ padding-bottom: 50upx;
}
/* -- 浮动 -- */
.cf::after,
.cf::before {
- content: " ";
- display: table;
+ content: ' ';
+ display: table;
}
.cf::after {
- clear: both;
+ clear: both;
}
.fl {
- float: left;
+ float: left;
}
.fr {
- float: right;
+ float: right;
}
/* ==================
@@ -3478,267 +3483,342 @@ scroll-view.cu-steps .cu-item {
color: #666666;
}
+.bg-red {
+ background-color: #e54d42;
+ color: #ffffff;
+}
+
+.bg-orange {
+ background-color: #f37b1d;
+ color: #ffffff;
+}
+
+.bg-yellow {
+ background-color: #fbbd08;
+ color: #333333;
+}
+
+.bg-olive {
+ background-color: #8dc63f;
+ color: #ffffff;
+}
+
+.bg-green {
+ background-color: #39b54a;
+ color: #ffffff;
+}
+
+.bg-cyan {
+ background-color: #1cbbb4;
+ color: #ffffff;
+}
+
+.bg-blue {
+ background-color: #0081ff;
+ color: #ffffff;
+}
+
+.bg-purple {
+ background-color: #6739b6;
+ color: #ffffff;
+}
+
+.bg-mauve {
+ background-color: #9c26b0;
+ color: #ffffff;
+}
+
+.bg-pink {
+ background-color: #e03997;
+ color: #ffffff;
+}
+
+.bg-brown {
+ background-color: #a5673f;
+ color: #ffffff;
+}
+
+.bg-grey {
+ background-color: #8799a3;
+ color: #ffffff;
+}
+
+.bg-gray {
+ background-color: #f0f0f0;
+ color: #333333;
+}
+
+.bg-black {
+ background-color: #333333;
+ color: #ffffff;
+}
+
+.bg-white {
+ background-color: #ffffff;
+ color: #666666;
+}
+
.bg-shadeTop {
- background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
- color: #ffffff;
+ background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
+ color: #ffffff;
}
.bg-shadeBottom {
- background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
- color: #ffffff;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
+ color: #ffffff;
}
.bg-red.light {
- color: #e54d42;
- background-color: #fadbd9;
+ color: #e54d42;
+ background-color: #fadbd9;
}
.bg-orange.light {
- color: #f37b1d;
- background-color: #fde6d2;
+ color: #f37b1d;
+ background-color: #fde6d2;
}
.bg-yellow.light {
- color: #fbbd08;
- background-color: #fef2ced2;
+ color: #fbbd08;
+ background-color: #fef2ced2;
}
.bg-olive.light {
- color: #8dc63f;
- background-color: #e8f4d9;
+ color: #8dc63f;
+ background-color: #e8f4d9;
}
.bg-green.light {
- color: #39b54a;
- background-color: #d7f0dbff;
+ color: #39b54a;
+ background-color: #d7f0dbff;
}
.bg-cyan.light {
- color: #1cbbb4;
- background-color: #d2f1f0;
+ color: #1cbbb4;
+ background-color: #d2f1f0;
}
.bg-blue.light {
- color: #0081ff;
- background-color: #cce6ff;
+ color: #0081ff;
+ background-color: #cce6ff;
}
.bg-purple.light {
- color: #6739b6;
- background-color: #e1d7f0;
+ color: #6739b6;
+ background-color: #e1d7f0;
}
.bg-mauve.light {
- color: #9c26b0;
- background-color: #ebd4ef;
+ color: #9c26b0;
+ background-color: #ebd4ef;
}
.bg-pink.light {
- color: #e03997;
- background-color: #f9d7ea;
+ color: #e03997;
+ background-color: #f9d7ea;
}
.bg-brown.light {
- color: #a5673f;
- background-color: #ede1d9;
+ color: #a5673f;
+ background-color: #ede1d9;
}
.bg-grey.light {
- color: #8799a3;
- background-color: #e7ebed;
+ color: #8799a3;
+ background-color: #e7ebed;
}
.bg-gradual-red {
- background-image: linear-gradient(45deg, #f43f3b, #ec008c);
- color: #ffffff;
+ background-image: linear-gradient(45deg, #f43f3b, #ec008c);
+ color: #ffffff;
}
.bg-gradual-orange {
- background-image: linear-gradient(45deg, #ff9700, #ed1c24);
- color: #ffffff;
+ background-image: linear-gradient(45deg, #ff9700, #ed1c24);
+ color: #ffffff;
}
.bg-gradual-green {
- background-image: linear-gradient(45deg, #39b54a, #8dc63f);
- color: #ffffff;
+ background-image: linear-gradient(45deg, #39b54a, #8dc63f);
+ color: #ffffff;
}
.bg-gradual-purple {
- background-image: linear-gradient(45deg, #9000ff, #5e00ff);
- color: #ffffff;
+ background-image: linear-gradient(45deg, #9000ff, #5e00ff);
+ color: #ffffff;
}
.bg-gradual-pink {
- background-image: linear-gradient(45deg, #ec008c, #6739b6);
- color: #ffffff;
+ background-image: linear-gradient(45deg, #ec008c, #6739b6);
+ color: #ffffff;
}
.bg-gradual-blue {
- background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
- color: #ffffff;
+ background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
+ color: #ffffff;
}
-.shadow[class*="-red"] {
- box-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
+.shadow[class*='-red'] {
+ box-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
}
-.shadow[class*="-orange"] {
- box-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
+.shadow[class*='-orange'] {
+ box-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
}
-.shadow[class*="-yellow"] {
- box-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
+.shadow[class*='-yellow'] {
+ box-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
}
-.shadow[class*="-olive"] {
- box-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
+.shadow[class*='-olive'] {
+ box-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
}
-.shadow[class*="-green"] {
- box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
+.shadow[class*='-green'] {
+ box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
}
-.shadow[class*="-cyan"] {
- box-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
+.shadow[class*='-cyan'] {
+ box-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
}
-.shadow[class*="-blue"] {
- box-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
+.shadow[class*='-blue'] {
+ box-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
}
-.shadow[class*="-purple"] {
- box-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
+.shadow[class*='-purple'] {
+ box-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
}
-.shadow[class*="-mauve"] {
- box-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
+.shadow[class*='-mauve'] {
+ box-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
}
-.shadow[class*="-pink"] {
- box-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
+.shadow[class*='-pink'] {
+ box-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
}
-.shadow[class*="-brown"] {
- box-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
+.shadow[class*='-brown'] {
+ box-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
}
-.shadow[class*="-grey"] {
- box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
+.shadow[class*='-grey'] {
+ box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}
-.shadow[class*="-gray"] {
- box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
+.shadow[class*='-gray'] {
+ box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}
-.shadow[class*="-black"] {
- box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
+.shadow[class*='-black'] {
+ box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}
-.shadow[class*="-white"] {
- box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
+.shadow[class*='-white'] {
+ box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}
-.text-shadow[class*="-red"] {
- text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
+.text-shadow[class*='-red'] {
+ text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
}
-.text-shadow[class*="-orange"] {
- text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
+.text-shadow[class*='-orange'] {
+ text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
}
-.text-shadow[class*="-yellow"] {
- text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
+.text-shadow[class*='-yellow'] {
+ text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
}
-.text-shadow[class*="-olive"] {
- text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
+.text-shadow[class*='-olive'] {
+ text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
}
-.text-shadow[class*="-green"] {
- text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
+.text-shadow[class*='-green'] {
+ text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
}
-.text-shadow[class*="-cyan"] {
- text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
+.text-shadow[class*='-cyan'] {
+ text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
}
-.text-shadow[class*="-blue"] {
- text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
+.text-shadow[class*='-blue'] {
+ text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
}
-.text-shadow[class*="-purple"] {
- text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
+.text-shadow[class*='-purple'] {
+ text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
}
-.text-shadow[class*="-mauve"] {
- text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
+.text-shadow[class*='-mauve'] {
+ text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
}
-.text-shadow[class*="-pink"] {
- text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
+.text-shadow[class*='-pink'] {
+ text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
}
-.text-shadow[class*="-brown"] {
- text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
+.text-shadow[class*='-brown'] {
+ text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
}
-.text-shadow[class*="-grey"] {
- text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
+.text-shadow[class*='-grey'] {
+ text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}
-.text-shadow[class*="-gray"] {
- text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
+.text-shadow[class*='-gray'] {
+ text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}
-.text-shadow[class*="-black"] {
- text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
+.text-shadow[class*='-black'] {
+ text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}
.bg-img {
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
}
.bg-mask {
- background-color: #333333;
- position: relative;
+ background-color: #333333;
+ position: relative;
}
.bg-mask::after {
- content: "";
- border-radius: inherit;
- width: 100%;
- height: 100%;
- display: block;
- background-color: rgba(0, 0, 0, 0.4);
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- top: 0;
+ content: '';
+ border-radius: inherit;
+ width: 100%;
+ height: 100%;
+ display: block;
+ background-color: rgba(0, 0, 0, 0.4);
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
}
.bg-mask view,
.bg-mask cover-view {
- z-index: 5;
- position: relative;
+ z-index: 5;
+ position: relative;
}
.bg-video {
- position: relative;
+ position: relative;
}
.bg-video video {
- display: block;
- height: 100%;
- width: 100%;
- -o-object-fit: cover;
- object-fit: cover;
- position: absolute;
- top: 0;
- z-index: 0;
- pointer-events: none;
+ display: block;
+ height: 100%;
+ width: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+ position: absolute;
+ top: 0;
+ z-index: 0;
+ pointer-events: none;
}
/* ==================
@@ -3746,167 +3826,167 @@ scroll-view.cu-steps .cu-item {
==================== */
.text-xs {
- font-size: 20upx;
+ font-size: 20upx;
}
.text-sm {
- font-size: 24upx;
+ font-size: 24upx;
}
.text-df {
- font-size: 28upx;
+ font-size: 28upx;
}
.text-lg {
- font-size: 32upx;
+ font-size: 32upx;
}
.text-xl {
- font-size: 36upx;
+ font-size: 36upx;
}
.text-xxl {
- font-size: 44upx;
+ font-size: 44upx;
}
.text-sl {
- font-size: 80upx;
+ font-size: 80upx;
}
.text-xsl {
- font-size: 120upx;
+ font-size: 120upx;
}
.text-Abc {
- text-transform: Capitalize;
+ text-transform: Capitalize;
}
.text-ABC {
- text-transform: Uppercase;
+ text-transform: Uppercase;
}
.text-abc {
- text-transform: Lowercase;
+ text-transform: Lowercase;
}
.text-price::before {
- content: "¥";
- font-size: 80%;
- margin-right: 4upx;
+ content: '¥';
+ font-size: 80%;
+ margin-right: 4upx;
}
.text-cut {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
}
.text-bold {
- font-weight: bold;
+ font-weight: bold;
}
.text-center {
- text-align: center;
+ text-align: center;
}
.text-content {
- line-height: 1.6;
+ line-height: 1.6;
}
.text-left {
- text-align: left;
+ text-align: left;
}
.text-right {
- text-align: right;
+ text-align: right;
}
.text-red,
.line-red,
.lines-red {
- color: #e54d42;
+ color: #e54d42 !important;
}
.text-orange,
.line-orange,
.lines-orange {
- color: #f37b1d;
+ color: #f37b1d !important;
}
.text-yellow,
.line-yellow,
.lines-yellow {
- color: #fbbd08;
+ color: #fbbd08 !important;
}
.text-olive,
.line-olive,
.lines-olive {
- color: #8dc63f;
+ color: #8dc63f !important;
}
.text-green,
.line-green,
.lines-green {
- color: #39b54a;
+ color: #39b54a !important;
}
.text-cyan,
.line-cyan,
.lines-cyan {
- color: #1cbbb4;
+ color: #1cbbb4 !important;
}
.text-blue,
.line-blue,
.lines-blue {
- color: #0081ff;
+ color: #0081ff !important;
}
.text-purple,
.line-purple,
.lines-purple {
- color: #6739b6;
+ color: #6739b6 !important;
}
.text-mauve,
.line-mauve,
.lines-mauve {
- color: #9c26b0;
+ color: #9c26b0 !important;
}
.text-pink,
.line-pink,
.lines-pink {
- color: #e03997;
+ color: #e03997;
}
.text-brown,
.line-brown,
.lines-brown {
- color: #a5673f;
+ color: #a5673f !important;
}
.text-grey,
.line-grey,
.lines-grey {
- color: #8799a3;
+ color: #8799a3 !important;
}
.text-gray,
.line-gray,
.lines-gray {
- color: #aaaaaa;
+ color: #aaaaaa !important;
}
.text-black,
.line-black,
.lines-black {
- color: #333333;
+ color: #333333 !important;
}
.text-white,
.line-white,
.lines-white {
- color: #ffffff;
+ color: #ffffff !important;
}
diff --git a/common/style/global.scss b/common/style/global.scss
index 0d04328..4872bdc 100644
--- a/common/style/global.scss
+++ b/common/style/global.scss
@@ -1,3 +1,29 @@
.cc-active {
transform: translate3d(1rpx, 1rpx, 0);
}
+
+.card {
+ margin-bottom: 60rpx;
+ .card-head {
+ display: flex;
+ align-items: center;
+ height: 120rpx;
+ padding: 0 32rpx;
+
+ .card-head-avatar {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 56rpx;
+ height: 56rpx;
+ border-radius: 50%;
+ }
+
+ .card-head-title {
+ flex: 1;
+ margin: 0 20rpx;
+ font-size: 16px;
+ color: $black;
+ }
+ }
+}
diff --git a/common/style/iconfont.scss b/common/style/iconfont.scss
index 2b4fce6..1fbfc8e 100644
--- a/common/style/iconfont.scss
+++ b/common/style/iconfont.scss
@@ -4,7 +4,7 @@
.iconfont {
font-family: "iconfont" !important;
- font-size: 24px;
+ font-size: 26px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
diff --git a/components/history-map/history-map.vue b/components/history-map/history-map.vue
new file mode 100644
index 0000000..00bcadc
--- /dev/null
+++ b/components/history-map/history-map.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
diff --git a/components/uni-calendar/calendar.js b/components/uni-calendar/calendar.js
new file mode 100644
index 0000000..b8d7d6f
--- /dev/null
+++ b/components/uni-calendar/calendar.js
@@ -0,0 +1,546 @@
+/**
+* @1900-2100区间内的公历、农历互转
+* @charset UTF-8
+* @github https://github.com/jjonline/calendar.js
+* @Author Jea杨(JJonline@JJonline.Cn)
+* @Time 2014-7-21
+* @Time 2016-8-13 Fixed 2033hex、Attribution Annals
+* @Time 2016-9-25 Fixed lunar LeapMonth Param Bug
+* @Time 2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
+* @Version 1.0.3
+* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
+* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
+*/
+/* eslint-disable */
+var calendar = {
+
+ /**
+ * 农历1900-2100的润大小信息表
+ * @Array Of Property
+ * @return Hex
+ */
+ lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, // 1900-1909
+ 0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, // 1910-1919
+ 0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, // 1920-1929
+ 0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, // 1930-1939
+ 0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, // 1940-1949
+ 0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, // 1950-1959
+ 0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, // 1960-1969
+ 0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6, // 1970-1979
+ 0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, // 1980-1989
+ 0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0, // 1990-1999
+ 0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, // 2000-2009
+ 0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, // 2010-2019
+ 0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, // 2020-2029
+ 0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, // 2030-2039
+ 0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0, // 2040-2049
+ /** Add By JJonline@JJonline.Cn**/
+ 0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0, // 2050-2059
+ 0x0a2e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4, // 2060-2069
+ 0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0, // 2070-2079
+ 0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160, // 2080-2089
+ 0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252, // 2090-2099
+ 0x0d520], // 2100
+
+ /**
+ * 公历每个月份的天数普通表
+ * @Array Of Property
+ * @return Number
+ */
+ solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+
+ /**
+ * 天干地支之天干速查表
+ * @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
+ * @return Cn string
+ */
+ Gan: ['\u7532', '\u4e59', '\u4e19', '\u4e01', '\u620a', '\u5df1', '\u5e9a', '\u8f9b', '\u58ec', '\u7678'],
+
+ /**
+ * 天干地支之地支速查表
+ * @Array Of Property
+ * @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
+ * @return Cn string
+ */
+ Zhi: ['\u5b50', '\u4e11', '\u5bc5', '\u536f', '\u8fb0', '\u5df3', '\u5348', '\u672a', '\u7533', '\u9149', '\u620c', '\u4ea5'],
+
+ /**
+ * 天干地支之地支速查表<=>生肖
+ * @Array Of Property
+ * @trans["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
+ * @return Cn string
+ */
+ Animals: ['\u9f20', '\u725b', '\u864e', '\u5154', '\u9f99', '\u86c7', '\u9a6c', '\u7f8a', '\u7334', '\u9e21', '\u72d7', '\u732a'],
+
+ /**
+ * 24节气速查表
+ * @Array Of Property
+ * @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
+ * @return Cn string
+ */
+ solarTerm: ['\u5c0f\u5bd2', '\u5927\u5bd2', '\u7acb\u6625', '\u96e8\u6c34', '\u60ca\u86f0', '\u6625\u5206', '\u6e05\u660e', '\u8c37\u96e8', '\u7acb\u590f', '\u5c0f\u6ee1', '\u8292\u79cd', '\u590f\u81f3', '\u5c0f\u6691', '\u5927\u6691', '\u7acb\u79cb', '\u5904\u6691', '\u767d\u9732', '\u79cb\u5206', '\u5bd2\u9732', '\u971c\u964d', '\u7acb\u51ac', '\u5c0f\u96ea', '\u5927\u96ea', '\u51ac\u81f3'],
+
+ /**
+ * 1900-2100各年的24节气日期速查表
+ * @Array Of Property
+ * @return 0x string For splice
+ */
+ sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f',
+ '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
+ 'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
+ '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
+ '97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
+ '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
+ '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
+ '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
+ '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
+ '9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
+ '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
+ '97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
+ '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
+ '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+ '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
+ '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+ '97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+ '9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
+ '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
+ '97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
+ '9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
+ '7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
+ '7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+ '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+ '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
+ '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+ '97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+ '9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+ '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
+ '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
+ '977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
+ '7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+ '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
+ '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+ '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+ '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+ '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
+ '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+ '977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+ '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
+ '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
+ '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
+ '7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+ '7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
+ '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
+ '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+ '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
+ '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
+ '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
+ '7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+ '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
+ '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
+ '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
+ '665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+ '7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
+ '7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
+ '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'],
+
+ /**
+ * 数字转中文速查表
+ * @Array Of Property
+ * @trans ['日','一','二','三','四','五','六','七','八','九','十']
+ * @return Cn string
+ */
+ nStr1: ['\u65e5', '\u4e00', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341'],
+
+ /**
+ * 日期转农历称呼速查表
+ * @Array Of Property
+ * @trans ['初','十','廿','卅']
+ * @return Cn string
+ */
+ nStr2: ['\u521d', '\u5341', '\u5eff', '\u5345'],
+
+ /**
+ * 月份转农历称呼速查表
+ * @Array Of Property
+ * @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
+ * @return Cn string
+ */
+ nStr3: ['\u6b63', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341', '\u51ac', '\u814a'],
+
+ /**
+ * 返回农历y年一整年的总天数
+ * @param lunar Year
+ * @return Number
+ * @eg:var count = calendar.lYearDays(1987) ;//count=387
+ */
+ lYearDays: function (y) {
+ var i; var sum = 348
+ for (i = 0x8000; i > 0x8; i >>= 1) { sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0 }
+ return (sum + this.leapDays(y))
+ },
+
+ /**
+ * 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
+ * @param lunar Year
+ * @return Number (0-12)
+ * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
+ */
+ leapMonth: function (y) { // 闰字编码 \u95f0
+ return (this.lunarInfo[y - 1900] & 0xf)
+ },
+
+ /**
+ * 返回农历y年闰月的天数 若该年没有闰月则返回0
+ * @param lunar Year
+ * @return Number (0、29、30)
+ * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
+ */
+ leapDays: function (y) {
+ if (this.leapMonth(y)) {
+ return ((this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29)
+ }
+ return (0)
+ },
+
+ /**
+ * 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
+ * @param lunar Year
+ * @return Number (-1、29、30)
+ * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
+ */
+ monthDays: function (y, m) {
+ if (m > 12 || m < 1) { return -1 }// 月份参数从1至12，参数错误返回-1
+ return ((this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29)
+ },
+
+ /**
+ * 返回公历(!)y年m月的天数
+ * @param solar Year
+ * @return Number (-1、28、29、30、31)
+ * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
+ */
+ solarDays: function (y, m) {
+ if (m > 12 || m < 1) { return -1 } // 若参数错误 返回-1
+ var ms = m - 1
+ if (ms == 1) { // 2月份的闰平规律测算后确认返回28或29
+ return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28)
+ } else {
+ return (this.solarMonth[ms])
+ }
+ },
+
+ /**
+ * 农历年份转换为干支纪年
+ * @param lYear 农历年的年份数
+ * @return Cn string
+ */
+ toGanZhiYear: function (lYear) {
+ var ganKey = (lYear - 3) % 10
+ var zhiKey = (lYear - 3) % 12
+ if (ganKey == 0) ganKey = 10// 如果余数为0则为最后一个天干
+ if (zhiKey == 0) zhiKey = 12// 如果余数为0则为最后一个地支
+ return this.Gan[ganKey - 1] + this.Zhi[zhiKey - 1]
+ },
+
+ /**
+ * 公历月、日判断所属星座
+ * @param cMonth [description]
+ * @param cDay [description]
+ * @return Cn string
+ */
+ toAstro: function (cMonth, cDay) {
+ var s = '\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf'
+ var arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22]
+ return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + '\u5ea7'// 座
+ },
+
+ /**
+ * 传入offset偏移量返回干支
+ * @param offset 相对甲子的偏移量
+ * @return Cn string
+ */
+ toGanZhi: function (offset) {
+ return this.Gan[offset % 10] + this.Zhi[offset % 12]
+ },
+
+ /**
+ * 传入公历(!)y年获得该年第n个节气的公历日期
+ * @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
+ * @return day Number
+ * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
+ */
+ getTerm: function (y, n) {
+ if (y < 1900 || y > 2100) { return -1 }
+ if (n < 1 || n > 24) { return -1 }
+ var _table = this.sTermInfo[y - 1900]
+ var _info = [
+ parseInt('0x' + _table.substr(0, 5)).toString(),
+ parseInt('0x' + _table.substr(5, 5)).toString(),
+ parseInt('0x' + _table.substr(10, 5)).toString(),
+ parseInt('0x' + _table.substr(15, 5)).toString(),
+ parseInt('0x' + _table.substr(20, 5)).toString(),
+ parseInt('0x' + _table.substr(25, 5)).toString()
+ ]
+ var _calday = [
+ _info[0].substr(0, 1),
+ _info[0].substr(1, 2),
+ _info[0].substr(3, 1),
+ _info[0].substr(4, 2),
+
+ _info[1].substr(0, 1),
+ _info[1].substr(1, 2),
+ _info[1].substr(3, 1),
+ _info[1].substr(4, 2),
+
+ _info[2].substr(0, 1),
+ _info[2].substr(1, 2),
+ _info[2].substr(3, 1),
+ _info[2].substr(4, 2),
+
+ _info[3].substr(0, 1),
+ _info[3].substr(1, 2),
+ _info[3].substr(3, 1),
+ _info[3].substr(4, 2),
+
+ _info[4].substr(0, 1),
+ _info[4].substr(1, 2),
+ _info[4].substr(3, 1),
+ _info[4].substr(4, 2),
+
+ _info[5].substr(0, 1),
+ _info[5].substr(1, 2),
+ _info[5].substr(3, 1),
+ _info[5].substr(4, 2)
+ ]
+ return parseInt(_calday[n - 1])
+ },
+
+ /**
+ * 传入农历数字月份返回汉语通俗表示法
+ * @param lunar month
+ * @return Cn string
+ * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
+ */
+ toChinaMonth: function (m) { // 月 => \u6708
+ if (m > 12 || m < 1) { return -1 } // 若参数错误 返回-1
+ var s = this.nStr3[m - 1]
+ s += '\u6708'// 加上月字
+ return s
+ },
+
+ /**
+ * 传入农历日期数字返回汉字表示法
+ * @param lunar day
+ * @return Cn string
+ * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
+ */
+ toChinaDay: function (d) { // 日 => \u65e5
+ var s
+ switch (d) {
+ case 10:
+ s = '\u521d\u5341'; break
+ case 20:
+ s = '\u4e8c\u5341'; break
+ break
+ case 30:
+ s = '\u4e09\u5341'; break
+ break
+ default :
+ s = this.nStr2[Math.floor(d / 10)]
+ s += this.nStr1[d % 10]
+ }
+ return (s)
+ },
+
+ /**
+ * 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
+ * @param y year
+ * @return Cn string
+ * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
+ */
+ getAnimal: function (y) {
+ return this.Animals[(y - 4) % 12]
+ },
+
+ /**
+ * 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
+ * @param y solar year
+ * @param m solar month
+ * @param d solar day
+ * @return JSON object
+ * @eg:console.log(calendar.solar2lunar(1987,11,01));
+ */
+ solar2lunar: function (y, m, d) { // 参数区间1900.1.31~2100.12.31
+ // 年份限定、上限
+ if (y < 1900 || y > 2100) {
+ return -1// undefined转换为数字变为NaN
+ }
+ // 公历传参最下限
+ if (y == 1900 && m == 1 && d < 31) {
+ return -1
+ }
+ // 未传参 获得当天
+ if (!y) {
+ var objDate = new Date()
+ } else {
+ var objDate = new Date(y, parseInt(m) - 1, d)
+ }
+ var i; var leap = 0; var temp = 0
+ // 修正ymd参数
+ var y = objDate.getFullYear()
+ var m = objDate.getMonth() + 1
+ var d = objDate.getDate()
+ var offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0, 31)) / 86400000
+ for (i = 1900; i < 2101 && offset > 0; i++) {
+ temp = this.lYearDays(i)
+ offset -= temp
+ }
+ if (offset < 0) {
+ offset += temp; i--
+ }
+
+ // 是否今天
+ var isTodayObj = new Date()
+ var isToday = false
+ if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
+ isToday = true
+ }
+ // 星期几
+ var nWeek = objDate.getDay()
+ var cWeek = this.nStr1[nWeek]
+ // 数字表示周几顺应天朝周一开始的惯例
+ if (nWeek == 0) {
+ nWeek = 7
+ }
+ // 农历年
+ var year = i
+ var leap = this.leapMonth(i) // 闰哪个月
+ var isLeap = false
+
+ // 效验闰月
+ for (i = 1; i < 13 && offset > 0; i++) {
+ // 闰月
+ if (leap > 0 && i == (leap + 1) && isLeap == false) {
+ --i
+ isLeap = true; temp = this.leapDays(year) // 计算农历闰月天数
+ } else {
+ temp = this.monthDays(year, i)// 计算农历普通月天数
+ }
+ // 解除闰月
+ if (isLeap == true && i == (leap + 1)) { isLeap = false }
+ offset -= temp
+ }
+ // 闰月导致数组下标重叠取反
+ if (offset == 0 && leap > 0 && i == leap + 1) {
+ if (isLeap) {
+ isLeap = false
+ } else {
+ isLeap = true; --i
+ }
+ }
+ if (offset < 0) {
+ offset += temp; --i
+ }
+ // 农历月
+ var month = i
+ // 农历日
+ var day = offset + 1
+ // 天干地支处理
+ var sm = m - 1
+ var gzY = this.toGanZhiYear(year)
+
+ // 当月的两个节气
+ // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
+ var firstNode = this.getTerm(y, (m * 2 - 1))// 返回当月「节」为几日开始
+ var secondNode = this.getTerm(y, (m * 2))// 返回当月「节」为几日开始
+
+ // 依据12节气修正干支月
+ var gzM = this.toGanZhi((y - 1900) * 12 + m + 11)
+ if (d >= firstNode) {
+ gzM = this.toGanZhi((y - 1900) * 12 + m + 12)
+ }
+
+ // 传入的日期的节气与否
+ var isTerm = false
+ var Term = null
+ if (firstNode == d) {
+ isTerm = true
+ Term = this.solarTerm[m * 2 - 2]
+ }
+ if (secondNode == d) {
+ isTerm = true
+ Term = this.solarTerm[m * 2 - 1]
+ }
+ // 日柱 当月一日与 1900/1/1 相差天数
+ var dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10
+ var gzD = this.toGanZhi(dayCyclical + d - 1)
+ // 该日期所属的星座
+ var astro = this.toAstro(m, d)
+
+ return { 'lYear': year, 'lMonth': month, 'lDay': day, 'Animal': this.getAnimal(year), 'IMonthCn': (isLeap ? '\u95f0' : '') + this.toChinaMonth(month), 'IDayCn': this.toChinaDay(day), 'cYear': y, 'cMonth': m, 'cDay': d, 'gzYear': gzY, 'gzMonth': gzM, 'gzDay': gzD, 'isToday': isToday, 'isLeap': isLeap, 'nWeek': nWeek, 'ncWeek': '\u661f\u671f' + cWeek, 'isTerm': isTerm, 'Term': Term, 'astro': astro }
+ },
+
+ /**
+ * 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
+ * @param y lunar year
+ * @param m lunar month
+ * @param d lunar day
+ * @param isLeapMonth lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
+ * @return JSON object
+ * @eg:console.log(calendar.lunar2solar(1987,9,10));
+ */
+ lunar2solar: function (y, m, d, isLeapMonth) { // 参数区间1900.1.31~2100.12.1
+ var isLeapMonth = !!isLeapMonth
+ var leapOffset = 0
+ var leapMonth = this.leapMonth(y)
+ var leapDay = this.leapDays(y)
+ if (isLeapMonth && (leapMonth != m)) { return -1 }// 传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
+ if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) { return -1 }// 超出了最大极限值
+ var day = this.monthDays(y, m)
+ var _day = day
+ // bugFix 2016-9-25
+ // if month is leap, _day use leapDays method
+ if (isLeapMonth) {
+ _day = this.leapDays(y, m)
+ }
+ if (y < 1900 || y > 2100 || d > _day) { return -1 }// 参数合法性效验
+
+ // 计算农历的时间差
+ var offset = 0
+ for (var i = 1900; i < y; i++) {
+ offset += this.lYearDays(i)
+ }
+ var leap = 0; var isAdd = false
+ for (var i = 1; i < m; i++) {
+ leap = this.leapMonth(y)
+ if (!isAdd) { // 处理闰月
+ if (leap <= i && leap > 0) {
+ offset += this.leapDays(y); isAdd = true
+ }
+ }
+ offset += this.monthDays(y, i)
+ }
+ // 转换闰月农历 需补充该年闰月的前一个月的时差
+ if (isLeapMonth) { offset += day }
+ // 1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
+ var stmap = Date.UTC(1900, 1, 30, 0, 0, 0)
+ var calObj = new Date((offset + d - 31) * 86400000 + stmap)
+ var cY = calObj.getUTCFullYear()
+ var cM = calObj.getUTCMonth() + 1
+ var cD = calObj.getUTCDate()
+
+ return this.solar2lunar(cY, cM, cD)
+ }
+}
+
+export default calendar
diff --git a/components/uni-calendar/uni-calendar-item.vue b/components/uni-calendar/uni-calendar-item.vue
new file mode 100644
index 0000000..7bd0c54
--- /dev/null
+++ b/components/uni-calendar/uni-calendar-item.vue
@@ -0,0 +1,152 @@
+
+
+
+
+ {{weeks.date}}
+ 今天
+ {{weeks.isDay?'今天': (weeks.lunar.IDayCn === '初一'?weeks.lunar.IMonthCn:weeks.lunar.IDayCn)}}
+ {{weeks.extraInfo.info}}
+
+
+
+
+
+
+
diff --git a/components/uni-calendar/uni-calendar.vue b/components/uni-calendar/uni-calendar.vue
new file mode 100644
index 0000000..d866fd8
--- /dev/null
+++ b/components/uni-calendar/uni-calendar.vue
@@ -0,0 +1,434 @@
+
+
+
+
+
+
+
+
+ {{nowDate.month}}
+
+
+
+ 日
+
+
+ 一
+
+
+ 二
+
+
+ 三
+
+
+ 四
+
+
+ 五
+
+
+ 六
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/uni-calendar/util.js b/components/uni-calendar/util.js
new file mode 100644
index 0000000..54db66f
--- /dev/null
+++ b/components/uni-calendar/util.js
@@ -0,0 +1,327 @@
+import CALENDAR from './calendar.js'
+
+class Calendar {
+ constructor({
+ date,
+ selected,
+ startDate,
+ endDate,
+ range
+ } = {}) {
+ // 当前日期
+ this.date = this.getDate(date) // 当前初入日期
+ // 打点信息
+ this.selected = selected || [];
+ // 范围开始
+ this.startDate = startDate
+ // 范围结束
+ this.endDate = endDate
+ this.range = range
+ // 多选状态
+ this.multipleStatus = {
+ before: '',
+ after: '',
+ data: []
+ }
+ // 每周日期
+ this.weeks = {}
+
+ this._getWeek(this.date.fullDate)
+ }
+
+ /**
+ * 获取任意时间
+ */
+ getDate(date, AddDayCount = 0, str = 'day') {
+ if (!date) {
+ date = new Date()
+ }
+ if (typeof date !== 'object') {
+ date = date.replace(/-/g, '/')
+ }
+ const dd = new Date(date)
+ switch (str) {
+ case 'day':
+ dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
+ break
+ case 'month':
+ if (dd.getDate() === 31) {
+ dd.setDate(dd.getDate() + AddDayCount)
+ } else {
+ dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期
+ }
+ break
+ case 'year':
+ dd.setFullYear(dd.getFullYear() + AddDayCount) // 获取AddDayCount天后的日期
+ break
+ }
+ const y = dd.getFullYear()
+ const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期，不足10补0
+ const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号，不足10补0
+ return {
+ fullDate: y + '-' + m + '-' + d,
+ year: y,
+ month: m,
+ date: d,
+ day: dd.getDay()
+ }
+ }
+
+
+ /**
+ * 获取上月剩余天数
+ */
+ _getLastMonthDays(firstDay, full) {
+ let dateArr = []
+ for (let i = firstDay; i > 0; i--) {
+ const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate()
+ dateArr.push({
+ date: beforeDate,
+ month: full.month - 1,
+ lunar: this.getlunar(full.year, full.month - 1, beforeDate),
+ disable: true
+ })
+ }
+ return dateArr
+ }
+ /**
+ * 获取本月天数
+ */
+ _currentMonthDys(dateData, full) {
+ let dateArr = []
+ let fullDate = this.date.fullDate
+ for (let i = 1; i <= dateData; i++) {
+ let isinfo = false
+ let nowDate = full.year + '-' + (full.month < 10 ?
+ full.month : full.month) + '-' + (i < 10 ?
+ '0' + i : i)
+ // 是否今天
+ let isDay = fullDate === nowDate
+ // 获取打点信息
+ let info = this.selected && this.selected.find((item) => {
+ if (this.dateEqual(nowDate, item.date)) {
+ return item
+ }
+ })
+
+ // 日期禁用
+ let disableBefore = true
+ let disableAfter = true
+ if (this.startDate) {
+ let dateCompBefore = this.dateCompare(this.startDate, fullDate)
+ disableBefore = this.dateCompare(dateCompBefore ? this.startDate : fullDate, nowDate)
+ }
+
+ if (this.endDate) {
+ let dateCompAfter = this.dateCompare(fullDate, this.endDate)
+ disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate)
+ }
+
+ let multiples = this.multipleStatus.data
+ let checked = false
+ let multiplesStatus = -1
+ if (this.range) {
+ if (multiples) {
+ multiplesStatus = multiples.findIndex((item) => {
+ return this.dateEqual(item, nowDate)
+ })
+ }
+ if (multiplesStatus !== -1) {
+ checked = true
+ }
+ }
+
+ let data = {
+ fullDate: nowDate,
+ year: full.year,
+ date: i,
+ multiple: this.range ? checked : false,
+ month: full.month,
+ lunar: this.getlunar(full.year, full.month, i),
+ disable: !disableBefore || !disableAfter,
+ isDay
+ }
+ if (info) {
+ data.extraInfo = info
+ }
+
+ dateArr.push(data)
+ }
+ return dateArr
+ }
+ /**
+ * 获取下月天数
+ */
+ _getNextMonthDays(surplus, full) {
+ let dateArr = []
+ for (let i = 1; i < surplus + 1; i++) {
+ dateArr.push({
+ date: i,
+ month: Number(full.month) + 1,
+ lunar: this.getlunar(full.year, Number(full.month) + 1, i),
+ disable: true
+ })
+ }
+ return dateArr
+ }
+ /**
+ * 设置日期
+ * @param {Object} date
+ */
+ setDate(date) {
+ this._getWeek(date)
+ }
+ /**
+ * 获取当前日期详情
+ * @param {Object} date
+ */
+ getInfo(date) {
+ if (!date) {
+ date = new Date()
+ }
+ const dateInfo = this.canlender.find(item => item.fullDate === this.getDate(date).fullDate)
+ return dateInfo
+ }
+
+ /**
+ * 比较时间大小
+ */
+ dateCompare(startDate, endDate) {
+ // 计算截止时间
+ startDate = new Date(startDate.replace('-', '/').replace('-', '/'))
+ // 计算详细项的截止时间
+ endDate = new Date(endDate.replace('-', '/').replace('-', '/'))
+ if (startDate <= endDate) {
+ return true
+ } else {
+ return false
+ }
+ }
+
+ /**
+ * 比较时间是否相等
+ */
+ dateEqual(before, after) {
+ // 计算截止时间
+ before = new Date(before.replace('-', '/').replace('-', '/'))
+ // 计算详细项的截止时间
+ after = new Date(after.replace('-', '/').replace('-', '/'))
+ if (before.getTime() - after.getTime() === 0) {
+ return true
+ } else {
+ return false
+ }
+ }
+
+
+ /**
+ * 获取日期范围内所有日期
+ * @param {Object} begin
+ * @param {Object} end
+ */
+ geDateAll(begin, end) {
+ var arr = []
+ var ab = begin.split('-')
+ var ae = end.split('-')
+ var db = new Date()
+ db.setFullYear(ab[0], ab[1] - 1, ab[2])
+ var de = new Date()
+ de.setFullYear(ae[0], ae[1] - 1, ae[2])
+ var unixDb = db.getTime() - 24 * 60 * 60 * 1000
+ var unixDe = de.getTime() - 24 * 60 * 60 * 1000
+ for (var k = unixDb; k <= unixDe;) {
+ k = k + 24 * 60 * 60 * 1000
+ arr.push(this.getDate(new Date(parseInt(k))).fullDate)
+ }
+ return arr
+ }
+ /**
+ * 计算阴历日期显示
+ */
+ getlunar(year, month, date) {
+ return CALENDAR.solar2lunar(year, month, date)
+ }
+ /**
+ * 设置打点
+ */
+ setSelectInfo(data, value) {
+ this.selected = value
+ this._getWeek(data)
+ }
+
+ /**
+ * 获取多选状态
+ */
+ setMultiple(fullDate) {
+ let {
+ before,
+ after
+ } = this.multipleStatus
+ if (!this.range) return
+ if (before && after) {
+ this.multipleStatus.before = ''
+ this.multipleStatus.after = ''
+ this.multipleStatus.data = []
+ this._getWeek(fullDate)
+ } else {
+ if (!before) {
+ this.multipleStatus.before = fullDate
+ } else {
+ this.multipleStatus.after = fullDate
+ if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) {
+ this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after);
+ } else {
+ this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before);
+ }
+ this._getWeek(fullDate)
+ }
+ }
+ }
+
+ /**
+ * 获取每周数据
+ * @param {Object} dateData
+ */
+ _getWeek(dateData) {
+ const {
+ fullDate,
+ year,
+ month,
+ date,
+ day
+ } = this.getDate(dateData)
+ let firstDay = new Date(year, month - 1, 1).getDay()
+ let currentDay = new Date(year, month, 0).getDate()
+ let dates = {
+ lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)), // 上个月末尾几天
+ currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)), // 本月天数
+ nextMonthDays: [], // 下个月开始几天
+ weeks: []
+ }
+ let canlender = []
+ const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length)
+ dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData))
+ canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays)
+ let weeks = {}
+ // 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天
+ for (let i = 0; i < canlender.length; i++) {
+ if (i % 7 === 0) {
+ weeks[parseInt(i / 7)] = new Array(7)
+ }
+ weeks[parseInt(i / 7)][i % 7] = canlender[i]
+ }
+ this.canlender = canlender
+ this.weeks = weeks
+ }
+
+ //静态方法
+ // static init(date) {
+ // if (!this.instance) {
+ // this.instance = new Calendar(date);
+ // }
+ // return this.instance;
+ // }
+}
+
+
+export default Calendar
diff --git a/main.js b/main.js
index 0c7b708..6f428d4 100644
--- a/main.js
+++ b/main.js
@@ -1,25 +1,29 @@
-import Vue from 'vue';
-import { http } from 'plugins/request/index';
-import App from './App';
-// import store from './store';
-
-Vue.config.productionTip = false;
-Vue.prototype.$http = http;
-
-/**
- * 打开某个页面
- * @param {string} path 页面完成路径
- * @param {string} query 参数字符串a=x&b=y
- */
-Vue.prototype.openPage = function(path, query = '') {
- let url = query ? `${path}?${query}` : path;
- uni.navigateTo({ url });
-};
-
-App.mpType = 'app';
-
-const app = new Vue({
- // store,
- ...App,
-});
-app.$mount();
+import Vue from 'vue';
+import moment from 'moment';
+import { http } from 'plugins/request/index';
+import App from './App';
+// import store from './store';
+
+Vue.config.productionTip = false;
+Vue.prototype.$http = http;
+Vue.prototype.$moment = moment;
+
+moment.locale('zh-cn');
+
+/**
+ * 打开某个页面
+ * @param {string} path 页面完成路径
+ * @param {string} query 参数字符串a=x&b=y
+ */
+Vue.prototype.openPage = function(path, query = '') {
+ let url = query ? `${path}?${query}` : path;
+ uni.navigateTo({ url });
+};
+
+App.mpType = 'app';
+
+const app = new Vue({
+ // store,
+ ...App,
+});
+app.$mount();
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..a45eec5
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,13 @@
+{
+ "name": "healthycode",
+ "version": "1.0.0",
+ "lockfileVersion": 1,
+ "requires": true,
+ "dependencies": {
+ "moment": {
+ "version": "2.24.0",
+ "resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
+ "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
+ }
+ }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..35eac38
--- /dev/null
+++ b/package.json
@@ -0,0 +1,18 @@
+{
+ "name": "healthycode",
+ "version": "1.0.0",
+ "description": "",
+ "main": "main.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://gitee.com/ccsens_s/healthyCode.git"
+ },
+ "author": "",
+ "license": "ISC",
+ "dependencies": {
+ "moment": "^2.24.0"
+ }
+}
diff --git a/pages/index/components/home.vue b/pages/index/components/home.vue
index 29ea6db..da67d8b 100644
--- a/pages/index/components/home.vue
+++ b/pages/index/components/home.vue
@@ -1,7 +1,7 @@
-
-
+
+
diff --git a/pages/statistics/components/date-selector.vue b/pages/statistics/components/date-selector.vue
new file mode 100644
index 0000000..8a00491
--- /dev/null
+++ b/pages/statistics/components/date-selector.vue
@@ -0,0 +1,115 @@
+
+
+ {{ date }}
+
+
+
+
+
+
+
+
diff --git a/pages/statistics/components/health-data.vue b/pages/statistics/components/health-data.vue
new file mode 100644
index 0000000..acb50a6
--- /dev/null
+++ b/pages/statistics/components/health-data.vue
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
+ 健康上报
+
+
+
+
+
+
+ 100
+ 正常
+
+
+ 9
+ 发烧
+
+
+ 10
+ 其他
+
+
+ 50
+ 未上报
+
+
+
+
+
+
+
+
+
diff --git a/pages/statistics/components/location-map.vue b/pages/statistics/components/location-map.vue
new file mode 100644
index 0000000..5f87024
--- /dev/null
+++ b/pages/statistics/components/location-map.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+ 校园打卡
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/statistics/statistics.vue b/pages/statistics/statistics.vue
index f2dce19..66a5b62 100644
--- a/pages/statistics/statistics.vue
+++ b/pages/statistics/statistics.vue
@@ -1,99 +1,37 @@
-
+
-
+
-
-
-
-
-
- 校园打卡
- icon
-
-
-
-
-
-
-
-
+
-
-
diff --git a/static/bg.png b/static/bg.png
deleted file mode 100644
index 11ef9ea..0000000
Binary files a/static/bg.png and /dev/null differ
diff --git a/static/bg1.png b/static/bg1.png
deleted file mode 100644
index 44a1699..0000000
Binary files a/static/bg1.png and /dev/null differ
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..cd92d43
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,8 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+moment@^2.24.0:
+ version "2.24.0"
+ resolved "https://registry.npm.taobao.org/moment/download/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"
+ integrity sha1-DQVdU/UFKqZTyfbraLtdEr9cK1s=