sadjv3_user/pages/cooperate/index.vue

247 lines
4.8 KiB
Vue
Raw Normal View History

2024-07-09 13:43:58 +08:00
<template>
<view class="content">
2024-07-23 13:58:27 +08:00
<view class="cooperate-bgimg">
2024-07-23 15:09:39 +08:00
<view class="cooperate-tetle">
<image class="cop-img" src="../../static/seckill5.png" mode=""></image>
</view>
2024-07-23 13:58:27 +08:00
<view class="cooperate-line" @click="goNav('/pages/my/hehuo')">
2024-08-26 09:32:37 +08:00
<span>申请合作技师</span>
2024-07-23 15:09:39 +08:00
<span>点击申请</span>
2024-07-23 13:58:27 +08:00
</view>
2024-07-23 15:09:39 +08:00
<view class="cooperate-line1" @click="goNav('/pages/my/cooperation')">
2024-08-26 09:56:29 +08:00
<span>城市合伙人</span>
2024-07-23 15:09:39 +08:00
<span>点击申请</span>
2024-07-23 13:58:27 +08:00
</view>
2024-07-23 15:09:39 +08:00
<view class="cooperate-line2" @click="goNav('/pages/cooperate/hehuo')">
<span>门店入驻</span>
<span>申请入驻</span>
2024-07-23 13:58:27 +08:00
</view>
2024-07-09 13:43:58 +08:00
</view>
</view>
</template>
2024-07-09 14:19:00 +08:00
<script>
export default {
data(){
return{}
},
methods:{
goNav(e){
if(e!=undefined){
uni.navigateTo({
url:e
})
}else{
uni.showToast({
title:'敬请期待!'
})
}
},
}
}
</script>
2024-07-09 13:43:58 +08:00
<style scoped>
2024-07-23 13:58:27 +08:00
2024-07-09 13:43:58 +08:00
.content {
width: 100%;
height: 100vh;
background:#fff;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: auto;
}
2024-07-23 13:58:27 +08:00
.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;
2024-07-23 20:49:06 +08:00
top:100rpx;
2024-07-23 13:58:27 +08:00
left:40rpx;
}
2024-07-23 15:09:39 +08:00
.cop-img2{
width:120rpx;
height:146rpx;
position: absolute;
top:100rpx;
right:40rpx;
}
2024-07-09 13:43:58 +08:00
.cooperate-tetle{
2024-07-23 13:58:27 +08:00
/*margin: 50rpx auto;*/
2024-07-09 13:43:58 +08:00
text-align: center;
color: #333;
font-size: 30rpx;
font-weight: bold;
2024-07-23 13:58:27 +08:00
height:260rpx;
2024-07-23 15:09:39 +08:00
display: flex;
2024-07-23 13:58:27 +08:00
2024-07-09 13:43:58 +08:00
}
.cooperate-line{
width: 94%;
2024-07-23 15:09:39 +08:00
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){
2024-08-15 10:46:21 +08:00
width: 140rpx;
text-align: center;
2024-07-23 15:09:39 +08:00
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){
2024-08-15 10:46:21 +08:00
width:140rpx;
text-align: center;
2024-07-23 15:09:39 +08:00
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){
2024-08-15 10:46:21 +08:00
width:140rpx;
text-align: center;
2024-07-23 15:09:39 +08:00
height: 40rpx;
line-height: 40rpx;
color: #fff;
background: linear-gradient(90deg, #67c9af, #7fd8c0, #70cdb4);
border-radius: 30rpx;
padding: 4rpx 20rpx;
margin-left: 40rpx;
2024-07-09 13:43:58 +08:00
}
.cooperate-img{
width: 100%;
2024-07-17 10:43:18 +08:00
height:222rpx;
object-fit: contain;
2024-07-09 13:43:58 +08:00
}
.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>