litong
/
qingyuan
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

权益模块

master
hhg 3 years ago
parent
db948825b2
commit
141a3c73f1
15 changed files with 1278 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 41
      pages.json
  2. 3
      pages/mainPages/payment/payment.vue
  3. 6
      pages/mainPages/userCenter/userCenter.vue
  4. 249
      pages/subPages/Equity/Equity.vue
  5. 253
      pages/subPages/Equity/Topping/Topping.vue
  6. 191
      pages/subPages/Equity/chat/chat.vue
  7. 344
      pages/subPages/Equity/person/person.vue
  8. 192
      pages/subPages/Equity/recruit/recruit.vue
  9. BIN
      static/Equity.png
  10. BIN
      static/Topping.png
  11. BIN
      static/clk.png
  12. BIN
      static/jingz.png
  13. BIN
      static/recruit.png
  14. BIN
      static/right.png
  15. BIN
      static/shaix.png

41
pages.json
View File

@ -582,6 +582,47 @@
}
]
},
{
"root": "pages/subPages/Equity",
"name": "Equity",
"pages": [{
"path": "Equity",
"style": {
"navigationBarTitleText": "我的权益"
}
},
{
"path": "Topping/Topping",
"style": {
"navigationBarTitleText": "我的权益"
}
}
,{
"path" : "chat/chat",
"style" :
{
"navigationBarTitleText": "我的权益"
}
}
,{
"path" : "person/person",
"style" :
{
"navigationBarTitleText": "我的权益"
}
}
,{
"path" : "recruit/recruit",
"style" :
{
"navigationBarTitleText": "我的权益"
}
}
]
},
{
"root": "pages/subPages/bargin",
"name": "bargin",

3
pages/mainPages/payment/payment.vue
View File

@ -149,6 +149,7 @@ export default {
};
},
onLoad: function(option) {
console.log(option)
let _this = this;
_this.img = this.imgfixUrl;
let TextSubstitution = uni.getStorageSync('TextSubstitution');
@ -857,7 +858,7 @@ page {
margin-left: 60upx;
width: 630upx;
height: 80upx;
background: rgba(255, 68, 68, 1);
background: #509DFD;
border-radius: 10upx;
text-align: center;

6
pages/mainPages/userCenter/userCenter.vue
View File

@ -737,6 +737,12 @@
// 新消息提示
}
uni.setStorageSync('userinfo', _this.memberInfo);
_this.memberInfo.user_set.map(item => {
if(item.diy_title == '我的权益'){
item.link = 'pages/subPages/Equity/Equity'
}
console.log(item)
})
console.log('缓存用户信息', uni.getStorageSync('userinfo').nickname)
});
},

249
pages/subPages/Equity/Equity.vue
View File

