feat: 充值码

src/pages/index.wpy

@@ -95,12 +95,20 @@
   .corn-cont {
     width:550rpx;
     height:474rpx;
-    background: url("https://activitystatic.xyqb.com/cornback.png") no-repeat;
-    background-size: 100%;
+    position: relative;
+    .imgs {
+      width:100%;
+      height:100%;
+      position: absolute;
+      top:0;left:0;
+      z-index:0;
+    }
     .corn-title {
       font-size: 34rpx;
       text-align: center;
       padding-top:50rpx;
+      position: relative;
+      z-index:2;
     }
     .corn-input{
       width:300rpx;
@@ -112,6 +120,8 @@
       font-size: 32rpx;
       border-radius:35rpx;
       padding:0 30rpx;
+      position: relative;
+      z-index: 2;
     }
     .error-text {
       color:@redcolor;
@@ -119,6 +129,8 @@
       width:360rpx;
       margin:0 auto;
       padding:13rpx 0;
+      position: relative;
+      z-index: 2;
       &.hidden {
         visibility: hidden;
       }
@@ -128,6 +140,8 @@
       height:80rpx;
       margin:0 auto;
       display: block;
+      position: relative;
+      z-index: 2;
     }
     .corn-button {
       width:280rpx;
@@ -173,6 +187,7 @@
     <van-notify id="van-notify"/>
     <van-popup show="{{ cornModal }}" bind:close="cornModalClose" custom-style="background-color:transparent">
       <view class="corn-cont">
+        <image src="/static/images/cornback.png" class="imgs"></image>
         <view class="corn-title">请输入充值码</view>
         <view><input type="text" class="corn-input" v-model="cornCode"></view>
         <view class="error-text {{!cornTextShow?'hidden':''}}">{{ cornText }}</view>