|
|
@@ -503,33 +503,7 @@ export default {
|
|
|
padding: 0 15upx;
|
|
|
box-sizing: border-box;
|
|
|
background: linear-gradient(to bottom,#3385FF, #fff);
|
|
|
- .nav{
|
|
|
- position:absolute;
|
|
|
- top:148upx;
|
|
|
- .selected{
|
|
|
- width:auto;
|
|
|
- height:60upx;
|
|
|
- line-height:60upx;
|
|
|
- display:inline-block;
|
|
|
- font-weight:bold;
|
|
|
- font-size:38upx;
|
|
|
- border-bottom:1upx solid red;
|
|
|
- margin-left:110upx;
|
|
|
- text-align:left;
|
|
|
- color:red;
|
|
|
- }
|
|
|
- .not-selected{
|
|
|
- width:auto;
|
|
|
- height:60upx;
|
|
|
- line-height:60upx;
|
|
|
- display:inline-block;
|
|
|
- font-weight:bold;
|
|
|
- font-size:38upx;
|
|
|
- margin-left:200upx;
|
|
|
- text-align:left;
|
|
|
- color:#3a6363;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
&>.header_inside{
|
|
|
position: relative;
|
|
|
height: 124upx;
|
|
|
@@ -560,49 +534,11 @@ export default {
|
|
|
width: 580upx;
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
- .level{
|
|
|
- margin-left:20upx;
|
|
|
- color:white;
|
|
|
- background:#6da3f5;
|
|
|
- border:1px solid #6da3f5;
|
|
|
- border-radius:50upx;
|
|
|
- font-size:22upx;
|
|
|
- padding:6upx 10upx;
|
|
|
- position:absolute;
|
|
|
- }
|
|
|
- .level-common{
|
|
|
- margin-left:30upx;
|
|
|
- color:white;
|
|
|
- background:#76a9f5;
|
|
|
- border:1px solid #76a9f5;
|
|
|
- border-radius:50upx;
|
|
|
- font-size:20upx;
|
|
|
- padding:5upx 10upx;
|
|
|
- position:absolute;
|
|
|
- }
|
|
|
- }
|
|
|
- &>.shop_intro{
|
|
|
- margin-top: 15upx;
|
|
|
- font-size: 26upx;
|
|
|
- font-weight: 400;
|
|
|
- color: #666666;
|
|
|
+
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
- .hbInfo{
|
|
|
- font-size:20upx;
|
|
|
- position: absolute;
|
|
|
- right:15upx;
|
|
|
- top: 120upx;
|
|
|
- color: #3385FF;
|
|
|
- }
|
|
|
- .hbImg{
|
|
|
- width:120upx;
|
|
|
- height:120upx;
|
|
|
- position: absolute;
|
|
|
- right:0;
|
|
|
- top: 10upx;
|
|
|
- background: white;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
.input-wrap {
|
|
|
@@ -631,21 +567,6 @@ export default {
|
|
|
overflow: hidden;
|
|
|
animation: pulse 2s infinite;
|
|
|
|
|
|
- &::before {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: -100%;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: linear-gradient(90deg,
|
|
|
- transparent,
|
|
|
- rgba(255, 255, 255, 0.4),
|
|
|
- transparent
|
|
|
- );
|
|
|
- animation: shine 3s infinite;
|
|
|
- }
|
|
|
-
|
|
|
&:active {
|
|
|
transform: scale(0.95);
|
|
|
box-shadow: 0 4upx 10upx rgba(255, 107, 107, 0.4);
|
|
|
@@ -747,14 +668,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- @keyframes shine {
|
|
|
- 0% {
|
|
|
- left: -100%;
|
|
|
- }
|
|
|
- 100% {
|
|
|
- left: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
@keyframes bounce {
|
|
|
0%, 20%, 50%, 80%, 100% {
|
|
|
@@ -806,19 +720,7 @@ export default {
|
|
|
font-size: 26upx;
|
|
|
color: #444;
|
|
|
font-weight: 400;
|
|
|
- .tag {
|
|
|
- display: flex;
|
|
|
- padding: 0 20upx;
|
|
|
- align-items: center;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- height: 32upx;
|
|
|
- background: #ff2842;
|
|
|
- border-radius: 16upx;
|
|
|
- color: #fff;
|
|
|
- font-size: 20upx;
|
|
|
- }
|
|
|
+
|
|
|
&:last-child{
|
|
|
margin-bottom: 110upx;
|
|
|
}
|
|
|
@@ -860,20 +762,7 @@ export default {
|
|
|
.big-box{
|
|
|
height: 285upx
|
|
|
}
|
|
|
- .has-color{
|
|
|
- display:flex;
|
|
|
- justify-content:center;
|
|
|
- align-items:center;
|
|
|
- height:110upx;
|
|
|
- border-bottom:1upx solid rgb(247, 243, 243);
|
|
|
- .has-color-button{
|
|
|
- border:1upx solid #5a99f7;
|
|
|
- border-radius:15upx;
|
|
|
- padding:13upx 16upx;
|
|
|
- font-size:30upx;
|
|
|
- color:#3385ff;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
.item_list_title {
|
|
|
margin-bottom: 20upx;
|
|
|
@@ -905,15 +794,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .PxClass-box{
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .fadeOut{
|
|
|
- height: 0;
|
|
|
- overflow: hidden;
|
|
|
- animation-name: fadeOutFrames;
|
|
|
- animation-duration:.3s;
|
|
|
- }
|
|
|
+
|
|
|
+
|
|
|
.fadeIn{
|
|
|
height:160upx;
|
|
|
}
|
|
|
@@ -962,14 +844,7 @@ export default {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
- .item-type {
|
|
|
- color: #999;
|
|
|
- font-size: 24upx;
|
|
|
- }
|
|
|
- .item-count {
|
|
|
- color: #666;
|
|
|
- font-size: 24upx;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -980,18 +855,7 @@ export default {
|
|
|
font-size: 60upx;
|
|
|
}
|
|
|
|
|
|
- .position{
|
|
|
- display: block;
|
|
|
- width: 70upx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .iconcachu {
|
|
|
- margin: 0 6upx 0 20upx;
|
|
|
- color: #ccc;
|
|
|
- &.edit {
|
|
|
- color: #3385ff;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
& > .num {
|
|
|
display: inline-block;
|
|
|
width: 130upx;
|
|
|
@@ -1004,25 +868,7 @@ export default {
|
|
|
background-color: #f5f5f5;
|
|
|
font-size: 28upx;
|
|
|
}
|
|
|
- .change-input {
|
|
|
- width: 164upx;
|
|
|
- height: 60upx;
|
|
|
- line-height: 60upx;
|
|
|
- text-align: center;
|
|
|
- background: #ffffff;
|
|
|
- border: 1upx solid #dddddd;
|
|
|
- border-radius: 4upx;
|
|
|
- font-size: 25upx;
|
|
|
- }
|
|
|
- .btn-box{
|
|
|
- width: 100upx;
|
|
|
- height: 60upx;
|
|
|
- line-height: 60upx;
|
|
|
- color: #ffffff;
|
|
|
- background: #3385ff;
|
|
|
- text-align: center;
|
|
|
- border-radius: 10upx;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
|
|
@@ -1036,17 +882,7 @@ export default {
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
border-top: 1px solid #eeeeee;
|
|
|
- .operate-view {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- color: #3385ff;
|
|
|
- font-size: 28upx;
|
|
|
- font-weight:bold;
|
|
|
- .iconfont {
|
|
|
- margin-right: 20upx;
|
|
|
- font-size: 40upx;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
.describe-view {
|
|
|
display: flex;
|
|
|
|