@ -0,0 +1,249 @@
<template>
<view class="main">
<view class="topCard flex jcsb">
<view class="leftBox">
<image src="../../../static/Equity.png" ></image>
</view>
<view class="rightBox">
<view style="text-align: right;font-weight: bold;margin-bottom: 20upx;">我的权益</view>
<button button-hover="{background-color: rgba(120, 181, 255, 0.1); opacity: 0.7;}" class="button" @click="buy" type="default">购买vip特权包</button>
</view>
</view>
<view class="vipCard">
<view style="color: #2A4362;font-size: 36upx;">购买VIP特权包，享更多权益</view>
<view class="table">
<view class="flex jcsb">
<view class="w30 tc cO h100 lh">权益类型</view>
<view class="w40 tc cO h100 lh">基础权益</view>
<view class="w30 tc cT h100 lh">VIP特权包</view>
</view>
<view v-for="(item ,index) in list2" :key="index" class="flex jcsb">
<view class="w30 tc h100 lh">{{ item.rights_type }}</view>
<view class="w40 tc h100 lh">{{ item.base_rights }}</view>
<view class="w30 tc cO h100 lh">{{ item.vip_rights }}</view>
</view>
</view>
<view class="txt">
<view v-for="(item, index) in list3" :key="index">
{{ item }}
</view>
</view>
<view style="color: #67AAFD;font-size: 30upx;">在线客服</view>
</view>
<view style="width: 91%;margin: 0 auto;margin-top: 5%;margin-bottom: 3%;font-size: 36upx;">权益使用量</view>
<view class="cardList flex jcsb" v-for="(item ,index) in list" @click="go(item)" :key="index">
<view class="ml5">{{ item.name }}</view>
<view class="linkColor mr5" v-if="item.name=='广告曝光卡'">
广告曝光卡 <image class="rightArrow" src="../../../static/right.png"></image>
</view>
<view class="mr5" v-else><text class="linkColor ">
{{ item.use_amount + item.unit }}</text>/{{ item.total_amount + item.unit }}
<image class="rightArrow" src="../../../static/right.png"></image>
</view>
</view>
<view class="h50"></view>
</view>
</template>
<script>
import App from '@/common/js/app.js';
export default {
data() {
return{
list: [],
list2: [],
list3: []
}
},
mounted() {
let data = {};
App._post_form('&p=rights&do=getRightsList', data, res => {
this.list2 = res.data.table_list
this.list = res.data.member_rights_list
this.list3 = res.data.content_list
this.list.map(item => {
if(item.name == '置顶权益'){
item.link = 'pages/subPages/Equity/Topping/Topping'
}
if(item.name == '畅聊卡'){
item.link = 'pages/subPages/Equity/chat/chat'
}
if(item.name == '招聘次数'){
item.link = 'pages/subPages/Equity/recruit/recruit'
}
if(item.name == '精准人才卡'){
item.link = 'pages/subPages/Equity/person/person'
}
})
})
},
methods: {
go(url) {
uni.navigateTo({
url: '/' + url.link
})
},
buy(){
let user = uni.getStorageSync('userinfo')
let data = {
rights_id: 1,
type: 1,
price: '19.99',
num: 1,
contacts: user.nickname,
contact_phone: user.truemobile
};
console.log(data)
App._post_form('&p=rights&do=createRightsPay', data, res => {
// let obj = {
// orderid: res.data.orderid,
// plugin: res.data.type
// }
// const params = encodeURIComponent(JSON.stringify(obj));
uni.navigateTo({
url: '/pages/mainPages/payment/payment?orderid=' + res.data.orderid + '&plugin=' + res.data.type
})
console.log(res.data)
})
}
}
}
</script>
<style lang="less" scoped>
page{
// background-color: red;
}
.main{
width: 100%;
height: auto;
background-color: #FDFEFF;
}
.flex{
display: flex
}
.jcsb{
justify-content: space-between;
}
.lh{
line-height: 100upx;
}
.ml5{
margin-left: 3%;
}
.mr5{
margin-right: 3%;
}
.w30{
width: 30%;
}
.w40{
width: 40%;
}
.h50{
height: 50upx;
}
.h100{
height: 100upx;
}
.tc{
text-align: center;
}
.cO{
background-color: #F0F0F0;
}
.cT{
background-color: #D4E0EF;
}
.topCard{
width: 100%;
height: 344upx;
background-color: #E5F2FF;
// padding: 0 3% 0 3%;
.leftBox{
width: 40%;
height: 344upx;
margin-left: 3%;
// border: 1px solid red;
image{
margin-top: 60upx;
width: 200upx;
height: 190upx;
}
}
.rightBox{
width: 40%;
height: 344upx;
margin-right: 3%;
padding-top: 90upx;
font-size: 38upx;
// border: 1px solid blue;
}
}
.button{
background-color: #509DFD;
color: white;
}
.vipCard{
width: 88%;
height: auto;
border-radius: 20upx;
padding: 2%;
margin: 0 auto;
margin-top: -50upx;
background-color: #FFFFFF;
box-shadow: 0 0 8px 0px #E5F2FF;
.txt{
color: #999999;
font-size: 24upx;
font-weight: bold;
line-height: 45upx;
letter-spacing: 5upx
}
}
.cardList{
width: 88%;
height: 90upx;
background-color: #FFFFFF;
box-shadow: 0 0 10px 0px #E5F2FF;
margin: 0 auto;
padding: 2%;
border-radius: 20upx;
font-size: 30upx;
color: #444444;
margin-top: 3%;
margin-bottom: 3%;
align-items: center;
}
.linkColor{
color: #6CADFD;
}
.rightArrow{
width: 20upx;
height: 30upx;
align-items: center;
margin-left: 15upx;
margin-bottom: -3upx;
}
.table{
background-color: #FAFAFA;
font-size: 26upx;
font-weight: bold;
width: 100%;
border-radius: 20upx;
overflow: hidden;
height: auto;
margin-top: 30upx;
margin-bottom: 20upx;
color: #414141;
}
</style>

