sadjv3_user/pages/cooperate/index.vue

159 lines
3.0 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">
<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>
<image class="cooperate-img" src="../../static/cooperate/cooperate1.png" mode=""></image>
<span>了解更多</span>
</view>
<view class="cooperate-line" @click="goNav('/pages/my/cooperation')">
<image class="cooperate-img" src="../../static/cooperate/cooperate2.png" mode=""></image>
</view>
<view class="cooperate-line" @click="goNav('/pages/cooperate/hehuo')">
<image class="cooperate-img" src="../../static/cooperate/cooperate3.png" mode=""></image>
</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;
top:120rpx;
left: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-09 13:43:58 +08:00
}
.cooperate-line{
width: 94%;
margin: 15rpx auto;
}
.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>