提现功能完成

src/pages.json

@@ -172,8 +172,15 @@
             "path" : "pages/autonym-pay/index",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
+                "navigationBarTitleText": "支付"
+            }
+            
+        }
+		,{
+            "path" : "pages/cash/index",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "提现"
             }
             
         }

src/pages/cash/index.vue

@@ -0,0 +1,262 @@
+<template>
+  <!--pages/goods-list/index.wxml-->
+  <view class="container">
+    <view class="content">
+      <!-- <view class="title flex_r flex_ac"
+        >提现类型
+        <view class="title_select">
+          <picker @change="bindPickerChange" :value="index" :range="array">
+            <view class="flex_r flex_ac">
+              <view class="uni-input">{{ array[index] }}</view>
+              <image
+                style="width: 25rpx; height: 25rpx; margin-left: 15rpx"
+                src="/static/down.png"
+                mode=""
+              ></image>
+            </view>
+          </picker>
+        </view>
+      </view> -->
+      <view class="moeny flex_r flex_ae"
+        >￥
+        <input
+          type="number"
+          :maxlength="12"
+          v-model="inputMoney"
+          placeholder="请输入提现金额"
+        />
+      </view>
+      <view class="option flex_r flex_ac flex_jb">
+        <view class="balance flex_r flex_ac"
+          >账户余额￥{{ userinfo.user_money }}</view
+        >
+        <view class="option_text" @tap="getListPage">提现记录</view>
+      </view>
+      <view class="hint">支持余额提现</view>
+    </view>
+    <view class="upload flex_c flex_jc flex_ac">
+      <block v-if="imgs == '' || imgs == undefined">
+        <view class="upload_con flex_c flex_ac flex_jc" @tap="uploadImg"
+          ><text>+</text></view
+        >
+      </block>
+      <block v-else>
+        <image class="upload_img" :src="imgs" mode="" @tap="uploadImg"></image>
+      </block>
+      <view class="upload_text">请上传本人收款码</view>
+    </view>
+    <view class="btn flex_r flex_ac flex_jc" @tap="onSubForm">申请提现</view>
+    <view class="showlist" v-for="(item, index) in show" :key="index"
+      >{{ index + 1 }}、{{ item }}</view
+    >
+  </view>
+</template>
+
+<script>
+let app = getApp();
+// var reqApi = new ReqApi();
+var appEv = app.$vm.$options;
+// var https = app.globalData.ShopUrl;
+// var util = require("../../utils/util.js");
+// import { ReqApi } from "../../utils/reqTools.js";
+import { post } from "@/request/api.js";
+export default {
+  data() {
+    return {
+      show: [],
+      inputMoney: "",
+      imgs: "",
+      index: 0,
+      userinfo: undefined, // 获取用户信息
+    };
+  },
+  onLoad: function (e) {
+    this.userinfo = uni.getStorageSync("userinfo");
+    this.inputMoney = "";
+    // this.loadData();
+  },
+  methods: {
+    onSubForm() {
+      let that = this;
+      var priceTest = /^[0-9]+([.]{1}[0-9]{0,2}){0,1}$/;
+      if (this.inputMoney == "") {
+        appEv.errTips("请输入金额");
+        return;
+      }
+      console.log(this.inputMoney,"qqqq");
+      if (Number(this.inputMoney) > Number(this.userinfo.user_money)) {
+        uni.showModal({
+          content: `当前可提现${this.userinfo.user_money}`,
+          showCancel: false,
+          success(res) {},
+        });
+        return;
+      }
+
+      uni.showLoading({
+        mask: true,
+      });
+      let data = {
+        money: this.inputMoney,
+        pay_code: this.imgs,
+        w_type: 1,
+      };
+      post("/user/withdraw", data).then((res) => {
+        uni.hideLoading();
+        if (res.code === 0) {
+          this.inputMoney = "";
+          this.getuserInfo();
+        } else {
+          appEv.errTips(res.msg || "");
+        }
+      });
+    },
+    // 上传图片uploadImg
+    uploadImg() {
+      let that = this;
+      uni.chooseImage({
+        count: 1, // 最多可以选择的图片张数，默认9
+        sizeType: ["compressed"], // original 原图，compressed 压缩图，默认二者都有
+        sourceType: ["album", "camera"], // album 从相册选图，camera 使用相机，默认二者都有
+        success: function (res) {
+          var arr = res.tempFiles;
+          that.uploadImgs(arr[0].path);
+        },
+      });
+    },
+    uploadImgs(img) {
+      var that = this;
+      uni.uploadFile({
+        url: "http://api_test.haocha13.cn/v1/user/upload",
+        filePath: img,
+        name: "image",
+        header: {
+          token: uni.getStorageSync("token"),
+        },
+        success: function (res) {
+          uni.hideToast();
+        //   console.log(res,"wwwww", res.data);
+        //   console.log(res.data.code,"qqqqqqqqqq", res.data.data.src);
+        let resTwo = JSON.parse(decodeURIComponent(res.data))
+          if (resTwo.code === 0) {
+            that.imgs = resTwo.data.src;
+            console.log(that.imgs,"图片地址");
+          } else {
+            appEv.errTips(resTwo.msg);
+          }
+        },
+      });
+    },
+
+    getListPage() {
+      uni.navigateTo({
+        url: "/pages/withdraw-list/index",
+      });
+    },
+
+    getuserInfo() {
+      post("/user/userinfo").then((res) => {
+        if (res.code === 0) {
+          uni.setStorageSync("userinfo", res.data.data);
+          this.userinfo = res.data.data;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+// 页面配置
+.container {
+  border-top: 20rpx solid #f5f5f5;
+  padding: 43rpx 30rpx;
+  box-sizing: border-box;
+}
+// 页面配置-end
+
+.title_select {
+  margin-left: 36rpx;
+}
+.upload {
+  width: 100%;
+  overflow: hidden;
+}
+.balance {
+  font-size: 28rpx;
+  color: #7c838d;
+}
+.option_text {
+  font-size: 28rpx;
+  color: #18bb88;
+}
+.upload_con text {
+  color: #898989;
+  font-size: 40rpx;
+}
+.hint {
+  font-size: 26rpx;
+  color: #8f8f8f;
+  margin-top: 40rpx;
+}
+.upload_img {
+  width: 200rpx;
+  height: 200rpx;
+  margin-top: 60rpx;
+}
+.title {
+  font-size: 28rpx;
+  color: #7c838d;
+  margin-bottom: 40rpx;
+}
+.upload_text {
+  font-size: 26rpx;
+  color: #898989;
+  margin-top: 20rpx;
+}
+.showlist {
+  font-size: 26rpx;
+  color: #7c838d;
+  margin-bottom: 20rpx;
+}
+.moeny input {
+  color: #121922;
+  font-size: 56rpx;
+  height: 56rpx;
+  margin-left: 10rpx;
+}
+.upload_con {
+  width: 200rpx;
+  height: 200rpx;
+  border: 3rpx solid #898989;
+  border-radius: 10rpx;
+  margin-top: 60rpx;
+}
+.moeny {
+  font-size: 42rpx;
+  color: #121922;
+  line-height: 1;
+  height: 56rpx;
+  border-bottom: 3rpx solid #e4e4ee;
+  margin-bottom: 70rpx;
+  padding: 37rpx 0;
+}
+.content {
+  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  overflow: hidden;
+  padding: 40rpx;
+  box-sizing: border-box;
+  border-radius: 20rpx;
+}
+.btn {
+  width: 348rpx;
+  height: 80rpx;
+  background: #18bb88;
+  color: #fff;
+  font-size: 40rpx;
+  border-radius: 10rpx;
+  box-shadow: 0px 8px 22px 2px rgba(24, 187, 136, 0.22);
+  margin: 64rpx auto;
+}
+</style>

src/pages/my/index.vue

@@ -169,7 +169,7 @@
           </navigator>
         </view>
       </view>
-      <view class="fun mar_t30">
+      <!-- <view class="fun mar_t30">
         <view class="fun_title">拼团管理</view>
         <view class="fun_con mar_t50 flex_r flex_ac flex_jb">
           <navigator
@@ -221,7 +221,7 @@
             <view class="fun_text">拼团金明细</view>
           </navigator>
         </view>
-      </view>
+      </view> -->
       <view class="fun mar_t30">
         <view class="fun_title">账户明细</view>
         <view class="fun_con mar_t50 flex_r flex_ac flex_jb">
@@ -382,7 +382,7 @@
       @authGetTelSuccess="onauthGetTelSuccess"
     ></authorize-module>
     <!-- 授权-end -->
-    <newauthorize ref="newauthorize"/>
+    <newauthorize ref="newauthorize" />
   </view>
 </template>
 
@@ -412,7 +412,7 @@ export default {
       user_id: undefined,
       userinfo: undefined, // 获取用户信息
 
-      unid: '',
+      unid: "",
     };
   },
   onLoad: function (options) {
@@ -432,6 +432,7 @@ export default {
   onShow: function () {
     this.userinfo = uni.getStorageSync("userinfo");
     this.isShiMing = this.userinfo.is_authentication == 0 ? true : false;
+    this.getuserInfo();
     let token = uni.getStorageSync("token");
     if (!token) {
       this.login();
@@ -439,21 +440,21 @@ export default {
   },
   methods: {
     login() {
-      let that = this
+      let that = this;
       // #ifdef  MP-WEIXIN
       wx.login({
         success(res) {
           if (res.code) {
-            post("appletLogin", { code: res.code }).then(res => {
-              if(res.code === 0){
-                if(res.data.token){
-                  uni.setStorageSync('token', res.data.token);
+            post("appletLogin", { code: res.code }).then((res) => {
+              if (res.code === 0) {
+                if (res.data.token) {
+                  uni.setStorageSync("token", res.data.token);
                   that.getuserInfo();
-                }else{
-                  that.unid = res.data.unid
+                } else {
+                  that.unid = res.data.unid;
                   // setTimeout(() => {
-                    that.showAuth = true
-                    that.shopInfo = app.globalData.shopInfo
+                  that.showAuth = true;
+                  that.shopInfo = app.globalData.shopInfo;
                   // }, 500);
                 }
               }
@@ -467,22 +468,23 @@ export default {
       this.goto("/pages/my/login");
       // #endif
     },
-    onauthGetTelSuccess(da){
+    onauthGetTelSuccess(da) {
       this.showAuth = false;
-      post("getMobile", {unid:this.unid, ...da.detail}).then(res => {
-            if (res.code === 0) {
-                uni.setStorageSync('token', res.data.token);
-                this.getuserInfo();
-            }
-      })
+      post("getMobile", { unid: this.unid, ...da.detail }).then((res) => {
+        if (res.code === 0) {
+          uni.setStorageSync("token", res.data.token);
+          this.getuserInfo();
+        }
+      });
     },
     getuserInfo() {
-        post("/user/userinfo").then((res) => {
-            if (res.code === 0) {
-                uni.setStorageSync('userinfo', res.data.data);
-                this.userinfo = res.data.data
-            }
-        });
+      post("/user/userinfo").then((res) => {
+        if (res.code === 0) {
+          uni.setStorageSync("userinfo", res.data.data);
+          this.userinfo = res.data.data;
+          this.isShiMing = this.userinfo.is_authentication == 0 ? true : false;
+        }
+      });
     },
 
     //授权并登录
@@ -496,12 +498,12 @@ export default {
     },
     // 跳转到实名页面
     goToAutonym() {
-		// post('/user/isPayAuth').then(res => {
-		// 	if(res.code === 0){
-		// 		if(res.data.)
-		// 	}
-		// })
-		// return
+      // post('/user/isPayAuth').then(res => {
+      // 	if(res.code === 0){
+      // 		if(res.data.)
+      // 	}
+      // })
+      // return
       uni.navigateTo({
         url: "/pages/autonym-submit/index",
       });
@@ -515,63 +517,32 @@ export default {
       appEv.errTips("此功能暂未开放");
     },
 
-    //是否实名
-    async isrealName() {
-      let n = await u_post("ShuZiTeaYW/userInfo/realName");
-      return n.status == 200;
-    },
     // 跳转到分享页面
     getImgPage: function () {
       let that = this;
-      if (this.isrealName()) {
+      if (this.userinfo.is_authentication == 1) {
         uni.navigateTo({
           url: "/pages/invi-img/index",
         });
       } else {
         appEv.errTips("您还未实名");
-        const infor = reqApi.identifyUserPayment();
-        if (infor) {
-          infor.then((rea) => {
-            if (rea.data.status == 200) {
-              uni.navigateTo({
-                url: "/pages/autonym-submit/index",
-              });
-            } else if (rea.data.status == 999) {
-              uni.navigateTo({
-                url: "/pages/autonym-pay/index",
-              });
-            } else {
-              appEv.errTip(rea.data.msg);
-            }
-          });
-        }
+        uni.navigateTo({
+          url: "/pages/autonym-submit/index",
+        });
       }
     },
     // 跳转到提现页面
     getToCash: function () {
       let that = this;
-      if (this.isrealName()) {
+      if (this.userinfo.is_authentication == 1) {
         uni.navigateTo({
           url: "/pages/cash/index",
         });
       } else {
         appEv.errTips("您还未实名");
-        const infor = reqApi.identifyUserPayment();
-        if (infor) {
-          infor.then((rea) => {
-            if (rea.data.status == 200) {
-              uni.navigateTo({
-                url: "/pages/autonym-submit/index",
-              });
-            } else if (rea.data.status == 999) {
-              uni.navigateTo({
-                url: "/pages/autonym-pay/index",
-              });
-            } else {
-              appEv.errTip(rea.data.msg);
-            }
-          });
-        }
+        uni.navigateTo({
+          url: "/pages/autonym-submit/index",
+        });
       }
     },
     // 复制账号

src/pages/top-up/index.vue

@@ -1,240 +1,235 @@
 <template>
-	<view class="container">
-		<view class="list flex_r flex_ac flex_jb mar_t16">
-			<view class="list_name">充值类型:</view>
-			<view class="title_select">
-				<picker @change="bindPickerChange" :value="index" :range="array">
-					<view class="flex_r flex_ac flex_je" style="width: 300rpx;">
-						<view class="select_name">{{array[index]}}</view>
-						<image style="width: 25rpx;height: 25rpx;margin-left: 15rpx;" src="/static/down.png" mode="">
-						</image>
-					</view>
-				</picker>
-			</view>
-		</view>
-		<view class="list flex_r flex_ac flex_jb mar_t16" v-if="index == 0">
-			<view class="list_name">当前余额:</view>
-			<view class="list_text flex_r flex_ac"><text>￥</text>{{detail.qxMoney}}</view>
-		</view>
-		<view class="list flex_r flex_ac flex_jb mar_t16" v-if="index == 1">
-			<view class="list_name">当前拼团金:</view>
-			<view class="list_text flex_r flex_ac"><text>￥</text>{{detail.qxMoney}}</view>
-		</view>
-		<view class="list flex_r flex_ac flex_jb mar_t16">
-			<view class="list_name">充值金额:</view>
-			<view class="list_text flex_r flex_ac">
-				<input type="text" v-model="price" placeholder="自定义金额" />
-			</view>
-		</view>
-
-		<view class="option flex_c mar_t16">
-			<view class="list_name">充值方式</view>
-			<view class="option_con flex_r flex_ac flex_jb mar_t16">
-				<view class="way_con flex_r flex_ac">
-					<image class="way_img" src="/static/weixin_icon.png" mode=""></image>
-					<view class="way_text">微信支付</view>
-				</view>
-				<view class="way_radio" :class="isSelect == 1 ? 'select_way' : ''"></view>
-			</view>
-		</view>
-
-		<view class="btn flex_r flex_ac flex_jc" @tap="confimTopUp">立即充值</view>
-	</view>
+  <view class="container">
+    <!-- <view class="list flex_r flex_ac flex_jb mar_t16">
+      <view class="list_name">充值类型:</view>
+      <view class="title_select">
+        <picker @change="bindPickerChange" :value="index" :range="array">
+          <view class="flex_r flex_ac flex_je" style="width: 300rpx">
+            <view class="select_name">{{ array[index] }}</view>
+            <image
+              style="width: 25rpx; height: 25rpx; margin-left: 15rpx"
+              src="/static/down.png"
+              mode=""
+            >
+            </image>
+          </view>
+        </picker>
+      </view>
+    </view> -->
+    <view class="list flex_r flex_ac flex_jb mar_t16" v-if="index == 0">
+      <view class="list_name">当前余额:</view>
+      <view class="list_text flex_r flex_ac"
+        ><text>￥</text>{{ userinfo.user_money }}</view
+      >
+    </view>
+    <view class="list flex_r flex_ac flex_jb mar_t16" v-if="index == 1">
+      <view class="list_name">当前拼团金:</view>
+      <view class="list_text flex_r flex_ac"
+        ><text>￥</text>{{ detail.qxMoney }}</view
+      >
+    </view>
+    <view class="list flex_r flex_ac flex_jb mar_t16">
+      <view class="list_name">充值金额:</view>
+      <view class="list_text flex_r flex_ac">
+        <input type="text" v-model="price" placeholder="自定义金额" />
+      </view>
+    </view>
+
+    <view class="option flex_c mar_t16">
+      <view class="list_name">充值方式</view>
+      <view class="option_con flex_r flex_ac flex_jb mar_t16">
+        <view class="way_con flex_r flex_ac">
+          <image class="way_img" src="/static/weixin_icon.png" mode=""></image>
+          <view class="way_text">微信支付</view>
+        </view>
+        <view
+          class="way_radio"
+          :class="isSelect == 1 ? 'select_way' : ''"
+        ></view>
+      </view>
+    </view>
+
+    <view class="btn flex_r flex_ac flex_jc" @tap="confimTopUp">立即充值</view>
+  </view>
 </template>
 
 <script>
-	let app = getApp();
-	// let reqApi = new ReqApi();
-	var appEv = app.$vm.$options;
-	// var toPayOpre = new ToPayOpre();
-	// import {
-	// 	ReqApi,
-	// 	ToPayOpre
-	// } from "../../utils/reqTools.js";
-	import { get, post, u_post } from "@/request/api.js";
-	export default {
-		data() {
-			return {
-				price: '',
-				isSelect: 1,
-				detail: {},
-				array: ['余额充值', '拼团金充值'],
-				index: 0
-			};
-		},
-		onLoad: function() {
-			this.loadData()
-		},
-		methods: {
-			loadData: function() {
-				let that = this;
-				var type = Number(that.index) + 1 // 1获取余额数据  2 获取拼团金数据
-				let data = {
-					type: type
-				}
-				u_post("ShuZiTeaYW/cashWithd/clickCash", data).then((res) => {
-				  if (res.status == 200) {
-				   this.detail = res
-				    // this.BannerImg = res.list;
-				  }
-				});
-				// const info = reqApi.clickCash(data)
-				// if (info) {
-				// 	info.then(res => {
-				// 		if (res.data.status == 200) {
-				// 			that.detail = res.data
-				// 		}
-				// 	})
-				// }
-			},
-			confimTopUp: function() {
-				let that = this;
-				var type = Number(that.index) + 2 // 2 充值余额  3 充值拼团金
-				let data = {
-					type: type,
-					price: this.price
-				}
-				const info = reqApi.spellPricePayment(data)
-				if (info) {
-					info.then(res => {
-						if (res.data.status == 200) {
-							if (res.data.payParam) {
-								toPayOpre.toPay(res.data.payParam, (res) => {
-									if (!res) {
-										// 支付成功
-										appEv.errTips('支付成功')
-										that.price = '';
-										that.loadData()
-									} else {
-										// 支付失败
-										appEv.errTips('支付失败')
-										that.price = '';
-										that.loadData()
-									}
-								});
-							} else {
-								appEv.errTips('支付信息失效，请稍后重试')
-							}
-						} else {
-							appEv.errTips(res.data.msg)
-						}
-					})
-				}
-			},
-
-			bindPickerChange: function(e) {
-				this.index = e.target.value
-				this.loadData();
-			},
-		}
-	}
+let app = getApp();
+// let reqApi = new ReqApi();
+var appEv = app.$vm.$options;
+import { ToPayOpre } from "../../utils/reqTools.js";
+var toPayOpre = new ToPayOpre();
+import { get, post, u_post } from "@/request/api.js";
+export default {
+  data() {
+    return {
+      price: '',
+      isSelect: 1,
+      detail: {},
+      array: ["余额充值"],
+      index: 0,
+      userinfo: undefined, // 获取用户信息
+    };
+  },
+  onLoad: function () {
+    this.userinfo = uni.getStorageSync("userinfo");
+  },
+  methods: {
+    confimTopUp() {
+      if (this.price == 0 || this.prioce == '') {
+        appEv.errTips("充值不能为0");
+        return;
+      } else {
+        // #ifdef  H5
+        let type = "H5";
+        // #endif
+        // #ifdef  APP
+        let type = "app";
+        // #endif
+        // #ifdef  MP-WEIXIN
+        let type = "jsapi";
+        // #endif
+        let data = {
+          trade_type: type,
+          amount: this.price,
+        };
+
+        post("/user/recharge", data).then((res) => {
+          toPayOpre.toPay(res.data.data, (rea) => {
+            if (!rea) {
+              // 支付成功
+              appEv.errTips("支付成功");
+			  this.price = 0;
+			  this.getuserInfo()
+            } else {
+              // 支付失败
+              appEv.errTips("支付已取消");
+            }
+          });
+        });
+      }
+    },
+	getuserInfo() {
+        post("/user/userinfo").then((res) => {
+            if (res.code === 0) {
+                uni.setStorageSync('userinfo', res.data.data);
+                this.userinfo = res.data.data
+            }
+        });
+    },
+    bindPickerChange: function (e) {
+      this.index = e.target.value;
+      this.loadData();
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-	// 页面配置
-	page {
-		background: #F4F4F4;
-	}
-
-	// 页面配置-end
-
-	// 页面内容
-	.option_con {
-		width: 100%;
-		overflow: hidden;
-	}
-
-	.way_img {
-		width: 52rpx;
-		height: 52rpx;
-		margin-right: 8rpx;
-	}
-
-	.way_text {
-		font-size: 22rpx;
-		color: #333333;
-		font-family: "SourceHanSansCN-Medium";
-	}
-
-	.list_text input {
-		font-size: 28rpx;
-		color: #333333;
-		text-align: right;
-		margin-left: 20rpx;
-	}
-
-	.list {
-		width: 100%;
-		height: 86rpx;
-		padding: 0 30rpx;
-		box-sizing: border-box;
-		background: #fff;
-	}
-
-	.list_text {
-		font-family: "SourceHanSansCN-Bold";
-		font-weight: bold;
-		font-size: 36rpx;
-		color: #17BB87;
-	}
-
-	.list_name {
-		color: #333333;
-		font-size: 28rpx;
-		font-family: "SourceHanSansCN-Medium";
-		font-weight: 500;
-	}
-
-	.option {
-		width: 100%;
-		overflow: hidden;
-		padding: 20rpx 30rpx 60rpx;
-		box-sizing: border-box;
-		background: #fff;
-	}
-
-	.list_text text {
-		font-family: "SourceHanSansCN-Medium";
-		font-size: 22rpx;
-		font-weight: 500rpx;
-		color: #17BB87;
-	}
-
-	.way_radio {
-		width: 39rpx;
-		height: 35rpx;
-		background: url("~@/static/weixuanzhong.png");
-		background-repeat: no-repeat;
-		background-size: 35rpx 35rpx;
-		background-position: center center;
-	}
-
-	.btn {
-		width: 689rpx;
-		height: 92rpx;
-		background: #17BB87;
-		color: #fff;
-		font-size: 42rpx;
-		font-family: "SourceHanSansCN-Medium";
-		font-weight: 500;
-		margin: 132rpx auto 0;
-		border-radius: 10rpx;
-	}
-
-	.select_name {
-		width: 80%;
-		text-align: end;
-		font-family: SourceHanSansCN-Medium;
-		color: #494949;
-		font-size: 28rpx;
-	}
-
-	.select_way {
-		background: url("~@/static/xuanzhong_icon.png");
-		background-repeat: no-repeat;
-		background-size: 39rpx 35rpx;
-		background-position: center center;
-	}
-
-	// 页面内容-end
+// 页面配置
+page {
+  background: #f4f4f4;
+}
+
+// 页面配置-end
+
+// 页面内容
+.option_con {
+  width: 100%;
+  overflow: hidden;
+}
+
+.way_img {
+  width: 52rpx;
+  height: 52rpx;
+  margin-right: 8rpx;
+}
+
+.way_text {
+  font-size: 22rpx;
+  color: #333333;
+  font-family: "SourceHanSansCN-Medium";
+}
+
+.list_text input {
+  font-size: 28rpx;
+  color: #333333;
+  text-align: right;
+  margin-left: 20rpx;
+}
+
+.list {
+  width: 100%;
+  height: 86rpx;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+
+.list_text {
+  font-family: "SourceHanSansCN-Bold";
+  font-weight: bold;
+  font-size: 36rpx;
+  color: #17bb87;
+}
+
+.list_name {
+  color: #333333;
+  font-size: 28rpx;
+  font-family: "SourceHanSansCN-Medium";
+  font-weight: 500;
+}
+
+.option {
+  width: 100%;
+  overflow: hidden;
+  padding: 20rpx 30rpx 60rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+
+.list_text text {
+  font-family: "SourceHanSansCN-Medium";
+  font-size: 22rpx;
+  font-weight: 500rpx;
+  color: #17bb87;
+}
+
+.way_radio {
+  width: 39rpx;
+  height: 35rpx;
+  background: url("~@/static/weixuanzhong.png");
+  background-repeat: no-repeat;
+  background-size: 35rpx 35rpx;
+  background-position: center center;
+}
+
+.btn {
+  width: 689rpx;
+  height: 92rpx;
+  background: #17bb87;
+  color: #fff;
+  font-size: 42rpx;
+  font-family: "SourceHanSansCN-Medium";
+  font-weight: 500;
+  margin: 132rpx auto 0;
+  border-radius: 10rpx;
+}
+
+.select_name {
+  width: 80%;
+  text-align: end;
+  font-family: SourceHanSansCN-Medium;
+  color: #494949;
+  font-size: 28rpx;
+}
+
+.select_way {
+  background: url("~@/static/xuanzhong_icon.png");
+  background-repeat: no-repeat;
+  background-size: 39rpx 35rpx;
+  background-position: center center;
+}
+
+// 页面内容-end
 </style>