|
@@ -12,7 +12,7 @@
|
|
|
==================== */
|
|
|
page {
|
|
|
background-color: #f5f6f7;
|
|
|
- font-size: 28upx;
|
|
|
+ font-size: 14px;
|
|
|
color: #333333;
|
|
|
font-family: Helvetica Neue, Helvetica, sans-serif;
|
|
|
overflow: hidden;
|
|
@@ -782,7 +782,7 @@ button.cuIcon.lg {
|
|
|
border-radius: 0;
|
|
|
}
|
|
|
|
|
|
-.cu-tag + .cu-tag {
|
|
|
+.cu-tag+.cu-tag {
|
|
|
margin-left: 10upx;
|
|
|
}
|
|
|
|
|
@@ -797,7 +797,7 @@ button.cuIcon.lg {
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
|
|
|
-.cu-capsule + .cu-capsule {
|
|
|
+.cu-capsule+.cu-capsule {
|
|
|
margin-left: 10upx;
|
|
|
}
|
|
|
|
|
@@ -909,10 +909,18 @@ button.cuIcon.lg {
|
|
|
font-size: 2.5em;
|
|
|
}
|
|
|
|
|
|
+.cu-avatar.border {
|
|
|
+ border: 2px solid #eaeaea;
|
|
|
+}
|
|
|
+
|
|
|
.cu-avatar .avatar-text {
|
|
|
font-size: 0.4em;
|
|
|
}
|
|
|
|
|
|
+.cu-avatar>.iconfont {
|
|
|
+ font-size: 70upx;
|
|
|
+}
|
|
|
+
|
|
|
.cu-avatar-group {
|
|
|
direction: rtl;
|
|
|
unicode-bidi: bidi-override;
|
|
@@ -944,8 +952,8 @@ button.cuIcon.lg {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
-.cu-progress + view,
|
|
|
-.cu-progress + text {
|
|
|
+.cu-progress+view,
|
|
|
+.cu-progress+text {
|
|
|
line-height: 1;
|
|
|
}
|
|
|
|
|
@@ -1174,20 +1182,20 @@ button.cuIcon.lg {
|
|
|
filter: grayscale(1);
|
|
|
}
|
|
|
|
|
|
-.cu-list + .cu-list {
|
|
|
+.cu-list+.cu-list {
|
|
|
margin-top: 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list > .cu-item {
|
|
|
+.cu-list>.cu-item {
|
|
|
transition: all 0.6s ease-in-out 0s;
|
|
|
transform: translateX(0upx);
|
|
|
}
|
|
|
|
|
|
-.cu-list > .cu-item.move-cur {
|
|
|
+.cu-list>.cu-item.move-cur {
|
|
|
transform: translateX(-260upx);
|
|
|
}
|
|
|
|
|
|
-.cu-list > .cu-item .move {
|
|
|
+.cu-list>.cu-item .move {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
display: flex;
|
|
@@ -1196,7 +1204,7 @@ button.cuIcon.lg {
|
|
|
transform: translateX(100%);
|
|
|
}
|
|
|
|
|
|
-.cu-list > .cu-item .move view {
|
|
|
+.cu-list>.cu-item .move view {
|
|
|
display: flex;
|
|
|
flex: 1;
|
|
|
justify-content: center;
|
|
@@ -1207,7 +1215,7 @@ button.cuIcon.lg {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar > .cu-item {
|
|
|
+.cu-list.menu-avatar>.cu-item {
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
padding-right: 10upx;
|
|
@@ -1217,33 +1225,33 @@ button.cuIcon.lg {
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar > .cu-item > .cu-avatar {
|
|
|
+.cu-list.menu-avatar>.cu-item>.cu-avatar {
|
|
|
position: absolute;
|
|
|
left: 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar > .cu-item .flex .text-cut {
|
|
|
+.cu-list.menu-avatar>.cu-item .flex .text-cut {
|
|
|
max-width: 510upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar > .cu-item .content {
|
|
|
+.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 {
|
|
|
+.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 {
|
|
|
+.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 {
|
|
|
+.cu-list.menu-avatar>.cu-item .content .cu-tag.sm {
|
|
|
display: inline-block;
|
|
|
margin-left: 10upx;
|
|
|
height: 28upx;
|
|
@@ -1251,23 +1259,23 @@ button.cuIcon.lg {
|
|
|
line-height: 32upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar > .cu-item .action {
|
|
|
+.cu-list.menu-avatar>.cu-item .action {
|
|
|
width: 100upx;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar > .cu-item .action view + view {
|
|
|
+.cu-list.menu-avatar>.cu-item .action view+view {
|
|
|
margin-top: 10upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar.comment > .cu-item .content {
|
|
|
+.cu-list.menu-avatar.comment>.cu-item .content {
|
|
|
position: relative;
|
|
|
left: 0;
|
|
|
width: auto;
|
|
|
flex: 1;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar.comment > .cu-item {
|
|
|
+.cu-list.menu-avatar.comment>.cu-item {
|
|
|
padding: 30upx 30upx 30upx 120upx;
|
|
|
height: auto;
|
|
|
}
|
|
@@ -1276,7 +1284,7 @@ button.cuIcon.lg {
|
|
|
align-self: flex-start;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item {
|
|
|
+.cu-list.menu>.cu-item {
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
padding: 0 30upx;
|
|
@@ -1287,12 +1295,12 @@ button.cuIcon.lg {
|
|
|
margin: 0.625rem;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item:last-child:after {
|
|
|
+.cu-list.menu>.cu-item:last-child:after {
|
|
|
border: none;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu-avatar > .cu-item:after,
|
|
|
-.cu-list.menu > .cu-item:after {
|
|
|
+.cu-list.menu-avatar>.cu-item:after,
|
|
|
+.cu-list.menu>.cu-item:after {
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
@@ -1307,19 +1315,19 @@ button.cuIcon.lg {
|
|
|
pointer-events: none;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item.grayscale {
|
|
|
+.cu-list.menu>.cu-item.grayscale {
|
|
|
background-color: #f5f5f5;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item.cur {
|
|
|
+.cu-list.menu>.cu-item.cur {
|
|
|
background-color: #fcf7e9;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item.arrow {
|
|
|
+.cu-list.menu>.cu-item.arrow {
|
|
|
padding-right: 90upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item.arrow:before {
|
|
|
+.cu-list.menu>.cu-item.arrow:before {
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
right: 30upx;
|
|
@@ -1336,33 +1344,33 @@ button.cuIcon.lg {
|
|
|
line-height: 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item button.content {
|
|
|
+.cu-list.menu>.cu-item button.content {
|
|
|
padding: 0;
|
|
|
background-color: transparent;
|
|
|
justify-content: flex-start;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item button.content:after {
|
|
|
+.cu-list.menu>.cu-item button.content:after {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item .cu-avatar-group .cu-avatar {
|
|
|
+.cu-list.menu>.cu-item .cu-avatar-group .cu-avatar {
|
|
|
border-color: #ffffff;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item .content > view:first-child {
|
|
|
+.cu-list.menu>.cu-item .content>view:first-child {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item .content > text[class*="cuIcon"] {
|
|
|
+.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 {
|
|
|
+.cu-list.menu>.cu-item .content>image {
|
|
|
display: inline-block;
|
|
|
margin-right: 10upx;
|
|
|
width: 1.6em;
|
|
@@ -1370,13 +1378,13 @@ button.cuIcon.lg {
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item .content {
|
|
|
+.cu-list.menu>.cu-item .content {
|
|
|
font-size: 30upx;
|
|
|
line-height: 1.6em;
|
|
|
flex: 1;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item .content .cu-tag.sm {
|
|
|
+.cu-list.menu>.cu-item .content .cu-tag.sm {
|
|
|
display: inline-block;
|
|
|
margin-left: 10upx;
|
|
|
height: 28upx;
|
|
@@ -1384,7 +1392,7 @@ button.cuIcon.lg {
|
|
|
line-height: 32upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu > .cu-item .action .cu-tag:empty {
|
|
|
+.cu-list.menu>.cu-item .action .cu-tag:empty {
|
|
|
right: 10upx;
|
|
|
}
|
|
|
|
|
@@ -1393,12 +1401,12 @@ button.cuIcon.lg {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
-.cu-list.menu.sm-border > .cu-item:after {
|
|
|
+.cu-list.menu.sm-border>.cu-item:after {
|
|
|
left: 30upx;
|
|
|
width: calc(200% - 120upx);
|
|
|
}
|
|
|
|
|
|
-.cu-list.grid > .cu-item {
|
|
|
+.cu-list.grid>.cu-item {
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
padding: 20upx 0 30upx;
|
|
@@ -1406,7 +1414,7 @@ button.cuIcon.lg {
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
|
|
|
-.cu-list.grid > .cu-item:after {
|
|
|
+.cu-list.grid>.cu-item:after {
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
@@ -1422,15 +1430,13 @@ button.cuIcon.lg {
|
|
|
pointer-events: none;
|
|
|
}
|
|
|
|
|
|
-.cu-list.grid > .cu-item text {
|
|
|
+.cu-list.grid>.cu-item text {
|
|
|
display: block;
|
|
|
margin-top: 10upx;
|
|
|
- color: #333333;
|
|
|
- font-size: 26upx;
|
|
|
line-height: 40upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.grid > .cu-item [class*="cuIcon"] {
|
|
|
+.cu-list.grid>.cu-item [class*="cuIcon"] {
|
|
|
position: relative;
|
|
|
display: block;
|
|
|
margin-top: 20upx;
|
|
@@ -1438,7 +1444,7 @@ button.cuIcon.lg {
|
|
|
font-size: 48upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.grid > .cu-item .cu-tag {
|
|
|
+.cu-list.grid>.cu-item .cu-tag {
|
|
|
right: auto;
|
|
|
left: 50%;
|
|
|
margin-left: 20upx;
|
|
@@ -1449,12 +1455,12 @@ button.cuIcon.lg {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
-.cu-list.grid.no-border > .cu-item {
|
|
|
+.cu-list.grid.no-border>.cu-item {
|
|
|
padding-top: 10upx;
|
|
|
padding-bottom: 20upx;
|
|
|
}
|
|
|
|
|
|
-.cu-list.grid.no-border > .cu-item:after {
|
|
|
+.cu-list.grid.no-border>.cu-item:after {
|
|
|
border: none;
|
|
|
}
|
|
|
|
|
@@ -1463,9 +1469,9 @@ button.cuIcon.lg {
|
|
|
padding: 0upx 0upx;
|
|
|
}
|
|
|
|
|
|
-.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 {
|
|
|
+.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;
|
|
|
}
|
|
|
|
|
@@ -1565,7 +1571,7 @@ button.cuIcon.lg {
|
|
|
margin-left: 20upx;
|
|
|
}
|
|
|
|
|
|
-.cu-bar .action:first-child > text[class*="cuIcon-"] {
|
|
|
+.cu-bar .action:first-child>text[class*="cuIcon-"] {
|
|
|
margin-left: -0.3em;
|
|
|
margin-right: 0.3em;
|
|
|
}
|
|
@@ -1574,12 +1580,12 @@ button.cuIcon.lg {
|
|
|
margin-right: 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-bar .action > text[class*="cuIcon-"],
|
|
|
-.cu-bar .action > view[class*="cuIcon-"] {
|
|
|
+.cu-bar .action>text[class*="cuIcon-"],
|
|
|
+.cu-bar .action>view[class*="cuIcon-"] {
|
|
|
font-size: 36upx;
|
|
|
}
|
|
|
|
|
|
-.cu-bar .action > text[class*="cuIcon-"] + text[class*="cuIcon-"] {
|
|
|
+.cu-bar .action>text[class*="cuIcon-"]+text[class*="cuIcon-"] {
|
|
|
margin-left: 0.5em;
|
|
|
}
|
|
|
|
|
@@ -1635,7 +1641,7 @@ button.cuIcon.lg {
|
|
|
margin: 0 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-bar .search-form + .action {
|
|
|
+.cu-bar .search-form+.action {
|
|
|
margin-right: 30upx;
|
|
|
}
|
|
|
|
|
@@ -1802,7 +1808,7 @@ button.cuIcon.lg {
|
|
|
flex: 2.6;
|
|
|
}
|
|
|
|
|
|
-.cu-bar.tabbar .submit + .submit {
|
|
|
+.cu-bar.tabbar .submit+.submit {
|
|
|
flex: 2;
|
|
|
}
|
|
|
|
|
@@ -1846,7 +1852,7 @@ button.cuIcon.lg {
|
|
|
font-size: 48upx;
|
|
|
}
|
|
|
|
|
|
-.cu-bar.input input + .action {
|
|
|
+.cu-bar.input input+.action {
|
|
|
margin-right: 20upx;
|
|
|
margin-left: 0upx;
|
|
|
}
|
|
@@ -1978,18 +1984,18 @@ button.cuIcon.lg {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item {
|
|
|
+.cu-timeline>.cu-item {
|
|
|
padding: 30upx 30upx 30upx 120upx;
|
|
|
position: relative;
|
|
|
display: block;
|
|
|
z-index: 0;
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item:not([class*="text-"]) {
|
|
|
+.cu-timeline>.cu-item:not([class*="text-"]) {
|
|
|
color: #ccc;
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item::after {
|
|
|
+.cu-timeline>.cu-item::after {
|
|
|
content: "";
|
|
|
display: block;
|
|
|
position: absolute;
|
|
@@ -2001,7 +2007,7 @@ button.cuIcon.lg {
|
|
|
z-index: 8;
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item::before {
|
|
|
+.cu-timeline>.cu-item::before {
|
|
|
font-family: "cuIcon";
|
|
|
display: block;
|
|
|
position: absolute;
|
|
@@ -2016,11 +2022,11 @@ button.cuIcon.lg {
|
|
|
left: 36upx;
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item:not([class*="cuIcon-"])::before {
|
|
|
+.cu-timeline>.cu-item:not([class*="cuIcon-"])::before {
|
|
|
content: "\e763";
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item[class*="cuIcon-"]::before {
|
|
|
+.cu-timeline>.cu-item[class*="cuIcon-"]::before {
|
|
|
background-color: #ffffff;
|
|
|
width: 50upx;
|
|
|
height: 50upx;
|
|
@@ -2030,19 +2036,19 @@ button.cuIcon.lg {
|
|
|
left: 36upx;
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item > .content {
|
|
|
+.cu-timeline>.cu-item>.content {
|
|
|
padding: 30upx;
|
|
|
border-radius: 6upx;
|
|
|
display: block;
|
|
|
line-height: 1.6;
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item > .content:not([class*="bg-"]) {
|
|
|
+.cu-timeline>.cu-item>.content:not([class*="bg-"]) {
|
|
|
background-color: #f1f1f1;
|
|
|
color: #333333;
|
|
|
}
|
|
|
|
|
|
-.cu-timeline > .cu-item > .content + .content {
|
|
|
+.cu-timeline>.cu-item>.content+.content {
|
|
|
margin-top: 20upx;
|
|
|
}
|
|
|
|
|
@@ -2061,23 +2067,23 @@ button.cuIcon.lg {
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item > .cu-avatar {
|
|
|
+.cu-chat .cu-item>.cu-avatar {
|
|
|
width: 80upx;
|
|
|
height: 80upx;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item > .main {
|
|
|
+.cu-chat .cu-item>.main {
|
|
|
max-width: calc(100% - 260upx);
|
|
|
margin: 0 40upx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item > image {
|
|
|
+.cu-chat .cu-item>image {
|
|
|
height: 320upx;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item > .main .content {
|
|
|
+.cu-chat .cu-item>.main .content {
|
|
|
padding: 20upx;
|
|
|
border-radius: 6upx;
|
|
|
display: inline-flex;
|
|
@@ -2090,7 +2096,7 @@ button.cuIcon.lg {
|
|
|
text-align: left;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item > .main .content:not([class*="bg-"]) {
|
|
|
+.cu-chat .cu-item>.main .content:not([class*="bg-"]) {
|
|
|
background-color: #ffffff;
|
|
|
color: #333333;
|
|
|
}
|
|
@@ -2110,7 +2116,7 @@ button.cuIcon.lg {
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item > .main .content::after {
|
|
|
+.cu-chat .cu-item>.main .content::after {
|
|
|
content: "";
|
|
|
top: 27upx;
|
|
|
transform: rotate(45deg);
|
|
@@ -2125,12 +2131,12 @@ button.cuIcon.lg {
|
|
|
background-color: inherit;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item.self > .main .content::after {
|
|
|
+.cu-chat .cu-item.self>.main .content::after {
|
|
|
left: auto;
|
|
|
right: -12upx;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item > .main .content::before {
|
|
|
+.cu-chat .cu-item>.main .content::before {
|
|
|
content: "";
|
|
|
top: 30upx;
|
|
|
transform: rotate(45deg);
|
|
@@ -2147,12 +2153,12 @@ button.cuIcon.lg {
|
|
|
opacity: 0.3;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item > .main .content:not([class*="bg-"])::before {
|
|
|
+.cu-chat .cu-item>.main .content:not([class*="bg-"])::before {
|
|
|
background-color: #333333;
|
|
|
opacity: 0.1;
|
|
|
}
|
|
|
|
|
|
-.cu-chat .cu-item.self > .main .content::before {
|
|
|
+.cu-chat .cu-item.self>.main .content::before {
|
|
|
left: auto;
|
|
|
right: -12upx;
|
|
|
}
|
|
@@ -2183,7 +2189,7 @@ button.cuIcon.lg {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
-.cu-card > .cu-item {
|
|
|
+.cu-card>.cu-item {
|
|
|
display: block;
|
|
|
background-color: #ffffff;
|
|
|
overflow: hidden;
|
|
@@ -2191,11 +2197,11 @@ button.cuIcon.lg {
|
|
|
margin: 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-card > .cu-item.shadow-blur {
|
|
|
+.cu-card>.cu-item.shadow-blur {
|
|
|
overflow: initial;
|
|
|
}
|
|
|
|
|
|
-.cu-card.no-card > .cu-item {
|
|
|
+.cu-card.no-card>.cu-item {
|
|
|
margin: 0upx;
|
|
|
border-radius: 0upx;
|
|
|
}
|
|
@@ -2236,13 +2242,13 @@ button.cuIcon.lg {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
-.cu-card.dynamic > .cu-item {
|
|
|
+.cu-card.dynamic>.cu-item {
|
|
|
display: block;
|
|
|
background-color: #ffffff;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
-.cu-card.dynamic > .cu-item > .text-content {
|
|
|
+.cu-card.dynamic>.cu-item>.text-content {
|
|
|
padding: 0 30upx 0;
|
|
|
max-height: 6.4em;
|
|
|
overflow: hidden;
|
|
@@ -2250,13 +2256,13 @@ button.cuIcon.lg {
|
|
|
margin-bottom: 20upx;
|
|
|
}
|
|
|
|
|
|
-.cu-card.dynamic > .cu-item .square-img {
|
|
|
+.cu-card.dynamic>.cu-item .square-img {
|
|
|
width: 100%;
|
|
|
height: 200upx;
|
|
|
border-radius: 6upx;
|
|
|
}
|
|
|
|
|
|
-.cu-card.dynamic > .cu-item .only-img {
|
|
|
+.cu-card.dynamic>.cu-item .only-img {
|
|
|
width: 100%;
|
|
|
height: 320upx;
|
|
|
border-radius: 6upx;
|
|
@@ -2273,11 +2279,11 @@ button.cuIcon.lg {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
-.cu-card.article > .cu-item {
|
|
|
+.cu-card.article>.cu-item {
|
|
|
padding-bottom: 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-card.article > .cu-item .title {
|
|
|
+.cu-card.article>.cu-item .title {
|
|
|
font-size: 30upx;
|
|
|
font-weight: 900;
|
|
|
color: #333333;
|
|
@@ -2285,26 +2291,26 @@ button.cuIcon.lg {
|
|
|
padding: 0 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-card.article > .cu-item .content {
|
|
|
+.cu-card.article>.cu-item .content {
|
|
|
display: flex;
|
|
|
padding: 0 30upx;
|
|
|
}
|
|
|
|
|
|
-.cu-card.article > .cu-item .content > image {
|
|
|
+.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 {
|
|
|
+.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 {
|
|
|
+.cu-card.article>.cu-item .content .text-content {
|
|
|
font-size: 28upx;
|
|
|
color: #888;
|
|
|
height: 4.8em;
|
|
@@ -2324,7 +2330,7 @@ button.cuIcon.lg {
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
-.cu-form-group + .cu-form-group {
|
|
|
+.cu-form-group+.cu-form-group {
|
|
|
border-top: 1upx solid #eee;
|
|
|
}
|
|
|
|
|
@@ -2344,7 +2350,7 @@ button.cuIcon.lg {
|
|
|
padding-right: 20upx;
|
|
|
}
|
|
|
|
|
|
-.cu-form-group > text[class*="cuIcon-"] {
|
|
|
+.cu-form-group>text[class*="cuIcon-"] {
|
|
|
font-size: 36upx;
|
|
|
padding: 0;
|
|
|
box-sizing: border-box;
|
|
@@ -2498,11 +2504,13 @@ button.cuIcon.lg {
|
|
|
.cu-modal.drawer-modal.show .cu-dialog {
|
|
|
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;
|
|
|
}
|
|
|
+
|
|
|
/* ==================
|
|
|
轮播
|
|
|
==================== */
|
|
@@ -2909,7 +2917,7 @@ scroll-view.cu-steps .cu-item {
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
}
|
|
|
|
|
|
-.grid.grid-square > view > text[class*="cuIcon-"] {
|
|
|
+.grid.grid-square>view>text[class*="cuIcon-"] {
|
|
|
font-size: 52upx;
|
|
|
position: absolute;
|
|
|
color: #8799a3;
|
|
@@ -2924,231 +2932,79 @@ scroll-view.cu-steps .cu-item {
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
|
|
|
-.grid.grid-square > view {
|
|
|
+.grid.grid-square>view {
|
|
|
margin-right: 20upx;
|
|
|
margin-bottom: 20upx;
|
|
|
border-radius: 6upx;
|
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-.grid.grid-square > view.bg-img image {
|
|
|
+
|
|
|
+.grid.grid-square>view.bg-img image {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
position: absolute;
|
|
|
}
|
|
|
-.grid.col-1.grid-square > view {
|
|
|
+
|
|
|
+.grid.col-1.grid-square>view {
|
|
|
padding-bottom: 100%;
|
|
|
height: 0;
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
|
|
|
-.grid.col-2.grid-square > view {
|
|
|
+.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 {
|
|
|
+.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 {
|
|
|
+.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 {
|
|
|
+.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) {
|
|
|
+.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 {
|
|
|
+.grid.col-1>view {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
-.grid.col-2 > view {
|
|
|
+.grid.col-2>view {
|
|
|
width: 50%;
|
|
|
}
|
|
|
|
|
|
-.grid.col-3 > view {
|
|
|
+.grid.col-3>view {
|
|
|
width: 33.33%;
|
|
|
}
|
|
|
|
|
|
-.grid.col-4 > view {
|
|
|
+.grid.col-4>view {
|
|
|
width: 25%;
|
|
|
}
|
|
|
|
|
|
-.grid.col-5 > view {
|
|
|
+.grid.col-5>view {
|
|
|
width: 20%;
|
|
|
}
|
|
|
|
|
|
/* -- 内外边距 -- */
|
|
|
|
|
|
-.margin-0 {
|
|
|
- margin: 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-xs {
|
|
|
- margin: 10upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-sm {
|
|
|
- margin: 20upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin {
|
|
|
- margin: 30upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-lg {
|
|
|
- margin: 40upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-xl {
|
|
|
- margin: 50upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-top-xs {
|
|
|
- margin-top: 10upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-top-sm {
|
|
|
- margin-top: 20upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-top {
|
|
|
- margin-top: 30upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-top-lg {
|
|
|
- margin-top: 40upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-top-xl {
|
|
|
- margin-top: 50upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-right-xs {
|
|
|
- margin-right: 10upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-right-sm {
|
|
|
- margin-right: 20upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-right {
|
|
|
- margin-right: 30upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-right-lg {
|
|
|
- margin-right: 40upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-right-xl {
|
|
|
- margin-right: 50upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-bottom-xs {
|
|
|
- margin-bottom: 10upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-bottom-sm {
|
|
|
- margin-bottom: 20upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-bottom {
|
|
|
- margin-bottom: 30upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-bottom-lg {
|
|
|
- margin-bottom: 40upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-bottom-xl {
|
|
|
- margin-bottom: 50upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-left-xs {
|
|
|
- margin-left: 10upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-left-sm {
|
|
|
- margin-left: 20upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-left {
|
|
|
- margin-left: 30upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-left-lg {
|
|
|
- margin-left: 40upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-left-xl {
|
|
|
- margin-left: 50upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-lr-xs {
|
|
|
- margin-left: 10upx;
|
|
|
- margin-right: 10upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-lr-sm {
|
|
|
- margin-left: 20upx;
|
|
|
- margin-right: 20upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-lr {
|
|
|
- margin-left: 30upx;
|
|
|
- margin-right: 30upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-lr-lg {
|
|
|
- margin-left: 40upx;
|
|
|
- margin-right: 40upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-lr-xl {
|
|
|
- margin-left: 50upx;
|
|
|
- margin-right: 50upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-tb-xs {
|
|
|
- margin-top: 10upx;
|
|
|
- margin-bottom: 10upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-tb-sm {
|
|
|
- margin-top: 20upx;
|
|
|
- margin-bottom: 20upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-tb {
|
|
|
- margin-top: 30upx;
|
|
|
- margin-bottom: 30upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-tb-lg {
|
|
|
- margin-top: 40upx;
|
|
|
- margin-bottom: 40upx;
|
|
|
-}
|
|
|
-
|
|
|
-.margin-tb-xl {
|
|
|
- margin-top: 50upx;
|
|
|
- margin-bottom: 50upx;
|
|
|
-}
|
|
|
-
|
|
|
.padding-0 {
|
|
|
padding: 0 !important;
|
|
|
}
|
|
@@ -3906,4 +3762,4 @@ scroll-view.cu-steps .cu-item {
|
|
|
.line-white,
|
|
|
.lines-white {
|
|
|
color: #ffffff;
|
|
|
-}
|
|
|
+}
|