[水感应客户端最新]

pages/index-老版/index.wxss

@@ -0,0 +1,140 @@
+/* 第一屏幕 */
+.indexBack {
+    position: relative;
+    width: 100%;
+    height: 100vh;
+}
+
+.indexBack-img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.indexText {
+    position: absolute;
+    bottom: 20rpx;
+    left: 0;
+    text-align: center;
+    width: 100%;
+}
+
+.indexText-name {
+    background-color: #3b7cff;
+    color: #fff;
+    display: inline-block;
+    border-radius: 50rpx;
+    height: 68rpx;
+    line-height: 68rpx;
+    padding: 0 50rpx;
+}
+
+.indexText-arrow {
+    width: 74rpx;
+    height: 74rpx;
+    display: block;
+    margin: 15rpx auto 0;
+    animation: bounce-down 2s linear infinite;
+}
+
+@keyframes bounce-down {
+    25% {
+        transform: translateY(-4px);
+    }
+
+    50%,
+    100% {
+        transform: translateY(0);
+    }
+
+    75% {
+        transform: translateY(4px);
+    }
+}
+
+/* 步骤提示 */
+.indexTips {
+    width: 100%;
+    padding: 60rpx 50rpx;
+    box-sizing: border-box;
+}
+
+.indexTips-img {
+    width: 100%;
+}
+
+/* 活动轮播 */
+.indexShaky {
+    width: 100%;
+}
+
+.indexShaky-back {
+    position: relative;
+    width: 100%;
+    left: 0;
+    top: 0;
+    height: 230rpx;
+    background-color: #b8d3e8;
+    border-radius: 0 0 50rpx 50rpx;
+    text-align: center;
+}
+
+.indexShaky-title {
+    color: #1049a2;
+    position: relative;
+    font-size: 54rpx;
+    height: 100rpx;
+    padding-top: 30rpx;
+}
+
+.indexShaky-title>text {
+    width: 100%;
+    text-align: center;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    z-index: 2;
+}
+
+.indexShaky-title::after {
+    position: absolute;
+    content: '';
+    left: calc(50% - 100rpx);
+    bottom: -2rpx;
+    background-image: linear-gradient(to left, #ffffff,#ffffff 50%, transparent);
+    width: 200rpx;
+    height: 18rpx;
+}
+
+.indexShaky-swiper {
+    margin-top: -50rpx;
+    padding: 0 30rpx;
+    box-sizing: border-box;
+}
+
+.indexShaky-cont {
+    position: relative;
+    border-radius: 20rpx;
+    padding-top: 50%;
+    overflow: hidden;
+}
+
+.indexShaky-see,
+.swiperCont-img {
+    border-radius: 20rpx;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+/* 步骤提示 */
+.indexSingle {
+    width: 100%;
+    margin-top: 80rpx;
+}
+
+.indexSingle-img {
+    width: 100%;
+}