|
@@ -1,15 +1,5 @@
|
|
-/*
|
|
|
|
- ColorUi for uniApp v2.1.6 | by 文晓港 2019-05-31 10:44:24
|
|
|
|
- 仅供学习交流,如作它用所承受的法律责任一概与作者无关
|
|
|
|
-
|
|
|
|
- *使用ColorUi开发扩展与插件时,请注明基于ColorUi开发
|
|
|
|
-
|
|
|
|
- (QQ交流群:240787041)
|
|
|
|
-*/
|
|
|
|
|
|
|
|
-/* ==================
|
|
|
|
- main 初始化
|
|
|
|
- ==================== */
|
|
|
|
|
|
+
|
|
body {
|
|
body {
|
|
background-color: #f1f1f1;
|
|
background-color: #f1f1f1;
|
|
font-size: 28upx;
|
|
font-size: 28upx;
|
|
@@ -37,50 +27,6 @@ image {
|
|
border-radius: 6upx;
|
|
border-radius: 6upx;
|
|
}
|
|
}
|
|
|
|
|
|
-/* ==================
|
|
|
|
- 图片
|
|
|
|
- ==================== */
|
|
|
|
-
|
|
|
|
-image {
|
|
|
|
- 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;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-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;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.response {
|
|
|
|
- width: 100%;
|
|
|
|
-}
|
|
|
|
|
|
|
|
/* ==================
|
|
/* ==================
|
|
开关
|
|
开关
|
|
@@ -560,109 +506,3 @@ radio.white.checked .uni-radio-input {
|
|
justify-content: space-around;
|
|
justify-content: space-around;
|
|
}
|
|
}
|
|
|
|
|
|
-/* grid布局 */
|
|
|
|
-
|
|
|
|
-.grid {
|
|
|
|
- display: flex;
|
|
|
|
- flex-wrap: wrap;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.grid.grid-square {
|
|
|
|
- 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;
|
|
|
|
-}
|
|
|
|
-.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-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-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-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-2>view {
|
|
|
|
- width: 50%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.grid.col-3>view {
|
|
|
|
- width: 33.33%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.grid.col-4>view {
|
|
|
|
- width: 25%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.grid.col-5>view {
|
|
|
|
- width: 20%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|