@ -0,0 +1,116 @@ | |||
<template> | |||
<!-- 联系客服弹框 --> | |||
<uv-overlay :show="show" @click="close"> | |||
<view class="warp"> | |||
<view class="rect" @tap.stop> | |||
<view class="title">联系客服</view> | |||
<view class="center">确定拨打客服电话?</view> | |||
<view class="bottom"> | |||
<view class="btn1" | |||
@click="close"> | |||
取消 | |||
</view> | |||
<view class="btn2" | |||
@click="confirm"> | |||
确定 | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</uv-overlay> | |||
</template> | |||
<script> | |||
export default { | |||
data() { | |||
return { | |||
show: false, | |||
phone:'', | |||
} | |||
}, | |||
onLoad() { | |||
this.getCustomPhone() | |||
}, | |||
methods: { | |||
getCustomPhone(){ | |||
this.$api('customUser', {}, res => { | |||
this.phone = res.result.phone | |||
}) | |||
}, | |||
open() { | |||
this.show = true | |||
}, | |||
close() { | |||
this.show = false | |||
}, | |||
// 拨打电话 | |||
confirm() { | |||
this.show = false | |||
uni.makePhoneCall({ | |||
phoneNumber: this.phone, | |||
success() { | |||
console.log('安卓拨打成功'); | |||
}, | |||
fail() { | |||
console.log('安卓拨打失败'); | |||
} | |||
}) | |||
}, | |||
} | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.warp { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
height: 100%; | |||
} | |||
.rect { | |||
width: 600rpx; | |||
height: 300rpx; | |||
background-color: #fff; | |||
border-radius: 20rpx; | |||
overflow: hidden; | |||
.title { | |||
padding: 10rpx 0 0 15rpx; | |||
background-color: $uni-color; | |||
color: #FFF; | |||
text-align: left; | |||
width: 100%; | |||
height: 18%; | |||
font-size: 36rpx; | |||
} | |||
.center { | |||
height: 40%; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
font-size: 36rpx; | |||
} | |||
.bottom { | |||
display: flex; | |||
justify-content: center; | |||
gap: 50rpx; | |||
view{ | |||
height: 60rpx; | |||
line-height: 60rpx; | |||
padding: 0 50rpx; | |||
border-radius: 30rpx; | |||
} | |||
.btn1{ | |||
background-color: #fff; | |||
} | |||
.btn2{ | |||
background-color: $uni-color; | |||
color: #fff; | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,116 @@ | |||
<template> | |||
<view class="page"> | |||
<navbar title="发布找活" | |||
leftClick | |||
@leftClick="$utils.navigateBack"/> | |||
<view class="box"> | |||
<view class="list"> | |||
<view class="item" v-for="(item, index) in list" :key="index"> | |||
<view class="title"> | |||
{{ item.title }} | |||
</view> | |||
<view class="tagList"> | |||
<view :class="{act : i == item.index}" @click="clickTag(item, i)" v-for="(t, i) in item.tag" | |||
:key="t"> | |||
{{ t }} | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
<uv-textarea | |||
v-model="form.content" | |||
count | |||
:maxlength="300" | |||
autoHeight | |||
placeholder="请输入详细介绍"></uv-textarea> | |||
<view class="uni-color-btn"> | |||
发布 | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
export default { | |||
data() { | |||
return { | |||
list: [ | |||
{ | |||
title: '您希望从事的工种', | |||
tag: ['电工', '焊工', '叉车', '其他'], | |||
index: 0, | |||
}, | |||
{ | |||
title: '您希望从事的工作区域', | |||
tag: ['长沙'], | |||
index: 0, | |||
}, | |||
{ | |||
title: '您目前所属的年龄段', | |||
tag: ['18岁~35岁', '35岁~45岁', '45岁~50岁', '50岁以上'], | |||
index: 0, | |||
}, | |||
{ | |||
title: '您希望从事的工作性质', | |||
tag: ['全职', '临时工', ], | |||
index: 0, | |||
}, | |||
], | |||
form : {} | |||
} | |||
}, | |||
methods: { | |||
} | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.page{ | |||
background-color: #fff; | |||
min-height: 100vh; | |||
.box{ | |||
padding: 30rpx; | |||
.list { | |||
.item { | |||
margin-top: 20rpx; | |||
.title { | |||
font-weight: 900; | |||
font-size: 30rpx; | |||
} | |||
.tagList { | |||
display: flex; | |||
flex-wrap: wrap; | |||
padding: 10rpx 0; | |||
view { | |||
background: rgba($uni-color, 0.1); | |||
padding: 10rpx 20rpx; | |||
margin: 10rpx; | |||
border-radius: 10rpx; | |||
font-size: 26rpx; | |||
} | |||
.act { | |||
color: #fff; | |||
background: $uni-color; | |||
} | |||
} | |||
} | |||
} | |||
/deep/ .uv-textarea{ | |||
background-color: rgba($uni-color, 0.1) !important; | |||
min-height: 400rpx; | |||
} | |||
} | |||
} | |||
</style> |