提交

src/router/index.js

@@ -10,7 +10,7 @@ const routes = [
     name: "Home",
     component: Home,
     meta: {
-      title: "【方太】尊享高端.礼遇金秋双11",
+      title: "【方太】尊享高端.礼遇双11",
     },
   },
   {

src/views/About.vue

@@ -31,6 +31,11 @@
       placeholder="请输入电话"
       type="number"
     />
+    <van-field
+      class="input"
+      v-model="from.purchasePeriod"
+      placeholder="请输入购买年限（单位：年）"
+    />
     <van-field class="input" v-model="from.address" placeholder="请输入地址" />
     <div class="btn" @click="submit">立即报名</div>
   </div>
@@ -46,6 +51,7 @@ export default {
         name: "",
         phone: "",
         address: "",
+        purchasePeriod: "",
       },
       current: 0,
       imgUrlList: [
@@ -129,7 +135,7 @@ export default {
   },
   methods: {
     async submit() {
-      let { name, phone, address } = this.from;
+      let { name, phone, address, purchasePeriod } = this.from;
       var phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/;
       if (!name) {
         this.$toast("姓名不能为空");
@@ -140,6 +146,9 @@ export default {
       } else if (!phoneReg.test(phone)) {
         this.$toast("电话不正确");
         return;
+      } else if (!purchasePeriod) {
+        this.$toast("购买年限不能为空");
+        return;
       } else if (!address) {
         this.$toast("地址不能为空");
         return;
@@ -153,6 +162,7 @@ export default {
           phone,
           address,
           type: 3,
+          purchasePeriod,
         },
       }).then((res) => {
         let data = res.data;
@@ -161,6 +171,7 @@ export default {
           this.from.name = "";
           this.from.phone = "";
           this.from.address = "";
+          this.from.purchasePeriod = "";
         } else {
           this.$toast(data.msg);
         }
@@ -175,7 +186,7 @@ export default {
   background: linear-gradient(180deg, #1d1212 0%, #c41a21 100%);
   box-sizing: border-box;
   padding: 0 0 50px 0;
-   ::v-deep .my-swipe {
+  ::v-deep .my-swipe {
     height: 380px !important;
     .van-swipe-item {
       color: #fff;

src/views/Home.vue

@@ -53,19 +53,13 @@
         alt=""
         srcset=""
       /> -->
-      <img
-        @click="goAbout"
-        class="one abc"
-        src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/7.png"
-        alt=""
-        srcset=""
-      />
+      
       <!-- <div class="one-text">
         100%好礼：预定用户分享活动，即可参与11.11砸金蛋100%抽奖，100-1000元无门槛优惠券送不停，更有华为Mate60（使用权）、4999元免单、小天鹅10公斤滚筒洗衣机等幸运好礼！
       </div> -->
       <!-- 33333 -->
       <!-- <img class="one" src="@/assets/6.png" alt="" srcset="" /> -->
-      <div class="test">
+      <div class="test abc">
         <wx-open-launch-weapp
           v-if="true"
           id="launch-btn"
@@ -91,6 +85,13 @@
           </script>
         </wx-open-launch-weapp>
       </div>
+      <img
+        @click="goAbout"
+        class="one"
+        src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/7.png"
+        alt=""
+        srcset=""
+      />
       <img class="title-img" src="@/assets/title.png" alt="" srcset="" />
       <img
         class="two"
@@ -220,8 +221,8 @@ export default {
       const { appId, signature, timestamp, nonceStr, url } = res.data.data;
       // 分享数据写死
       let msg = {
-        title: "【方太】尊享高端.礼遇金秋双11", // 分享标题
-        desc: "满额送华为Mate60Pro(使用权)，抽免单（4999元）、秒好礼，寻找老用户，热水器0元焕新", // 分享描述
+        title: "【方太】尊享高端.礼遇双11", // 分享标题
+        desc: "满额送华为Mate60Pro，抽免单（4999元）、秒好礼，方太热水器老用户0元焕新", // 分享描述
         link: "https://faces.diaosaas.com/ft/website11/", // / 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名
         imgUrl:
           "https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/fenxiang.png", // 分享图标
@@ -393,10 +394,7 @@ export default {
       width: 700px;
       margin: 0 auto;
     }
-    .abc {
-      margin-top: 30px;
-      margin-bottom: 30px;
-    }
+    
     .test {
       position: relative;
       width: 700px;
@@ -404,6 +402,10 @@ export default {
       margin: 0 auto;
       // border: 1px solid green;
     }
+    .abc {
+      margin-top: 30px;
+      margin-bottom: 30px;
+    }
     .one-text {
       background: goldenrod;
       margin: 26px auto 62px auto;