静态页面

config/index.js

     assetsPublicPath: '/',
     proxyTable: {
       '/api': {
-        target: 'http://127.0.0.1:8080',
-        // target: 'https://app.xnsport.cn',
+        // target: 'http://127.0.0.1:8080',
+        target: 'https://api.xnsport.cn',
         // target: 'http://123.57.65.31:9004',
         changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
         pathRewrite: { '^/api': '/api' }

src/pages/WoDe/GeRenSheZhi/ZhangHuSheZhi/BangDingZhiFuBao/index.vue

     <MainPageContainer :ShowMainHeader="true" :ShowMainHeaderBack="true" MainHeaderTitle="绑定支付宝" @UserInfoChange="Init">
       <div class="PageContainer">
         <div class="Form">
-          <input type="text" placeholder="请输入支付宝账号" v-model="AliAccount">
+          <div class="flex-h">
+            <span>支付宝账号</span>
+            <div class="flex-item">
+              <input type="text" placeholder="请输入支付宝账号" v-model="AliAccount">
+            </div>
+          </div>
+          <div class="flex-h">
+            <span>真实姓名</span>
+            <div class="flex-item">
+              <input type="text" placeholder="请输入真实姓名" v-model="RealName">
+            </div>
+          </div>
         </div>
         <div class="Btn">
           <a @click="ToBindIdCard">确认</a>
   data () {
     return {
       AliAccount: '',
+      RealName: '',
       DataLock: false
     }
   },
   },
   mounted () {
     this.$nextTick(() => {
-      this.AliAccount = (this.UserInfo || {}).alipayUser
     })
   },
   methods: {
       'UpdateUserInfo'
     ]),
     Init () {
+      this.AliAccount = (this.UserInfo || {}).alipayUser
+      this.RealName = (this.UserInfo || {}).realName
     },
     ToBindIdCard () {
       if (this.DataLock) return
         this.DataLock = false
         return false
       }
-      this.UpdateUserInfo({ urlData: { id: this.UserInfo.customerId }, data: { alipayUser: this.AliAccount } }).then(() => {
+      this.UpdateUserInfo({ urlData: { id: this.UserInfo.customerId }, data: { alipayUser: this.AliAccount, realName: this.RealName } }).then(() => {
         this.Toast('绑定支付宝成功')
-        this.EditUserInfo({ name: 'alipayUser', value: this.AliAccount })
+        this.EditUserInfo({ name: 'alipayUser', value: this.AliAccount }, { name: 'realName', value: this.RealName })
         this.DataLock = false
         this.$router.go(-1)
       }).catch((res) => {

src/pages/WoDe/GeRenSheZhi/ZhangHuSheZhi/BangDingZhiFuBao/page.scss

     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     > .Form {
-      padding: 0.15rem;
       background: #fff;
-      > input {
-        display: block;
-        font-size: 0.14rem;
-        line-height: 0.2rem;
-        width: 100%;
+      // > input {
+      //   display: block;
+      //   font-size: 0.14rem;
+      //   line-height: 0.2rem;
+      //   width: 100%;
+      // }
+      > div {
+        padding: 0 0.15rem;
+        align-items: center;
+        border-bottom: 0.01rem solid #f8f8f8;
+        > span {
+          font-size: 0.14rem;
+          min-width: 1rem;
+        }
+        > div {
+          > input {
+            display: block;
+            font-size: 0.14rem;
+            line-height: 0.2rem;
+            padding: 0.1rem 0;
+            background: none;
+            text-align: right;
+            width: 100%;
+          }
+        }
       }
     }
     > span {