修改

pages/cooperate/index.vue

@@ -1,17 +1,20 @@
 <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-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>
-				<span>了解更多</span>
 			</view>
-			<view class="cooperate-line" @click="goNav('/pages/my/cooperation')">
+			<view class="cooperate-line1" @click="goNav('/pages/my/cooperation')">
-				<image class="cooperate-img" src="../../static/cooperate/cooperate2.png" mode=""></image>
+				<span>城市合伙人</span>
+				<span>点击申请</span>
 			</view>
-			<view class="cooperate-line" @click="goNav('/pages/cooperate/hehuo')">
+			<view class="cooperate-line2" @click="goNav('/pages/cooperate/hehuo')">
-				<image class="cooperate-img" src="../../static/cooperate/cooperate3.png" mode=""></image>
+				<span>门店入驻</span>
+				<span>申请入驻</span>
 			</view>
 		</view>
 	</view>
@@ -65,6 +68,13 @@
 		top:120rpx;
 		left:40rpx;
 	}
+	.cop-img2{
+		width:120rpx;
+		height:146rpx;
+		position: absolute;
+		top:100rpx;
+		right:40rpx;
+	}
 	.cooperate-tetle{
 		/*margin: 50rpx auto;*/
 		text-align: center;
@@ -72,11 +82,86 @@
 		font-size: 30rpx;
 		font-weight: bold;
 		height:260rpx;
+		display: flex;
 
 	}
 	.cooperate-line{
 		width: 94%;
-		margin: 15rpx auto;
+		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%;