sadjv3_user/pages/cooperate/index.vue

137 lines
2.6 KiB
Vue

<template>
<view class="content">
<view class="cooperate-tetle">-选择您的身份-</view>
<view class="cooperate-line" @click="goNav('/pages/my/hehuo')">
<image class="cooperate-img" src="../../static/cooperate/cooperate1.png" mode=""></image>
</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>
</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-tetle{
margin: 50rpx auto;
text-align: center;
color: #333;
font-size: 30rpx;
font-weight: bold;
}
.cooperate-line{
width: 94%;
margin: 15rpx auto;
}
.cooperate-img{
width: 100%;
height:240rpx;
}
.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>