锶源昆仑会员+体验官

pages/water/index.wxss

@@ -0,0 +1,133 @@
+.tips {
+    background-color: #f7edee;
+    padding: 20rpx 180rpx 20rpx 30rpx;
+    box-sizing: border-box;
+    font-size: 28rpx;
+    color: #b76371;
+    position: fixed;
+    width: 100%;
+    z-index: 9;
+    top: 0;
+    left: 0;
+}
+
+.tips image {
+    width: 40rpx;
+    height: 40rpx;
+    position: absolute;
+    right: 20rpx;
+    top: calc(50% - 24rpx);
+}
+
+.water {
+    background-color: #fff;
+    text-align: center;
+    padding: 10rpx 0 40rpx;
+    position: fixed;
+    width: 100%;
+    height: 120rpx;
+    top: 120rpx;
+    left: 0;
+    z-index: 9;
+}
+
+.water-top image {
+    width: 30rpx;
+    height: 30rpx;
+    vertical-align: -2rpx;
+    padding-left: 5rpx;
+}
+
+.water-number {
+    font-size: 62rpx;
+    margin-top: 10rpx;
+    color: #3d45e5;
+    font-weight: 600;
+
+}
+
+.detailed {
+    background-color: #f4f3f9;
+    left: 0;
+    top: 320rpx;
+    height: calc(100vh - 320rpx);
+    position: absolute;
+    width: 100%;
+    overflow: hidden;
+    overflow-y: scroll;
+}
+
+.title {
+    text-align: center;
+    color: #3f47d6;
+    position: relative;
+    line-height: 100rpx;
+    font-weight: 600;
+}
+
+.title::after {
+    position: absolute;
+    content: '';
+    left: calc(50% - 20rpx);
+    bottom: 0;
+    width: 40rpx;
+    height: 6rpx;
+    border-radius: 10rpx;
+    background-color: #4952e4;
+}
+
+.list {
+    padding: 30rpx;
+    box-sizing: border-box;
+}
+
+.item {
+    background-color: #fff;
+    border-radius: 20rpx;
+    margin-bottom: 30rpx;
+    padding: 20rpx;
+    box-sizing: border-box;
+}
+
+.top {
+    display: flex;
+    margin-bottom: 10rpx;
+}
+
+.name {
+    flex: 1;
+    font-weight: 600;
+    font-size: 30rpx;
+}
+
+.number {
+    color: red;
+}
+
+.number text {
+    color: #9d9d9d;
+    font-size: 28rpx;
+    padding-left: 5rpx;
+}
+
+.number.active {
+    color: green;
+}
+
+.time {
+    font-size: 28rpx;
+    color: #6d6d6d;
+}
+
+.pages-no {
+    background-color: #fff;
+    margin-top: 30rpx;
+    text-align: center;
+    padding: 120rpx 0;
+    color: #6d6d6d;
+    font-size: 28rpx;
+}
+
+.pages-no image {
+    width: 180rpx;
+}