115 lines
2.2 KiB
Vue
115 lines
2.2 KiB
Vue
|
<template>
|
||
|
|
<view class="content">
|
||
|
|
<view class="cooperate-tetle">-选择您的身份-</view>
|
||
|
|
<view class="cooperate-line">
|
||
|
|
<image class="cooperate-img" src="../../static/cooperate/cooperate1.png" mode=""></image>
|
||
|
|
</view>
|
||
|
|
<view class="cooperate-line">
|
||
|
|
<image class="cooperate-img" src="../../static/cooperate/cooperate2.png" mode=""></image>
|
||
|
|
</view>
|
||
|
|
<view class="cooperate-line">
|
||
|
|
<image class="cooperate-img" src="../../static/cooperate/cooperate3.png" mode=""></image>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
<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>
|