244 lines
4.8 KiB
Vue
244 lines
4.8 KiB
Vue
<template>
|
|
<view class="content">
|
|
<view class="cooperate-bgimg">
|
|
<view class="cooperate-tetle">
|
|
<image class="cop-img" src="../../static/seckill5.png" mode=""></image>
|
|
</view>
|
|
<view class="cooperate-line" @click="goNav('/pages/my/hehuo')">
|
|
<span>应聘技师</span>
|
|
<span>点击申请</span>
|
|
</view>
|
|
<view class="cooperate-line1" @click="goNav('/pages/my/cooperation')">
|
|
<span>城市合伙人</span>
|
|
<span>点击申请</span>
|
|
</view>
|
|
<view class="cooperate-line2" @click="goNav('/pages/cooperate/hehuo')">
|
|
<span>门店入驻</span>
|
|
<span>申请入驻</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
data(){
|
|
return{}
|
|
},
|
|
methods:{
|
|
goNav(e){
|
|
if(e!=undefined){
|
|
uni.navigateTo({
|
|
url:e
|
|
})
|
|
}else{
|
|
uni.showToast({
|
|
title:'敬请期待!'
|
|
})
|
|
}
|
|
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
.content {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background:#fff;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
overflow: auto;
|
|
}
|
|
.cooperate-bgimg{
|
|
height:300rpx;
|
|
background-image: url(../../static/background-img4.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
}
|
|
.cop-img{
|
|
width:400rpx;
|
|
height: 60rpx;
|
|
position: absolute;
|
|
top:100rpx;
|
|
left:40rpx;
|
|
}
|
|
.cop-img2{
|
|
width:120rpx;
|
|
height:146rpx;
|
|
position: absolute;
|
|
top:100rpx;
|
|
right:40rpx;
|
|
}
|
|
.cooperate-tetle{
|
|
/*margin: 50rpx auto;*/
|
|
text-align: center;
|
|
color: #333;
|
|
font-size: 30rpx;
|
|
font-weight: bold;
|
|
height:260rpx;
|
|
display: flex;
|
|
|
|
}
|
|
.cooperate-line{
|
|
width: 94%;
|
|
height: 200rpx;
|
|
margin: 0 auto;
|
|
background-image: url(../../static/cooperate/cooperate1.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.cooperate-line span:nth-child(1){
|
|
font-size: 32rpx;
|
|
padding:10rpx 50rpx;
|
|
margin-top:36rpx;
|
|
}
|
|
.cooperate-line span:nth-child(2){
|
|
width: 120rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
color: #fff;
|
|
background: linear-gradient(90deg, #fc7159, #fb6360, #fec156);
|
|
border-radius: 30rpx;
|
|
padding: 4rpx 20rpx;
|
|
margin-left: 40rpx;
|
|
}
|
|
.cooperate-line1{
|
|
width: 94%;
|
|
height: 200rpx;
|
|
margin: 0 auto;
|
|
background-image: url(../../static/cooperate/cooperate2.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.cooperate-line1 span:nth-child(1){
|
|
font-size: 32rpx;
|
|
padding:10rpx 50rpx;
|
|
margin-top:36rpx;
|
|
}
|
|
.cooperate-line1 span:nth-child(2){
|
|
width: 120rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
color: #fff;
|
|
background: linear-gradient(90deg, #a2d2ff, #518ced, #70aeff);
|
|
border-radius: 30rpx;
|
|
padding: 4rpx 20rpx;
|
|
margin-left: 40rpx;
|
|
}
|
|
.cooperate-line2{
|
|
width: 94%;
|
|
height: 200rpx;
|
|
margin: 0 auto;
|
|
background-image: url(../../static/cooperate/cooperate3.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
.cooperate-line2 span:nth-child(1){
|
|
font-size: 32rpx;
|
|
padding:10rpx 50rpx;
|
|
margin-top:36rpx;
|
|
}
|
|
.cooperate-line2 span:nth-child(2){
|
|
width: 120rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
color: #fff;
|
|
background: linear-gradient(90deg, #67c9af, #7fd8c0, #70cdb4);
|
|
border-radius: 30rpx;
|
|
padding: 4rpx 20rpx;
|
|
margin-left: 40rpx;
|
|
}
|
|
.cooperate-img{
|
|
width: 100%;
|
|
height:222rpx;
|
|
object-fit: contain;
|
|
}
|
|
.shezhi-list-img-text{
|
|
font-weight: 400;
|
|
font-size: 30rpx;
|
|
color: #666;
|
|
}
|
|
.shezhi-list-left{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.shezhi-list{
|
|
width: 95%;
|
|
padding: 0px 15px;
|
|
height: 108rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 14rpx;
|
|
margin: 10px auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.shezhi-list-img-icon{
|
|
width: 39.58rpx;
|
|
height: 40.28rpx;
|
|
margin-right: 10px;
|
|
}
|
|
.shezhi-list-img-jiantou{
|
|
width: 10.76rpx;
|
|
height: 18.19rpx;
|
|
}
|
|
|
|
.shezhi-title{
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
margin: 10px 0px;
|
|
}
|
|
.shezhi-title span{
|
|
font-weight: bold;
|
|
font-size: 38rpx;
|
|
color: #17181C;
|
|
}
|
|
.shezhi-title image{
|
|
width: 25px;
|
|
height: 30rpx;
|
|
margin-right: 10px;
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
.btn {
|
|
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
|
|
color: #FFFFFF;
|
|
margin: 16rpx 30upx;
|
|
position: fixed;
|
|
bottom: 0upx;
|
|
width: 90%;
|
|
border-radius: 50rpx;
|
|
height: 78rpx;
|
|
line-height: 78rpx;
|
|
font-size: 32rpx;
|
|
text-align: center;
|
|
}
|
|
.xian{
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: #f7f7f7;
|
|
}
|
|
</style>
|