253
pages/subPages/Equity/Topping/Topping.vue
View File

@ -0,0 +1,253 @@
<template>
<view class="main">
<view class="topCard flex jcsb">
<view class="leftBox flex">
<view class="txt">
<view class="txtItem">置顶权益</view>
<view style="color: #999999;font-size: 28upx;">每次可以选择一条职位</view>
<view style="color: #999999;font-size: 28upx;">生效后会自动扣除天数</view>
</view>
</view>
<view class="rightBox">
<image src="../../../../static/Topping.png"></image>
</view>
</view>
<view>
<view v-if="true" class="selectBox">
<view class="title">
选择职位
</view>
<view class="selectItem" v-for="(item ,index) in list" :class="item.id == selectType ? 'sType' : 'dType'"
:key="index" @click="clickItem(item.id)">
{{ item.content }}
</view>
<view style="margin-bottom: 40upx;align-items: center;" class="flex">
<view style="margin-right: 20upx;font-size: 28upx;">使用天数:</view>
<input class="inputNum" type="number" placeholder-style="color: #CACACA" placeholder="请输入使用天数" />
</view>
<view style="font-size: 32upx;" class="selectBtn">确认使用</view>
</view>
<view v-else style="text-align: center;font-size: 30upx;margin: 60upx; 0;color: #999;">暂无职位</view>
</view>
<view class="buyBox">
<view class="flex jcsb mb40">
<view class="title">购买天数</view>
<view style="color: #BBBBBB;font-size: 30upx;">剩余: 0天</view>
</view>
<view style="margin-bottom: 40upx;align-items: center;" class="flex">
<view style="margin-right: 20upx;font-size: 28upx;">自定义天数:</view>
<input style="text-align: left;padding-left: 18upx;width: 72%;" class="inputNum" type="number" placeholder-style="color: #CACACA" placeholder="请输入使用天数" />
</view>
<view class="selectDay flex jcsb">
<view class="dayItem" :class="item.id == selectType1 ? 'sType' : 'dType'" v-for="(item, index) in list2" :key="index" @click="clickItem1(item.id)">
{{ item.txt }}
</view>
</view>
</view>
<view class="submitBtn">
立即支付 ¥100.00/10次
</view>
<view style="height: 50upx;"></view>
</view>
</template>
<script>
export default {
data() {
return {
list: [
{
id: 1,
content: '富力汤温泉-前台接待员'
},
{
id: 2,
content: '富力汤温泉-后勤接待人员'
}
],
list2: [
{
id: 1,
txt: '10天'
},
{
id: 2,
txt: '30天'
},
{
id: 3,
txt: '50天'
},
{
id: 4,
txt: '100天'
}
],
selectType: 1,
selectType1: 1,
dayNum: ''
};
},
methods: {
clickItem(val){
this.selectType = val
},
clickItem1(val){
this.selectType1 = val
}
}
}
</script>
<style lang="less" scoped>
.main{
padding-top: 40upx;
}
page{
background-color: white;
}
.flex{
display: flex;
}
.jcsb{
justify-content: space-between;
}
.mb40{
margin-bottom: 40upx;
}
.topCard{
width: 94%;
height: 300upx;
// border: 1px solid red;
margin: 0 auto;
border-radius: 20upx;
box-shadow:#C9E4FF 0px 0px 5px;
background-color: white;
.leftBox{
width: 50%;
height: 300upx;
// border: 1px solid red;
align-items: center;
.txt{
width: 100%;
// padding: 0% ;
padding-left: 40upx;
line-height: 55upx;
}
.txtItem{
font-weight: bold;
font-size: 40upx;
font-family: 'PingFangSC-semiBold';
color: #444444;
margin-bottom: 10upx;
}
}
.rightBox{
width: 42%;
height: 300upx;
// border: 1px solid blue;
display: flex;
align-items: center;
image{
width: 240upx;
height: 150upx;
// margin-top: -30upx;
}
}
}
.selectBox{
width: 94%;
margin: 0 auto;
margin-top: 9%;
// border: 1px solid red;
.title{
color: #484848;
font-size: 32upx;
margin-bottom: 40upx;
}
.selectItem{
width: 60%;
height: 80upx;
border-radius: 10upx;
margin-bottom: 40upx;
text-align: center;
line-height: 80upx;
font-size: 26upx;
}
.selectBtn{
width: 60%;
height: 80upx;
line-height: 80upx;
border-radius: 10upx;
color: white;
text-align: center;
background-color: #509DFD;
margin: 0 auto;
}
}
.inputNum{
background-color: #FAFAFA;
font-size: 26upx;
height: 80upx;
text-align: center;
border-radius: 10upx;
width: 80%;
}
.sType{
color: #6DADFD;
background-color: #F2F8FF;
}
.dType{
background-color: #FAFAFA;
color: #CACACA;
}
.buyBox{
width: 94%;
margin: 0 auto;
margin-top: 9%;
// border: 1px solid red;
.title{
color: #484848;
font-size: 32upx;
}
.selectDay{
.dayItem{
width: 22%;
height: 70upx;
border-radius: 10upx;
text-align: center;
line-height: 70upx;
font-size: 30upx;
}
}
}
.submitBtn{
width: 94%;
height: 90upx;
border: 1px solid #65A9FD;
margin: 0 auto;
margin-top: 40upx;
border-radius: 50upx;
text-align: center;
line-height: 90upx;
color: #64A8FD;
font-size: 30upx;
}
</style>

