app开发

src/views/hhr-view/packageUpgrade/packageUpgrade.vue

 <template>
-    <div style=" background-image: url('./picture/hhr/yrym-ruanyan-adv-bg.jpg');
-    background-repeat: no-repeat;
-    background-size: 100%;
-    width: 100%;
-    height: 100%;">
-        <img src="/picture/hhr/kefu.png" style="width: 10%;position:fixed ;right: 15px;top: 15px" @click="showPopup">
+    <div style="position:relative ">
+        <img src="/picture/hhr/yrym-ruanyan-adv-bg.jpg" style="width: 100%;   float: right">
+        <img src="/picture/hhr/kefu.png"  style="width: 10%;position:fixed ;right: 15px;top: 15px" @click="showPopup">
         <div style="height: 700px;"></div>
-        <div style="font-size: 28px;text-align: center;background: white;height: 100px" class="van-hairline--surround">
+        <div style="font-size: 28px;text-align: center;background: white;position:fixed ;bottom: 0px;width: 100%" class="van-hairline--surround">
             <van-cell-group style="">
                 <van-field v-model="value" placeholder="身份证/手机号/宽带账号"/>
             </van-cell-group>
@@ -34,28 +31,30 @@
                 </div>
             </van-popup>
         </div>
-        <div v-show="duanxing">
+        <div v-show="duanxing" >
             <van-popup v-model="duanxing"
                        style="width: 80%;height: 30%; display: flex; align-items: center;justify-content: center;">
             <div>
-                <div style="font-size: 20px; color: black;text-align: center;position: fixed;top: 3px">{{yanzhengma}}</div>
+                <div style="font-size: 20px; color: black;text-align: center;position: fixed;top: 3px;margin: 0px 0px 20px 0px;">{{yanzhengma}}</div>
 
-                <van-field
-                        center
-                        clearable
-                        placeholder="请输入短信验证码"
-                        style="width: 100%;height: 30%;"
-                >
-                    <van-button slot="button" size="small" type="info"
-                                @click.stop.prevent="getCode"
-                    >{{codeMsg}}
-                    </van-button>
-                </van-field>
+                <div style="margin: 50px 0px 0px 0px;">
+                    <van-field
+                            center
+                            clearable
+                            placeholder="请输入短信验证码"
+                            style="width: 100%;height: 30%;"
+                    >
+                        <van-button slot="button" size="small" type="info"
+                                    @click.stop.prevent="getCode"
+                        >{{codeMsg}}
+                        </van-button>
+                    </van-field>
 
 
-                <van-button round block type="info" native-type="submit">
-                    确认
-                </van-button>
+                    <van-button round block type="info" native-type="submit">
+                        确认
+                    </van-button>
+                </div>
             </div>
 
             </van-popup>