flat: 岗位问题

This commit is contained in:
Apcallover
2024-04-14 17:47:21 +08:00
parent 6ea826b710
commit bd7605a8f9
3 changed files with 1240 additions and 1148 deletions

View File

@@ -183,20 +183,7 @@
// this.getPolicy() // this.getPolicy()
}, },
onShow: function() { onShow: function() {
switch (this.activeTab) { this.download();
case 0:
this.getNewList();
break;
case 1:
this.getNearList();
break;
case 2:
this.getPolicy();
break;
default:
this.getNewList();
break;
}
if (this.$store.state.user.token) { if (this.$store.state.user.token) {
this.$store.dispatch('refreshAuthState').then((e) => { this.$store.dispatch('refreshAuthState').then((e) => {
@@ -295,6 +282,7 @@
changeTab: function(e) { changeTab: function(e) {
this.isSearch = false; this.isSearch = false;
this.activeTab = e; this.activeTab = e;
this.download();
}, },
goPolicyInfo(data) { goPolicyInfo(data) {

View File

@@ -8,16 +8,20 @@
任务编码{{info.missionNo}} 任务编码{{info.missionNo}}
</view> --> </view> -->
<view class="prolist"> <view class="prolist">
任务日期{{dateFormat((info.stime))}}{{dateFormat((info.etime))}} <!-- 开始时间{{dateFormat((info.stime))}}{{dateFormat((info.etime))}} -->
开始时间{{dateFormat((info.stime))}}
</view> </view>
<!-- <view class="prolist"> <!-- <view class="prolist">
报名截止{{dateFormat((info.etimePub))}} 报名截止{{dateFormat((info.etimePub))}}
</view> --> </view> -->
<view class="prolist">
招聘人数{{info.peopleNum}}
</view>
<view class="prolist"> <view class="prolist">
行业类型{{info.tradeNames}} 行业类型{{info.tradeNames}}
</view> </view>
<view class="prolist"> <view class="prolist">
工种类型{{info.worktypeNames}} 零工工种{{info.worktypeNames || '暂无'}}
</view> </view>
<view class="fee"> <view class="fee">
{{info.wage}} {{info.wage}}
@@ -36,6 +40,8 @@
<view class="protype"> <view class="protype">
学历要求{{education[info.education]}} 学历要求{{education[info.education]}}
</view> </view>
</view>
<view class="prolist">
<view class="protype"> <view class="protype">
经验要求{{experience[info.experienceDesc]}} 经验要求{{experience[info.experienceDesc]}}
</view> </view>
@@ -58,15 +64,17 @@
</view> </view>
</view> </view>
<view class="head"> <view class="head">
<view class="proname proneed"> <view style="display: flex;align-items: center;">
公司信息 <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 20rpx;" mode="">
</image>
<view style="font-size: 30rpx;">{{info.companyName}}</view>
</view>
<!-- <view class="proname proneed">
企业信息
</view> </view>
<view class="prolist"> <view class="prolist">
{{info.companyName}} {{info.companyName}}
</view> </view> -->
<view class="prolist">
公司地址{{info.companyAddress}}
</view>
</view> </view>
<view class="head"> <view class="head">
<view class="proname proneed"> <view class="proname proneed">
@@ -84,20 +92,27 @@
座机号{{info.callNumber}} 座机号{{info.callNumber}}
</view> --> </view> -->
<view class="prolist"> <view class="prolist">
任务地址{{info.address}} 公司地址{{info.companyAddress || '暂无'}}
</view>
<view class="prolist">
工作地址{{info.address}}
</view> </view>
<map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
</view> </view>
<view class="" style="height:200rpx;background-color: #f6f6f6;" v-if="isShow!=='0'"></view> <view class="" style="height:200rpx;background-color: #f6f6f6;" v-if="isShow!=='0'"></view>
<view class="btn" v-if="isShow!=='0'&&status===0"> <view class="btn" v-if="isShow!=='0'&&status===0">
<view @click="collect" style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;"> <view @click="collect"
<image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;" mode=""></image> style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;">
<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png" style="width: 36rpx;height: 36rpx;" mode=""></image> <image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;"
mode=""></image>
<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png"
style="width: 36rpx;height: 36rpx;" mode=""></image>
<view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view> <view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view>
<view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view> <view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view>
</view> </view>
<view @click="callPhone" class="bottombtn flexbtn" style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;"> <view @click="callPhone" class="bottombtn flexbtn"
style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;">
电话联系 电话联系
</view> </view>
<view @click="submit" class="bottombtn flexbtn" style="border-radius: 45rpx;"> <view @click="submit" class="bottombtn flexbtn" style="border-radius: 45rpx;">
@@ -106,14 +121,18 @@
</view> </view>
<view class="btn" v-if="isShow!=='0'&&status!==0"> <view class="btn" v-if="isShow!=='0'&&status!==0">
<!-- <view class="bottombtn lookContract" @click="lookMask">查看合同</view> --> <!-- <view class="bottombtn lookContract" @click="lookMask">查看合同</view> -->
<view @click="collect" style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;"> <view @click="collect"
<image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;" mode=""></image> style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;">
<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png" style="width: 36rpx;height: 36rpx;" mode=""></image> <image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;"
mode=""></image>
<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png"
style="width: 36rpx;height: 36rpx;" mode=""></image>
<view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view> <view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view>
<view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view> <view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view>
</view> </view>
<view @click="callPhone" class="bottombtn flexbtn" style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;"> <view @click="callPhone" class="bottombtn flexbtn"
style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;">
电话联系 电话联系
</view> </view>
<view class="bottombtn disabledBtn flexbtn" style="border-radius: 45rpx;">已申请</view> <view class="bottombtn disabledBtn flexbtn" style="border-radius: 45rpx;">已申请</view>
@@ -135,7 +154,9 @@
<view style="height: 200rpx;padding: 20rpx 40rpx;"> <view style="height: 200rpx;padding: 20rpx 40rpx;">
<view style="font-size: 28rpx;font-weight: bold;">重要提示</view> <view style="font-size: 28rpx;font-weight: bold;">重要提示</view>
<view style="font-size: 24rpx;color:#707070;margin-top:10rpx;">为保障个人基本劳动权益建议通过平台用工的形式就业</view> <view style="font-size: 24rpx;color:#707070;margin-top:10rpx;">为保障个人基本劳动权益建议通过平台用工的形式就业</view>
<view style="text-align: center;font-size:28rpx;margin-top: 30rpx;"> {{ info.callName }} : {{ info.callTel }}</view> <view style="text-align: center;font-size:28rpx;margin-top: 30rpx;"> {{ info.callName }} :
{{ info.callTel }}
</view>
</view> </view>
</u-popup> </u-popup>
</view> </view>
@@ -160,13 +181,28 @@
</template> </template>
<script> <script>
import {mapGetters} from 'vuex' import {
import {missionDetail,submit, getCollectState, updateCollectStatus} from '@/api/mission.js'; mapGetters
import {GoLogin} from '@/untils/AxiosUtils.js'; } from 'vuex'
import {setRead} from '@/api/news.js'; import {
import {checkPass} from '@/api/auth.js'; missionDetail,
submit,
getCollectState,
updateCollectStatus
} from '@/api/mission.js';
import {
GoLogin
} from '@/untils/AxiosUtils.js';
import {
setRead
} from '@/api/news.js';
import {
checkPass
} from '@/api/auth.js';
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
import {dateFormat} from "../../untils/format.js"; import {
dateFormat
} from "../../untils/format.js";
import uniMask from '@/components/uni-mask/mask.vue' import uniMask from '@/components/uni-mask/mask.vue'
import uniPopup from '@/components/uni-popup/uni-popup.vue' import uniPopup from '@/components/uni-popup/uni-popup.vue'
import validCode from '@/components/p-valid-code/p-valid-code.vue' import validCode from '@/components/p-valid-code/p-valid-code.vue'
@@ -201,7 +237,11 @@
showPopUp: false, showPopUp: false,
} }
}, },
components: {uniMask,validCode,uniPopup}, components: {
uniMask,
validCode,
uniPopup
},
onLoad: function(option) { //option为object类型会序列化上个页面传递的参数 onLoad: function(option) { //option为object类型会序列化上个页面传递的参数
// this.$store.dispatch('setAutograph') // this.$store.dispatch('setAutograph')
if (option.missionNo) { if (option.missionNo) {
@@ -377,6 +417,7 @@
<style lang="scss"> <style lang="scss">
.codeSealBox { .codeSealBox {
padding: 285rpx 72rpx 0 72rpx; padding: 285rpx 72rpx 0 72rpx;
.closeCode { .closeCode {
position: absolute; position: absolute;
right: 36rpx; right: 36rpx;
@@ -385,10 +426,12 @@
transform: rotate(45deg); transform: rotate(45deg);
font-size: 40px; font-size: 40px;
} }
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.name { .name {
height: 46rpx; height: 46rpx;
font-size: 46rpx; font-size: 46rpx;
@@ -398,6 +441,7 @@
line-height: 46rpx; line-height: 46rpx;
margin-right: 28rpx; margin-right: 28rpx;
} }
.tip { .tip {
height: 38rpx; height: 38rpx;
font-size: 28rpx; font-size: 28rpx;
@@ -406,6 +450,7 @@
color: #999999; color: #999999;
line-height: 38rpx; line-height: 38rpx;
} }
.forget { .forget {
height: 38rpx; height: 38rpx;
font-size: 28rpx; font-size: 28rpx;
@@ -417,6 +462,7 @@
} }
} }
.contractMask { .contractMask {
background-color: #FFFFFF; background-color: #FFFFFF;
margin: 30rpx; margin: 30rpx;
@@ -424,6 +470,7 @@
border-radius: 4px; border-radius: 4px;
height: 96%; height: 96%;
overflow: auto; overflow: auto;
.close { .close {
width: 23px; width: 23px;
height: 23px; height: 23px;
@@ -434,6 +481,7 @@
transform: rotate(45deg); transform: rotate(45deg);
font-size: 40px; font-size: 40px;
} }
.down { .down {
position: fixed; position: fixed;
bottom: 30px; bottom: 30px;
@@ -448,13 +496,16 @@
color: #FFFFFF; color: #FFFFFF;
} }
} }
.lookContract { .lookContract {
width: 30%; width: 30%;
margin-right: 30rpx; margin-right: 30rpx;
} }
.flexbtn { .flexbtn {
flex: 1; flex: 1;
} }
.bottombtn { .bottombtn {
background-color: #1B66FF; background-color: #1B66FF;
color: #fff; color: #fff;

View File

@@ -17,7 +17,7 @@
行业类型{{info.tradeNames?info.tradeNames:info.jobCompanyIndustry}} 行业类型{{info.tradeNames?info.tradeNames:info.jobCompanyIndustry}}
</view> </view>
<view class="prolist"> <view class="prolist">
工种类型{{info.skillNames}} 岗位工种{{info.skillNames}}
</view> </view>
<!-- <view class="fee"> <!-- <view class="fee">
{{info.wage}}{{wageUnit[info.wageUnitCategory]}} {{info.wage}}{{wageUnit[info.wageUnitCategory]}}
@@ -34,17 +34,25 @@
</view> --> </view> -->
<view class="prolist"> <view class="prolist">
<view class="protype"> <view class="protype">
学历要求{{info.education}} 年龄要求{{age[info.ageDesc]}}
</view> </view>
</view>
<view class="prolist">
<view class="protype">
学历要求{{info.education || '暂无'}}
</view>
</view>
<view class="prolist">
<view class="protype"> <view class="protype">
经验要求{{info.experienceDesc}} 经验要求{{info.experienceDesc}}
</view> </view>
</view> </view>
<view class="prolist">
<!-- <view class="prolist">
岗位地址{{info.jobAddress}} 岗位地址{{info.jobAddress}}
</view> </view> -->
<view class="prolist proint" style="font-weight: bold;color:#333;"> <view class="prolist proint" style="font-weight: bold;color:#333;">
任务描述 岗位描述
</view> </view>
<view class="prolist description"> <view class="prolist description">
{{info.jobDescription}} {{info.jobDescription}}
@@ -71,7 +79,8 @@
企业名称{{info.jobCompanyName}} 企业名称{{info.jobCompanyName}}
</view> --> </view> -->
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 20rpx;" mode=""></image> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 20rpx;" mode="">
</image>
<view style="font-size: 30rpx;">{{info.jobCompanyName}}</view> <view style="font-size: 30rpx;">{{info.jobCompanyName}}</view>
</view> </view>
</view> </view>
@@ -91,20 +100,27 @@
座机号{{info.callNumber}} 座机号{{info.callNumber}}
</view> --> </view> -->
<view class="prolist"> <view class="prolist">
岗位地址{{info.address}} 工作地址{{`${info.province}${info.city}${info.county}` || '暂无'}}
</view>
<view class="prolist">
详细地址{{info.address}}
</view> </view>
<map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
</view> </view>
<view class="" style="height:200rpx;background-color: #f6f6f6;" v-if="isShow!=='0'"></view> <view class="" style="height:200rpx;background-color: #f6f6f6;" v-if="isShow!=='0'"></view>
<view class="btn" v-if="isShow!=='0'&&status===0"> <view class="btn" v-if="isShow!=='0'&&status===0">
<view @click="collect" style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;"> <view @click="collect"
<image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;" mode=""></image> style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;">
<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png" style="width: 36rpx;height: 36rpx;" mode=""></image> <image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;"
mode=""></image>
<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png"
style="width: 36rpx;height: 36rpx;" mode=""></image>
<view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view> <view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view>
<view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view> <view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view>
</view> </view>
<view @click="callPhone" class="bottombtn flexbtn" style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;"> <view @click="callPhone" class="bottombtn flexbtn"
style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;">
电话联系 电话联系
</view> </view>
<view @click="submit" class="bottombtn flexbtn" style="border-radius: 45rpx;"> <view @click="submit" class="bottombtn flexbtn" style="border-radius: 45rpx;">
@@ -113,14 +129,18 @@
</view> </view>
<view class="btn" v-if="isShow!=='0'&&status!==0"> <view class="btn" v-if="isShow!=='0'&&status!==0">
<!-- <view class="bottombtn lookContract" @click="lookMask">查看合同</view> --> <!-- <view class="bottombtn lookContract" @click="lookMask">查看合同</view> -->
<view @click="collect" style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;"> <view @click="collect"
<image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;" mode=""></image> style="display: flex;align-items: center;margin-right: 10rpx;flex-direction: column;">
<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png" style="width: 36rpx;height: 36rpx;" mode=""></image> <image v-if="collectStatus == 0" src="../../static/img/collect.png" style="width: 36rpx;height: 36rpx;"
mode=""></image>
<image v-if="collectStatus == 1" src="../../static/img/collect_yes.png"
style="width: 36rpx;height: 36rpx;" mode=""></image>
<view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view> <view v-if="collectStatus == 0" style="font-size: 26rpx;color:#707070;margin-top:10rpx;">收藏</view>
<view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view> <view v-if="collectStatus == 1" style="font-size: 20rpx;color:#707070;margin-top:10rpx;">已收藏</view>
</view> </view>
<view @click="callPhone" class="bottombtn flexbtn" style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;"> <view @click="callPhone" class="bottombtn flexbtn"
style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;">
电话联系 电话联系
</view> </view>
<view class="bottombtn disabledBtn flexbtn" style="border-radius: 45rpx;">已申请</view> <view class="bottombtn disabledBtn flexbtn" style="border-radius: 45rpx;">已申请</view>
@@ -142,7 +162,9 @@
<view style="height: 200rpx;padding: 20rpx 40rpx;"> <view style="height: 200rpx;padding: 20rpx 40rpx;">
<view style="font-size: 28rpx;font-weight: bold;">重要提示</view> <view style="font-size: 28rpx;font-weight: bold;">重要提示</view>
<view style="font-size: 24rpx;color:#707070;margin-top:10rpx;">为保障个人基本劳动权益建议通过平台用工的形式就业</view> <view style="font-size: 24rpx;color:#707070;margin-top:10rpx;">为保障个人基本劳动权益建议通过平台用工的形式就业</view>
<view style="text-align: center;font-size:28rpx;margin-top: 30rpx;"> {{ info.callName }} : {{ info.callTel }}</view> <view style="text-align: center;font-size:28rpx;margin-top: 30rpx;"> {{ info.callName }} :
{{ info.callTel }}
</view>
</view> </view>
</u-popup> </u-popup>
</view> </view>
@@ -167,14 +189,32 @@
</template> </template>
<script> <script>
import {mapGetters} from 'vuex' import {
import {missionDetail,submit, getCollectState, updateCollectStatus, workDetail} from '@/api/mission.js'; mapGetters
import {GoLogin} from '@/untils/AxiosUtils.js'; } from 'vuex'
import {setRead} from '@/api/news.js'; import {
import {checkPass} from '@/api/auth.js'; missionDetail,
submit,
getCollectState,
updateCollectStatus,
workDetail
} from '@/api/mission.js';
import {
GoLogin
} from '@/untils/AxiosUtils.js';
import {
setRead
} from '@/api/news.js';
import {
checkPass
} from '@/api/auth.js';
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
import {dateFormat} from "../../untils/format.js"; import {
import {userrecruitDetail} from '@/api/userrecruit.js' dateFormat
} from "../../untils/format.js";
import {
userrecruitDetail
} from '@/api/userrecruit.js'
import uniMask from '@/components/uni-mask/mask.vue' import uniMask from '@/components/uni-mask/mask.vue'
import validCode from '@/components/p-valid-code/p-valid-code.vue' import validCode from '@/components/p-valid-code/p-valid-code.vue'
export default { export default {
@@ -208,7 +248,10 @@
showPopUp: false, showPopUp: false,
} }
}, },
components: {uniMask,validCode}, components: {
uniMask,
validCode
},
onLoad: function(option) { //option为object类型会序列化上个页面传递的参数 onLoad: function(option) { //option为object类型会序列化上个页面传递的参数
// this.$store.dispatch('setAutograph') // this.$store.dispatch('setAutograph')
if (option.workId) { if (option.workId) {
@@ -227,7 +270,6 @@
onShow: function() { onShow: function() {
this.showDetail = true this.showDetail = true
this.getData(); this.getData();
}, },
onShareAppMessage(obj) { onShareAppMessage(obj) {
return { return {
@@ -385,6 +427,7 @@
<style lang="scss"> <style lang="scss">
.codeSealBox { .codeSealBox {
padding: 285rpx 72rpx 0 72rpx; padding: 285rpx 72rpx 0 72rpx;
.closeCode { .closeCode {
position: absolute; position: absolute;
right: 36rpx; right: 36rpx;
@@ -393,10 +436,12 @@
transform: rotate(45deg); transform: rotate(45deg);
font-size: 40px; font-size: 40px;
} }
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.name { .name {
height: 46rpx; height: 46rpx;
font-size: 46rpx; font-size: 46rpx;
@@ -406,6 +451,7 @@
line-height: 46rpx; line-height: 46rpx;
margin-right: 28rpx; margin-right: 28rpx;
} }
.tip { .tip {
height: 38rpx; height: 38rpx;
font-size: 28rpx; font-size: 28rpx;
@@ -414,6 +460,7 @@
color: #999999; color: #999999;
line-height: 38rpx; line-height: 38rpx;
} }
.forget { .forget {
height: 38rpx; height: 38rpx;
font-size: 28rpx; font-size: 28rpx;
@@ -425,6 +472,7 @@
} }
} }
.contractMask { .contractMask {
background-color: #FFFFFF; background-color: #FFFFFF;
margin: 30rpx; margin: 30rpx;
@@ -432,6 +480,7 @@
border-radius: 4px; border-radius: 4px;
height: 96%; height: 96%;
overflow: auto; overflow: auto;
.close { .close {
width: 23px; width: 23px;
height: 23px; height: 23px;
@@ -442,6 +491,7 @@
transform: rotate(45deg); transform: rotate(45deg);
font-size: 40px; font-size: 40px;
} }
.down { .down {
position: fixed; position: fixed;
bottom: 30px; bottom: 30px;
@@ -456,13 +506,16 @@
color: #FFFFFF; color: #FFFFFF;
} }
} }
.lookContract { .lookContract {
width: 30%; width: 30%;
margin-right: 30rpx; margin-right: 30rpx;
} }
.flexbtn { .flexbtn {
flex: 1; flex: 1;
} }
.bottombtn { .bottombtn {
background-color: #1B66FF; background-color: #1B66FF;
color: #fff; color: #fff;