191
pages/subPages/Equity/chat/chat.vue
View File

@ -0,0 +1,191 @@
<template>
<view class="main">
<view class="topCard flex jcsb">
<view class="leftBox flex">
<view class="txt">
<view class="txtItem">畅聊卡</view>
<view style="color: #999999;font-size: 28upx;">每日免费沟通5人</view>
<view style="color: #999999;font-size: 28upx;">购买后无限制并立即生效</view>
</view>
</view>
<view class="rightBox">
<image src="../../../../static/clk.png"></image>
</view>
</view>
<view class="buyBox">
<view class="flex jcsb mb40">
<view class="title">购买月数</view>
<view style="color: #BBBBBB;font-size: 30upx;">剩余: 0天</view>
</view>
<view style="margin-bottom: 40upx;align-items: center;" class="flex">
<view style="margin-right: 20upx;font-size: 28upx;">自定义月数:</view>
<input style="text-align: left;padding-left: 18upx;width: 72%;" class="inputNum" type="number" placeholder-style="color: #CACACA" placeholder="请输入购买月数" />
</view>
<view class="selectDay flex jcsb">
<view class="dayItem" :class="item.id == selectType1 ? 'sType' : 'dType'" v-for="(item, index) in list2" :key="index" @click="clickItem1(item.id)">
{{ item.txt }}
</view>
</view>
</view>
<view class="submitBtn">
立即支付 ¥100.00/10次
</view>
</view>
</template>
<script>
export default {
data() {
return {
list2: [
{
id: 1,
txt: '一个月'
},
{
id: 2,
txt: '三个月'
},
{
id: 3,
txt: '六个月'
},
{
id: 4,
txt: '一年'
}
],
selectType: 1,
selectType1: 1,
dayNum: ''
};
},
methods: {
clickItem(val){
this.selectType = val
},
clickItem1(val){
this.selectType1 = val
}
}
}
</script>
<style lang="less">
.main{
padding-top: 40upx;
}
page{
background-color: white;
}
.flex{
display: flex;
}
.jcsb{
justify-content: space-between;
}
.mb40{
margin-bottom: 40upx;
}
.topCard{
width: 94%;
height: 300upx;
// border: 1px solid red;
margin: 0 auto;
border-radius: 20upx;
box-shadow:#C9E4FF 0px 0px 5px;
background-color: white;
.leftBox{
width: 50%;
height: 300upx;
// border: 1px solid red;
align-items: center;
.txt{
width: 100%;
// padding: 0% ;
padding-left: 40upx;
line-height: 55upx;
}
.txtItem{
font-weight: bold;
font-size: 40upx;
font-family: 'PingFangSC-semiBold';
color: #444444;
margin-bottom: 10upx;
}
}
.rightBox{
width: 42%;
height: 300upx;
// border: 1px solid blue;
display: flex;
align-items: center;
image{
width: 230upx;
height: 200upx;
// margin-top: -30upx;
}
}
}
.inputNum{
background-color: #FAFAFA;
font-size: 26upx;
height: 80upx;
text-align: center;
border-radius: 10upx;
width: 80%;
}
.sType{
color: #6DADFD;
background-color: #F2F8FF;
}
.dType{
background-color: #FAFAFA;
color: #CACACA;
}
.buyBox{
width: 94%;
margin: 0 auto;
margin-top: 9%;
// border: 1px solid red;
.title{
color: #484848;
font-size: 32upx;
}
.selectDay{
.dayItem{
width: 22%;
height: 70upx;
border-radius: 10upx;
text-align: center;
line-height: 70upx;
font-size: 30upx;
}
}
}
.submitBtn{
width: 94%;
height: 90upx;
border: 1px solid #65A9FD;
margin: 0 auto;
margin-top: 40upx;
border-radius: 50upx;
margin-bottom: 50upx;
text-align: center;
line-height: 90upx;
color: #64A8FD;
position: fixed;
bottom: 20upx;
left: 3%;
font-size: 30upx;
}
</style>

