You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
542 lines
73 KiB
542 lines
73 KiB
4 months ago
|
<template>
|
||
|
|
<view class="gradeActive">
|
||
|
|
<!-- #ifdef MP -->
|
||
|
|
<NavBar titleText="激活会员" iconColor="#FFFFFF" textColor="#FFFFFF" showBack></NavBar>
|
||
|
|
<!-- #endif -->
|
||
|
|
|
||
|
|
<view class="headerBg"></view>
|
||
|
|
<view class="header">
|
||
|
|
<view class="title">激活会员卡</view>
|
||
|
|
<view>新用户免费激活会员卡</view>
|
||
|
|
</view>
|
||
|
|
<view class="conter">
|
||
|
|
<view class="headerT">
|
||
|
|
<view class="name">{{list.length?'请填写以下信息':'我的成长特权'}}</view>
|
||
|
|
</view>
|
||
|
|
<view class="list acea-row row-between-wrapper" v-if="!list.length">
|
||
|
|
<view class="itemNo">
|
||
|
|
<view class="pictrue">
|
||
|
|
<image :src="imgHost+'/statics/images/userVip1.png'"></image>
|
||
|
|
</view>
|
||
|
|
<view>购物折扣</view>
|
||
|
|
</view>
|
||
|
|
<view class="itemNo">
|
||
|
|
<view class="pictrue">
|
||
|
|
<image :src="imgHost+'/statics/images/userVip2.png'"></image>
|
||
|
|
</view>
|
||
|
|
<view>专属徽章</view>
|
||
|
|
</view>
|
||
|
|
<view class="itemNo">
|
||
|
|
<view class="pictrue">
|
||
|
|
<image :src="imgHost+'/statics/images/userVip3.png'"></image>
|
||
|
|
</view>
|
||
|
|
<view>经验累积</view>
|
||
|
|
</view>
|
||
|
|
<view class="itemNo">
|
||
|
|
<view class="pictrue">
|
||
|
|
<image :src="imgHost+'/statics/images/userVip4.png'"></image>
|
||
|
|
</view>
|
||
|
|
<view>尊享客服</view>
|
||
|
|
</view>
|
||
|
|
<image class="vipBg" src="../static/vipBg.png"></image>
|
||
|
|
</view>
|
||
|
|
<view class="form">
|
||
|
|
<view class="item acea-row row-middle" v-for="(item,index) in list" :key="index">
|
||
|
|
<view class="name acea-row row-middle" :class="{ asterisk: item.required==1 }">
|
||
|
|
<view>{{item.info}}</view>
|
||
|
|
</view>
|
||
|
|
<!-- <view class="name"><text class="asterisk" v-if="item.required==1">*</text><text>{{item.info}}</text></view> -->
|
||
|
|
<!-- text -->
|
||
|
|
<view class="input" v-if="item.format == 'text'">
|
||
|
|
<input type="text" :placeholder="item.tip" placeholder-class="placeholder" v-model="item.value" />
|
||
|
|
</view>
|
||
|
|
<!-- number -->
|
||
|
|
<view class="input" v-if="item.format=='num'">
|
||
|
|
<input type="number" :placeholder="item.tip" placeholder-class="placeholder" v-model="item.value" />
|
||
|
|
</view>
|
||
|
|
<!-- email -->
|
||
|
|
<view class="input" v-if="item.format=='mail'">
|
||
|
|
<input type="text" :placeholder="item.tip" placeholder-class="placeholder" v-model="item.value" />
|
||
|
|
</view>
|
||
|
|
<!-- date -->
|
||
|
|
<view class="input" v-if="item.format=='date'">
|
||
|
|
<picker mode="date" :value="item.value" @change="bindDateChange($event,index)">
|
||
|
|
<view class="acea-row row-middle row-right">
|
||
|
|
<view v-if="item.value == ''">{{item.tip}}</view>
|
||
|
|
<view v-else>{{item.value}}</view>
|
||
|
|
<text class='iconfont icon-ic_rightarrow'></text>
|
||
|
|
</view>
|
||
|
|
</picker>
|
||
|
|
</view>
|
||
|
|
<!-- id -->
|
||
|
|
<view class="input" v-if="item.format=='id'">
|
||
|
|
<input type="idcard" :placeholder="item.tip" placeholder-class="placeholder" v-model="item.value" />
|
||
|
|
</view>
|
||
|
|
<!-- phone -->
|
||
|
|
<view class="input" v-if="item.format=='phone'">
|
||
|
|
<input type="tel" :placeholder="item.tip" placeholder-class="placeholder" v-model="item.value" />
|
||
|
|
</view>
|
||
|
|
<!-- radio -->
|
||
|
|
<view class="input" v-if="item.format=='radio'">
|
||
|
|
<radio-group @change="radioChange($event,index)">
|
||
|
|
<label class="label">
|
||
|
|
<radio value="0" :checked="item.value == 0" />{{item.singlearr[0]}}
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<radio value="1" :checked="item.value == 1" />{{item.singlearr[1]}}
|
||
|
|
</label>
|
||
|
|
</radio-group>
|
||
|
|
</view>
|
||
|
|
<!-- address -->
|
||
|
|
<view class="input" @click="addressList" v-if="item.format=='address'">
|
||
|
|
<picker mode="multiSelector" @change="bindRegionChange($event,index)" @columnchange="bindMultiPickerColumnChange" :value="valueRegion" :range="multiArray">
|
||
|
|
<view class='acea-row row-middle row-right'>
|
||
|
|
<view class="picker">{{region[0]}}，{{region[1]}}，{{region[2]}}</view>
|
||
|
|
<text class='iconfont icon-ic_rightarrow'></text>
|
||
|
|
</view>
|
||
|
|
</picker>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="bnt" @click="activate">确认激活</view>
|
||
|
|
<ewcomerPop v-if="isComerGift" :fromActive="1" :comerGift="comerGift" @comerPop="comerPop"></ewcomerPop>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import {
|
||
|
|
levelInfo,
|
||
|
|
levelActivate
|
||
|
|
} from '@/api/user.js';
|
||
|
|
import {
|
||
|
|
getCity
|
||
|
|
} from '@/api/api.js';
|
||
|
|
import {
|
||
|
|
HTTP_REQUEST_URL
|
||
|
|
} from '@/config/app';
|
||
|
|
import ewcomerPop from '@/components/ewcomerPop/index.vue'
|
||
|
|
import NavBar from '@/components/NavBar.vue'
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
ewcomerPop,
|
||
|
|
NavBar
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
imgHost: HTTP_REQUEST_URL,
|
||
|
|
list: [],
|
||
|
|
district: [],
|
||
|
|
multiArray: [],
|
||
|
|
multiIndex: [0, 0, 0],
|
||
|
|
valueRegion: [0, 0, 0],
|
||
|
|
region: ['省', '市', '区'],
|
||
|
|
comerGift: {},
|
||
|
|
isComerGift: false
|
||
|
|
};
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
this.getInfo();
|
||
|
|
this.getCityList();
|
||
|
|
},
|
||
|
|
onReady() {},
|
||
|
|
onShow() {},
|
||
|
|
methods: {
|
||
|
|
comerPop() {
|
||
|
|
this.isComerGift = false;
|
||
|
|
uni.navigateTo({
|
||
|
|
url: '/pages/users/user_vip/index'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
activate() {
|
||
|
|
let that = this;
|
||
|
|
for (var i = 0; i < that.list.length; i++) {
|
||
|
|
let data = that.list[i]
|
||
|
|
if (data.required || data.value) {
|
||
|
|
if (data.format === 'date' || data.format === 'address') {
|
||
|
|
if (!data.value) {
|
||
|
|
return that.$util.Tips({
|
||
|
|
title: `${data.tip}`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (data.format === 'text') {
|
||
|
|
if (!data.value.trim()) {
|
||
|
|
return that.$util.Tips({
|
||
|
|
title: `${data.tip}`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (data.format === 'num') {
|
||
|
|
if (data.value <= 0) {
|
||
|
|
return that.$util.Tips({
|
||
|
|
title: `${data.tip}`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (data.format === 'mail') {
|
||
|
|
if (!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(data.value)) {
|
||
|
|
return that.$util.Tips({
|
||
|
|
title: `${data.tip}`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (data.format === 'phone') {
|
||
|
|
if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(data.value)) {
|
||
|
|
return that.$util.Tips({
|
||
|
|
title: `${data.tip}`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (data.format === 'id') {
|
||
|
|
if (!/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/i.test(data.value)) {
|
||
|
|
return that.$util.Tips({
|
||
|
|
title: `${data.tip}`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
levelActivate(this.list).then(res => {
|
||
|
|
res.data['register_give_integral'] = res.data.level_give_integral;
|
||
|
|
res.data['register_give_money'] = res.data.level_give_money;
|
||
|
|
res.data['register_give_coupon'] = res.data.level_give_coupon;
|
||
|
|
res.data['coupon_count'] = res.data.level_give_coupon.length;
|
||
|
|
this.comerGift = res.data;
|
||
|
|
if (res.data.level_give_integral > 0 || res.data.level_give_money > 0 || res.data.level_give_coupon.length > 0) {
|
||
|
|
this.isComerGift = true;
|
||
|
|
} else {
|
||
|
|
uni.navigateTo({
|
||
|
|
url: '/pages/users/user_vip/index'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}).catch(err => {
|
||
|
|
return this.$util.Tips({
|
||
|
|
title: err
|
||
|
|
});
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 省市区地址处理逻辑；
|
||
|
|
addressList() {
|
||
|
|
this.getCityList();
|
||
|
|
},
|
||
|
|
// 获取地址数据
|
||
|
|
getCityList() {
|
||
|
|
let that = this;
|
||
|
|
getCity().then(res => {
|
||
|
|
this.district = res.data
|
||
|
|
that.initialize();
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 处理地址数据
|
||
|
|
initialize: function() {
|
||
|
|
let that = this,
|
||
|
|
province = [],
|
||
|
|
city = [],
|
||
|
|
area = [];
|
||
|
|
if (that.district.length) {
|
||
|
|
let cityChildren = that.district[0].c || [];
|
||
|
|
let areaChildren = cityChildren.length ? (cityChildren[0].c || []) : [];
|
||
|
|
that.district.forEach(function(item) {
|
||
|
|
province.push(item.n);
|
||
|
|
});
|
||
|
|
cityChildren.forEach(function(item) {
|
||
|
|
city.push(item.n);
|
||
|
|
});
|
||
|
|
areaChildren.forEach(function(item) {
|
||
|
|
area.push(item.n);
|
||
|
|
});
|
||
|
|
this.multiArray = [province, city, area]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
bindRegionChange(e, index) {
|
||
|
|
let multiIndex = this.multiIndex,
|
||
|
|
province = this.district[multiIndex[0]] || {
|
||
|
|
c: []
|
||
|
|
},
|
||
|
|
city = province.c[multiIndex[1]] || {
|
||
|
|
v: 0
|
||
|
|
},
|
||
|
|
multiArray = this.multiArray,
|
||
|
|
value = e.detail.value;
|
||
|
|
|
||
|
|
this.region = [multiArray[0][value[0]], multiArray[1][value[1]], multiArray[2][value[2]]]
|
||
|
|
this.list[index].value = city.v;
|
||
|
|
this.valueRegion = [0, 0, 0]
|
||
|
|
this.initialize();
|
||
|
|
},
|
||
|
|
bindMultiPickerColumnChange(e) {
|
||
|
|
let that = this,
|
||
|
|
column = e.detail.column,
|
||
|
|
value = e.detail.value,
|
||
|
|
currentCity = this.district[value] || {
|
||
|
|
c: []
|
||
|
|
},
|
||
|
|
multiArray = that.multiArray,
|
||
|
|
multiIndex = that.multiIndex;
|
||
|
|
multiIndex[column] = value;
|
||
|
|
switch (column) {
|
||
|
|
case 0:
|
||
|
|
let areaList = currentCity.c[0] || {
|
||
|
|
c: []
|
||
|
|
};
|
||
|
|
multiArray[1] = currentCity.c.map((item) => {
|
||
|
|
return item.n;
|
||
|
|
});
|
||
|
|
multiArray[2] = areaList.c.map((item) => {
|
||
|
|
return item.n;
|
||
|
|
});
|
||
|
|
break;
|
||
|
|
case 1:
|
||
|
|
let cityList = that.district[multiIndex[0]].c[multiIndex[1]].c || [];
|
||
|
|
multiArray[2] = cityList.map((item) => {
|
||
|
|
return item.n;
|
||
|
|
});
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
// #ifdef MP || APP-PLUS
|
||
|
|
this.$set(this.multiArray, 0, multiArray[0]);
|
||
|
|
this.$set(this.multiArray, 1, multiArray[1]);
|
||
|
|
this.$set(this.multiArray, 2, multiArray[2]);
|
||
|
|
// #endif
|
||
|
|
// #ifdef H5
|
||
|
|
this.multiArray = multiArray;
|
||
|
|
// #endif
|
||
|
|
this.multiIndex = multiIndex
|
||
|
|
},
|
||
|
|
radioChange(e, index) {
|
||
|
|
this.list[index].value = e.detail.value
|
||
|
|
},
|
||
|
|
bindDateChange: function(e, index) {
|
||
|
|
const date = e.detail.value;
|
||
|
|
const current = new Date().toLocaleDateString();
|
||
|
|
const checked = new Date(date).toLocaleDateString();
|
||
|
|
if (checked < current) {
|
||
|
|
this.list[index].value = e.detail.value
|
||
|
|
} else {
|
||
|
|
this.$util.Tips({
|
||
|
|
title: this.list[index].info + '需小于当前的日期'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getInfo() {
|
||
|
|
levelInfo().then(res => {
|
||
|
|
res.data.forEach(item => {
|
||
|
|
if (item.format == 'radio') {
|
||
|
|
item.value = '0'
|
||
|
|
} else {
|
||
|
|
item.value = ''
|
||
|
|
}
|
||
|
|
})
|
||
|
|
this.list = res.data;
|
||
|
|
}).catch(err => {
|
||
|
|
this.$util.Tips({
|
||
|
|
title: err
|
||
|
|
})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onReachBottom() {}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss">
|
||
|
|
.gradeActive {
|
||
|
|
padding-bottom: 20rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
|
||
|
|
.headerBg {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 568rpx;
|
||
|
|
background: linear-gradient(180deg, #1E1C19 0%, #19140E 100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.header {
|
||
|
|
position: relative;
|
||
|
|
background-image: url(data:image/png;base64,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
|
||
|
|
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAq4AAAFICAMAAACm1Iw2AAAAyVBMVEUAAAD82p7+3aD/5Lb/5Lb60of60ob/5bb60ob72p793KH+5Lb/5bb60ob+5LX60of93Z/+5Lb8znz404r7z3/60YT41Iz9zXr7z3750YX50of93qb9z3790YP91Iz92pz9zXn+5Lb90of70IL93KH92Zn91pH904n6z4D90ID93aP915P+36n91Y/92Jf925/+4a7+47T9znv+4rD+4Kz+36r50ob90YX925791Y7915X92Jb+4K3+4rL40oj304v+47P40on80IAm/fcpAAAAEnRSTlMALRvZfn7hwMBCC/urq/HSXP0SsFuOAAASgklEQVR42uydi3bSQBCGA+V+aavCiYK3mKrVokiltSrm9PT9H8oIyGwY2MsMG3bTfLzCd/4z/LO7CZRUzmu95slpN5qZ/DLc3//Z8D3DN4HFivl/boCJyHgHnwUutpgK3C15s4P3Gb4K/F7ya8WVyIcMXwR+Lnm9g48Z3iF+rHmF+ZThJeZ6TSjwdhdhhqdSnksY7ONycImJMwwFXjQarX79vBLwqNSapxGBbV1TDHTFwoqyqnVF6OsK6OsKCLqu2KsroNYVQLoiX7GwDFnB2PQnlRXzMEiNvIyxqlhWUdtWnaxstXYSEcGy/kcl6wLJmqKfrdjWKZL1Tp2tWFYNW78QbKXIqrYVhStDV2m2mqSrhq4v/v3O6tXAnHbvSUQno+sSua4g7FwA6TreryugyNYU42xNsasrwNMVCcuUFdLVLFsf4jiTrrJsxdb226ayNmcR+YezdQMxWwG+rDqDAFD0bFUI+1wGd27FybqhZSJspRmx0NcV0NJ1PMknW4EyWylza5qul+lPKStmI21Ld4jt1LpcWYFtWQFRVZWs6nBVtwJ33FbgKodWgP8vKxRgZytxcjXPVhAVqHe0ovUkAvi67m0FdOdWo3C9QOjrCujrCujrCtjQVRSWl60grXm2xpCuElkV0jY0ArbWnUWMH5KV17hOnGlcrx5d40rIVs7kuou6ahDoRRayld64TjxtXAnZytPVXuMKWGpc8d8toN+RVq2bQcCNxnXCblz5sq5hrAfstwLXVhrXp7k2rrs5q9qwFdDXFdDRdexQ4/rBtVbgGpAMrrTJFaA0rjhaTdL19va2UZXYypxbXdpmTQnbLEC5zQJV9WUFVV1oXOnbLEnjys1WTKPqSbbeGGXrRbnNCoFcG1dg3bgC5nMrcJum69587ZzYk5XfuI6tNK6qbZaZrPxWgCmryd8seisgnVsH7MYVK3vWCTC9A2crv3Flhev0Ql9XAHR1pXH95FXjCnMro3EFUdf0A0SNO7dStlmLcptleZsFWD8pkP4QMaVxxdKi/rXSjaJym1XUbdbb0IEzrprJitN1NBpVDjy4Mu4PgK43c9/vD/wkZiu/wnJgm4XmVu0zrsAeYRudrVGAy4zQCkj+aInRetxWwCRbU/SzFbCsaxjaP+P6AI0rb27Fqi6pZ0cBtxpXQilgJVtTeNmKG1cPtll5nhQYSudWEDapBEDTscZ14mbj6u42KwTcuJuFZDWdXDeMVrTA1nbExen7A2aNK2k94FPj6tRJgaE6W9e0IVwtNq6Eu1nE+wOAvq6Avq4A6FqsxpVxNys+ZOMKsorx2mbOrZRt1sLpbVaKzW0WqCqR1ZvGdSCZWzmNKwibjddeobZZTF1dWRBYydaQflJAlq6qu1mcxhVY77aqTw7cuN4T7g/M3bs/4MeLLcdvXAeSkwLkc1g7fE2q0LlaaVyxrkBuL7a43LhydLXZuCKs3s0aKudWsXtlnXJlbbOK8xpWEbZZFhtXjPqkABb2LEipRByICwIPGlf/t1m0VgAgNq6ku1nqdF2fHKg5dDerfLFFKivg+92soeY2C08Dh36x5Z6wzZqXL7a48WIL4Yzr1kkBw1ZA3bgCyb/q9ZQxt7q9zVIOrvxsdbpxDfM/44qzlXrGFfuajJIgqBRmm/X4lq+isMe7mxXbOymAh9fziEzeL7Z8LtyLLa9sNq7hUc64ZiHczZLompwHNRdfbBlrlFgWW4GrwjWuNl/Dinl3s9TZCtSDXo6N68KL17D82GZ59/0B0zOueHJNkv6qGCi/P1C+hmX1+wMYLKo6XZ+1gkJ8f2Bq5fsDOFsJFdY7HxrX566ccc3oitO1EZwernEtvz/gceN62LtZ6sl1f7aO9vK6EXRduJtVbrMc/f6AM3PrKFkSOHE3q9xmHT9bDedW+2dcsbRkXWcift8fcLRxdfv7A4S5ldK44nR17MWW8cTOiy3vH82LLX59f0DdCQDPkmeBB98fKLdZf9k7o5wGYhiI+gxsv5AqhJAq+ICqHwgoElK4/6HYaj9M2SVpnK4zTjxnWI28Y2dey/yBhLuys44KBLXNKkxczbRhrbjN0uAPpOZW+Y3rbWxyHcJA1RNXTf6APHEV4YkNvB9A4A+kU4FJIQxUPRUwxx+IXAo4f0DAH2BrjelrOImKLwUE3voKzx/Ydc8f2CjwB1gRbz2J3RUncUVqw8JNXAH4Aw9X5w9MSsyto7I/V+zGljtc/sCb8wdEietvbw0DmW5sESSuLxe1YTl/QMgfkL/NSsytkwiGP9BtvZDzB/6dXFlh1Olz9W1Wk9usghvXTerGVftSgN0163P1xpZJq74f6Jc/MNNZ4hpKP9eZt+byB2DeZmm0YTl/IMofiKYCLCpIXJ0/YLUNy8rbrK+ZuxrZZgHwBz5g2rBa5Q9EEtfs2fUA3dgiIr7qVmBsnT8gSlzDrw+WjDa2GOQPbKESV0j+wEyTt7KoCf7AnfMHDPMHbuM3rhJ3nX+uLfIHYOHvOvyBTXX+wGxNMJyLVktcvbGlLf4AawX+QOzGNQg+13tx4rrkrQD8gWP9xHWNNqwbUP6AYG7lWwEWOX+gp20WPH/gT+I6XQqwqHCbVcof8G2W8weSiSuLwNuwrtzY8tl6YwtQ4sruKkxcw6jZ51r1/YA3tjh/IDK3CmZXoG3WXsAfeKnOH9g6f2DJXTMuBVhkbJtlkD8At83C5g/wjeuC6FptWMqNLe99NLZ0yB9Y8FYWrfV+YJTC+wFR4qrLH0h/ruBvs/T4A+yuYVgWOX8Ad5tVmz/wWO/GNQSJux7O1E4blvMH1uQPsLNKE9f/RLCJK877AecPKPIHeG5dEikkrkv8ARPvB1pLXC3wBzhxzZ1dgbZZe99mdcMfiLqrb7M68lYT/IEQc9cu+AMwjS1PaPyBDR5/YPTW4s+1ZhtWeWPLZ9ONLQ3xB/gKK292lXgr9DbrCOCtzh9gd82ZW1mkuc1ic5V7qxn+wNb5AzL+wJA/ux6Q+ANaietO8H6gI/7AgxJ/IPqrBdjY4vyBUZFQQJIKGOIPxESXXQog8QeAtlnt8gdYevwBubsKRgFz/AHcbVZ1/sB3Lf5AStQFf+DYLn9APrei8gdiInj+wF6HP/C8E3yuzh9Y9W3WXOT8AVPbrA74Az/sneFu1DAQhOcZCpcrB6JSQytU1AI/ONr+oKLv/1C0OoTLpbc5O44za89YfoPVytnJzmcJcrPculmV8gcsIWcalhJbmBJb5tnNsqcC0/kDtpBnf0D8gZi3gPgDxv6ApQ5j/IGENCxvbpb4A8vzB34nddfv1PyBs+rdLLrdrLiXa1Aqf8BWB0f8gfGvrOUSW8QfyMQfsIXKEltSJq7iD1DxBw6oe9N1HcQf8MIfWBPwB1az8wdsITd/4If4A175A48c/AGzuxq7WfPyB644J66LJbYsPnFl4Q9YBQsltuyV6x1hYss+f6Ca3azNJqa3hrer3Kxq3KwT+t2sYRrWUeoeOog/QO9mNcYfMLsrQRpWMf7AZR2JLUQT16z8AVvd88E8iS2cu1ntJLaE7prKH+hp/nHdddadQMcfiJhgTeEPXDviD6wJ+AOr2fkDth665wNj4jrdzXov/oD4AwffrSnd1SV/4KIm/sBa/IHjSvbpwgF/YKiLOfgDH8UfoOAP7Kl7KXyPcLNCqcrNEn8gN3/AfrnuDuRmiT8wE39gs82wP
|
||
|
|
background-position: 392rpx 34rpx, left top;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 240rpx 155rpx, 100% 100%;
|
||
|
|
width: 686rpx;
|
||
|
|
height: 328rpx;
|
||
|
|
padding: 60rpx 0 0 64rpx;
|
||
|
|
margin: 44rpx auto 0;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 34rpx;
|
||
|
|
color: rgba(126, 75, 6, 0.8);
|
||
|
|
|
||
|
|
.title {
|
||
|
|
margin-bottom: 8rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 44rpx;
|
||
|
|
line-height: 62rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.bnt {
|
||
|
|
position: fixed;
|
||
|
|
right: 32rpx;
|
||
|
|
bottom: 32rpx;
|
||
|
|
bottom: calc(32rpx + constant(safe-area-inset-bottom));
|
||
|
|
bottom: calc(32rpx + env(safe-area-inset-bottom));
|
||
|
|
left: 32rpx;
|
||
|
|
height: 88rpx;
|
||
|
|
border-radius: 44rpx;
|
||
|
|
background: #FACC7D;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 28rpx;
|
||
|
|
line-height: 88rpx;
|
||
|
|
color: #7E4B06;
|
||
|
|
}
|
||
|
|
|
||
|
|
.conter {
|
||
|
|
position: relative;
|
||
|
|
margin: -104rpx 0 0;
|
||
|
|
|
||
|
|
.list {
|
||
|
|
margin-top: 78rpx;
|
||
|
|
padding-bottom: 28rpx;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
.vipBg {
|
||
|
|
width: 262rpx;
|
||
|
|
height: 174rpx;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: -48rpx;
|
||
|
|
bottom: -64rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.itemNo {
|
||
|
|
font-weight: 400;
|
||
|
|
color: #282828;
|
||
|
|
font-size: 26rpx;
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
|
||
|
|
.pictrue {
|
||
|
|
width: 90rpx;
|
||
|
|
height: 90rpx;
|
||
|
|
margin-bottom: 12rpx;
|
||
|
|
|
||
|
|
image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.form {
|
||
|
|
background: #FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item {
|
||
|
|
padding: 32rpx 40rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
color: #333333;
|
||
|
|
|
||
|
|
/deep/uni-radio {
|
||
|
|
vertical-align: middle;
|
||
|
|
margin-right: 14rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/uni-radio .uni-radio-input {
|
||
|
|
width: 28rpx;
|
||
|
|
height: 28rpx;
|
||
|
|
border: 1px solid #E6993A;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/uni-radio .uni-radio-input.uni-radio-input-checked {
|
||
|
|
border: 1px solid #E6993A !important;
|
||
|
|
background-color: #E6993A !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/.wx-radio-input {
|
||
|
|
width: 29rpx;
|
||
|
|
height: 29rpx;
|
||
|
|
border: 1px solid #CCCCCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/.wx-radio-input.wx-radio-input-checked {
|
||
|
|
border: 1px solid #E6993A !important;
|
||
|
|
background-color: #E6993A !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/uni-radio .uni-radio-input.uni-radio-input-checked:before {
|
||
|
|
font-size: 15rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.label {
|
||
|
|
margin-right: 48rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.name {
|
||
|
|
padding-left: 26rpx;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: left center;
|
||
|
|
background-size: 14rpx;
|
||
|
|
|
||
|
|
&.asterisk {
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IArs4c6QAAAJlQTFRFAAAAgAAAvwAA1SoA2yQA2yQk3yAg2yQS7jMi3zAg7zAg5jEi7DAi6DIg6jIh6zMj7DIj6TIj6jIj6jEj6jMj6jMi6TIj6DMh6DMi6jIi6TIi6TIj6TIj6TIj6DIi6TMi6TIi6DMi6TMj6TMi6TIi6DMi6TMj6TIj6DMi6TIi6TIi6DMi6TMi6DMj6DIj6TMj6TMj6TIi6TMjzfWdyAAAADJ0Uk5TAAIEBgcHCA4PEBA0NTg9QUJRbG1ub4mRnJ2forfHyMjQ0t3e3+Lj5O3v8PX19/n6+/1j+QpmAAAAeUlEQVQIHQXBB0LCAAAEsFApyF6yhwMtRYZw/3+cCdBJOgBoJAUA/AUAnH8Bs9UApxr91cx78jntfn2/Tj+Svcm2Tm7X+yWptxMUo2WVVMtRAWgdkkMJYJP1OhuAeY7t9jFvwPjxHDJ8PsbQrLKARX5eoLcrodz1+AePZAvB1OQ7HAAAAABJRU5ErkJggg==);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.placeholder {
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #CCCCCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input {
|
||
|
|
flex: 1;
|
||
|
|
text-align: right;
|
||
|
|
|
||
|
|
.iconfont {
|
||
|
|
margin-left: 8rpx;
|
||
|
|
font-size: 24rpx;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
input {
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.headerT {
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAABoCAMAAACZtYUUAAABiVBMVEX//Pb/+vAAAAD/+/T///////////7//vz//fj//////////////////////////////////////fr/+Oz///////////////////7/////////////////+vD///////7///////7//vz//////////////v3/+e///vz//vz/+/T//vv//fn/+ez//Pf//vv//vv/+/P//vv//vv//fr/+vH//vr//Pf//fr/+/T//ff//ff//vv//Pf+9+n+9eP/+/X//fj//vv/+vP/+/T+9ub99OD/+e///vr//PT//fn/+vH+9OL++Ov/+fD//PX/+/b//vr+9eX//ff///7+9ub+9+n+9+n++Oz+9+r///7///z//vz//fr//Pr//vz/+vH//Pf/+/T//fr/+e7+9uf++O3///7+9+n+9eX//fn989///Pb99eP+9OH/+fD/+Ov/9+n/////+vP+9+v+8t3/+e3/+/P/9ub98tz+8dr99OD+8tv/9uj/9eP/9uX/9OH+8Nn/89/MFskxAAAAX3RSTlP8/AD7/Or5/f368Of28u3u5Nb8/N3Gz8z44sLb9Pnf7cm+8tHY0/Xy6+f4+Pr3+MbC5+PM8PTV9PXs5+Leyvv289zZ19H8/OzS7+7e/fDk4NrP7+u7+PXl3eqiJodBZwSHNhcAABqLSURBVHja7J37T1tlGMfBKQmlpSOsZcHdsKv1EsIY2RJksLECQ2HAXGHKZdkPtLZpymUpBAaUub/c7/uc93KuPVfYYe7z+PCq8Rbz8ZPHitrxjQNbmw8e/nTzn/df5+tckSF+/WPiweaWk9X2ur8dS7yX/EO8/8r7f77SFk9//vCG+OU8/v4TI2+96r6xnvoW/PDzwyfTKyvFhYWlpdEXL14W1taGh4enQBXs7++zr2GnfGaZI21qdnNumBYNaLDRsaONJ+psJAdsHDk9ODXxQRsH/tVPVHxwnrYcq/kimCOegj8Zb968+YuxsDzx213m74/rGx503yh14Zf97vnkyOTkzEyxSLr/Dd1fFobBVP9Uf7V/nwHbI+ZM46gt53pa0N1Aw8iOd+pmDtpyas8Hd7woHR2nNhxfceqMOQh//PSYfFe6z8zMTILnP0HirtKGm+7rN7/9Np17AEYmx6Tu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
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
height: 104rpx;
|
||
|
|
padding: 40rpx 0 0 40rpx;
|
||
|
|
font-weight: 600;
|
||
|
|
font-size: 30rpx;
|
||
|
|
line-height: 42rpx;
|
||
|
|
color: #333333;
|
||
|
|
|
||
|
|
.pictrue {
|
||
|
|
width: 124rpx;
|
||
|
|
height: 22rpx;
|
||
|
|
|
||
|
|
image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.on {
|
||
|
|
transform: rotateX(180deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|