新增水滴兑换

pages/water/index.wxss

@@ -31,6 +31,10 @@
     z-index: 9;
 }
 
+.water.active {
+    height: 230rpx;
+}
+
 .water-top image {
     width: 30rpx;
     height: 30rpx;
@@ -43,7 +47,22 @@
     margin-top: 10rpx;
     color: #5283ea;
     font-weight: 600;
+}
 
+.water-convert {
+    width: 100%;
+    text-align: center;
+    margin-top: 30rpx;
+}
+
+.water-convert-go {
+    background-color: #ffde49;
+    color: #3a2f00;
+    display: inline-block;
+    line-height: 68rpx;
+    padding: 0 35rpx;
+    border-radius: 80rpx;
+    font-size: 30rpx;
 }
 
 .detailed {
@@ -57,6 +76,10 @@
     overflow-y: scroll;
 }
 
+.detailed.active {
+    top: 400rpx;
+}
+
 .title {
     text-align: center;
     color: #5283ea;