344
pages/subPages/Equity/person/person.vue
View File

@ -0,0 +1,344 @@
<template>
<view class="main">
<view class="topCard flex jcsb">
<view class="leftBox flex">
<view class="txt">
<view class="txtItem">精准人才卡</view>
<view style="color: #999999;font-size: 28upx;">根据职位条件，推送牛人</view>
<view style="color: #999999;font-size: 28upx;">向企业精准推送符合条件人员简历</view>
</view>
</view>
<view class="rightBox">
<image src="../../../../static/jingz.png"></image>
</view>
</view>
<view>
<view v-if="show" class="selectBox">
<view class="title">
选择职位
</view>
<view class="flex jcsb mb40" v-for="(item ,index) in perData.filter_data.recruit" :key="index">
<view class="selectItem" :class="item.recruit_id == selectType ? 'sType' : 'dType'"
@click="clickItem(item, 1)">
{{ item.recruit_title }}
</view>
<input class="inputSel" v-model="item.num" :disabled="item.recruit_id != selectType" :style="item.recruit_id == selectType ? 'border: 1px solid #85BAFC' : 'border: 1px solid #ffffff'" type="number" placeholder-style="color: #CACACA" placeholder="请输入使用份数" />
</view>
<image style="width: 50%;height: 45upx;margin: 0 auto;display: block;" src="../../../../static/shaix.png"></image>
<view class="gaijBox mb40">
<view class="title">
毕业院校
</view>
<view style="flex-wrap: wrap;" class="flex">
<view class="gaojItem" :class="item == selectType2 ? 'sType' : 'dType'" v-for="(item, index) in perData.filter_data.school" :key="index" @click="clickItem(item, 3)">
{{ item }}
</view>
</view>
</view>
<view class="gaijBox mb40">
<view class="title">
优先选项
</view>
<view style="flex-wrap: wrap;" class="flex">
<view class="gaojItem" :class="item == selectType3 ? 'sType' : 'dType'" :key="index" @click="clickItem(item, 4)" v-for="(item, index) in perData.filter_data.experience">
{{ item }}
</view>
</view>
</view>
<view style="font-size: 32upx;" class="selectBtn">确认使用</view>
</view>
<view v-else style="text-align: center;font-size: 30upx;margin: 60upx; 0;color: #999;">暂无职位</view>
</view>
<view class="buyBox">
<view class="flex jcsb mb40">
<view class="title">购买份数</view>
<view style="color: #BBBBBB;font-size: 30upx;">剩余: 0天</view>
</view>
<view style="margin-bottom: 40upx;align-items: center;" class="flex">
<view style="margin-right: 20upx;font-size: 28upx;">自定义份数:</view>
<input style="text-align: left;padding-left: 18upx;width: 72%;" class="inputNum" type="number" placeholder-style="color: #CACACA" placeholder="请输入使用份数" />
</view>
<view class="selectDay flex jcsb">
<view class="dayItem" :class="item == selectType1 ? 'sType' : 'dType'" v-for="(item, index) in perData.num_data" :key="index" @click="clickItem(item, 2)">
{{ item }}
</view>
</view>
</view>
<view class="submitBtn">
立即支付 ¥100.00/10份
</view>
<view style="height: 50upx;"></view>
</view>
</template>
<script>
import App from '@/common/js/app.js';
export default {
data() {
return {
list2: [
{
id: 1,
txt: '10份'
},
{
id: 2,
txt: '30份'
},
{
id: 3,
txt: '50份'
},
{
id: 4,
txt: '100份'
}
],
selectType: 1,
selectType1: 1,
selectType2: 0,
selectType3: 0,
dayNum: '',
perData: '',
show: true
};
},
mounted() {
let data = {
rights_id: 5
};
App._post_form('&p=rights&do=getRightsTypeInfo', data, res => {
res.data.filter_data.recruit.map(item =>{
item.num = ''
})
this.perData = res.data
// this.perData.filter_data.recruit = []
this.show = this.perData.filter_data.recruit.length>0 ? true : false
console.log(this.perData)
})
},
methods: {
clickItem(val, type){
if(type == 1){
this.perData.filter_data.recruit.map(item => {
item.num = ''
})
this.selectType = val.recruit_id
}
if(type == 2){
this.selectType1 = val
}
if(type == 3){
this.selectType2 = val
}
if(type == 4){
this.selectType3 = val
}
}
}
}
</script>
<style lang="less">
.main{
padding-top: 40upx;
}
page{
background-color: white;
}
.flex{
display: flex;
}
.jcsb{
justify-content: space-between;
}
.mb40{
margin-bottom: 40upx;
}
.topCard{
width: 94%;
height: 300upx;
// border: 1px solid red;
margin: 0 auto;
border-radius: 20upx;
box-shadow:#C9E4FF 0px 0px 5px;
background-color: white;
.leftBox{
width: 66%;
height: 300upx;
// border: 1px solid red;
align-items: center;
.txt{
width: 100%;
// padding: 0% ;
padding-left: 30upx;
line-height: 55upx;
}
.txtItem{
font-weight: bold;
font-size: 40upx;
font-family: 'PingFangSC-semiBold';
color: #444444;
margin-bottom: 10upx;
}
}
.rightBox{
width: 34%;
height: 300upx;
// border: 1px solid blue;
display: flex;
align-items: center;
position: relative;
image{
width: 220upx;
height: 210upx;
position: absolute;
left: -6upx;
}
}
}
.selectBox{
width: 94%;
margin: 0 auto;
margin-top: 9%;
// border: 1px solid red;
.title{
color: #484848;
font-size: 32upx;
margin-bottom: 40upx;
}
.selectItem{
width: 60%;
height: 80upx;
border-radius: 10upx;
text-align: center;
line-height: 80upx;
font-size: 26upx;
}
.selectBtn{
width: 60%;
height: 80upx;
line-height: 80upx;
border-radius: 10upx;
color: white;
text-align: center;
background-color: #509DFD;
margin: 0 auto;
}
}
.inputNum{
background-color: #FAFAFA;
font-size: 26upx;
height: 80upx;
text-align: center;
border-radius: 10upx;
width: 80%;
}
.inputSel{
background-color: #FAFAFA;
font-size: 26upx;
height: 80upx;
text-align: center;
border-radius: 10upx;
width: 37%;
}
.sType{
background-color: #F2F8FF;
color: #6DADFD;
}
.dType{
background-color: #FAFAFA;
color: #CACACA;
}
.buyBox{
width: 94%;
margin: 0 auto;
margin-top: 9%;
// border: 1px solid red;
.title{
color: #484848;
font-size: 32upx;
}
.selectDay{
.dayItem{
width: 22%;
height: 70upx;
border-radius: 10upx;
text-align: center;
line-height: 70upx;
font-size: 30upx;
}
}
}
.submitBtn{
width: 94%;
height: 90upx;
border: 1px solid #65A9FD;
margin: 0 auto;
margin-top: 40upx;
border-radius: 50upx;
margin-bottom: 50upx;
text-align: center;
line-height: 90upx;
color: #64A8FD;
font-size: 30upx;
}
.gaijBox{
.title{
color: #484848;
font-size: 30upx;
margin-bottom: 40upx;
}
.gaojItem{
width: 30%;
height: 80upx;
background-color: #FAFAFA;
text-align: center;
line-height: 80upx;
color: #999999;
border-radius: 10upx;
margin-right: 20upx;
font-size: 26upx;
margin-bottom: 15upx;
}
.sType{
background-color: #F2F8FF;
color: #6DADFD;
}
.dType{
background-color: #FAFAFA;
color: #999999;
}
}
</style>

192
pages/subPages/Equity/recruit/recruit.vue
View File

@ -0,0 +1,192 @@
<template>
<view class="main">
<view class="topCard flex jcsb">
<view class="leftBox flex">
<view class="txt">
<view class="txtItem">招聘次数卡</view>
<view style="color: #999999;font-size: 28upx;">发布招聘时，一条为一次</view>
<view style="color: #999999;font-size: 28upx;">购买后马上生效</view>
</view>
</view>
<view class="rightBox">
<image src="../../../../static/recruit.png"></image>
</view>
</view>
<view class="buyBox">
<view class="flex jcsb mb40">
<view class="title">购买次数</view>
<view style="color: #BBBBBB;font-size: 30upx;">剩余: 0次</view>
</view>
<view style="margin-bottom: 40upx;align-items: center;" class="flex">
<view style="margin-right: 20upx;font-size: 28upx;">自定义次数:</view>
<input style="text-align: left;padding-left: 18upx;width: 72%;" class="inputNum" type="number" placeholder-style="color: #CACACA" placeholder="请输入购买次数" />
</view>
<view class="selectDay flex jcsb">
<view class="dayItem" :class="item.id == selectType1 ? 'sType' : 'dType'" v-for="(item, index) in list2" :key="index" @click="clickItem1(item.id)">
{{ item.txt }}
</view>
</view>
</view>
<view class="submitBtn">
立即支付 ¥100.00/10次
</view>
</view>
</template>
<script>
export default {
data() {
return {
list2: [
{
id: 1,
txt: '10次'
},
{
id: 2,
txt: '30次'
},
{
id: 3,
txt: '50次'
},
{
id: 4,
txt: '100次'
}
],
selectType: 1,
selectType1: 1,
dayNum: ''
};
},
methods: {
clickItem(val){
this.selectType = val
},
clickItem1(val){
this.selectType1 = val
}
}
}
</script>
<style lang="less">
.main{
padding-top: 40upx;
}
page{
background-color: white;
}
.flex{
display: flex;
}
.jcsb{
justify-content: space-between;
}
.mb40{
margin-bottom: 40upx;
}
.topCard{
width: 94%;
height: 300upx;
// border: 1px solid red;
margin: 0 auto;
border-radius: 20upx;
box-shadow:#C9E4FF 0px 0px 5px;
background-color: white;
.leftBox{
width: 50%;
height: 300upx;
// border: 1px solid red;
align-items: center;
.txt{
width: 100%;
// padding: 0% ;
padding-left: 40upx;
line-height: 55upx;
}
.txtItem{
font-weight: bold;
font-size: 40upx;
font-family: 'PingFangSC-semiBold';
color: #444444;
margin-bottom: 10upx;
}
}
.rightBox{
width: 42%;
height: 300upx;
// border: 1px solid blue;
display: flex;
align-items: center;
image{
width: 230upx;
height: 200upx;
// margin-top: -30upx;
margin-left: 35upx;
}
}
}
.inputNum{
background-color: #FAFAFA;
font-size: 26upx;
height: 80upx;
text-align: center;
border-radius: 10upx;
width: 80%;
}
.sType{
color: #6DADFD;
background-color: #F2F8FF;
}
.dType{
background-color: #FAFAFA;
color: #CACACA;
}
.buyBox{
width: 94%;
margin: 0 auto;
margin-top: 9%;
// border: 1px solid red;
.title{
color: #484848;
font-size: 32upx;
}
.selectDay{
.dayItem{
width: 22%;
height: 70upx;
border-radius: 10upx;
text-align: center;
line-height: 70upx;
font-size: 30upx;
}
}
}
.submitBtn{
width: 94%;
height: 90upx;
border: 1px solid #65A9FD;
margin: 0 auto;
margin-top: 40upx;
border-radius: 50upx;
margin-bottom: 50upx;
text-align: center;
line-height: 90upx;
color: #64A8FD;
position: fixed;
bottom: 20upx;
left: 3%;
font-size: 30upx;
}
</style>

BIN
static/Equity.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
static/Topping.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
static/clk.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
static/jingz.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
static/recruit.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/right.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 484 B

BIN
static/shaix.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

Write Preview
Loading…
Cancel
Save