py 2 tahun lalu
induk
melakukan
15c413ee89
4 mengubah file dengan 118 tambahan dan 1 penghapusan
  1. 3 0
      common/css/common.css
  2. 105 0
      pages-my/cooperate.vue
  3. 7 1
      pages.json
  4. 3 0
      pages/me/index.vue

+ 3 - 0
common/css/common.css

@@ -267,6 +267,9 @@ image {
 .bgc-E6E6E6{
 	background-color: #E6E6E6;
 }
+.bgc-F6F6F6{
+	background-color: #F6F6F6;
+}
 .bgc-FB3D03{
 	background-color: #FB3D03;
 }

+ 105 - 0
pages-my/cooperate.vue

@@ -0,0 +1,105 @@
+<template>
+	<view class="flex-common-css">
+		<Nav title="商务合作" titleColor="#333" bgckgroundBox='#fff'></Nav>
+		<scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
+			<view class="content-box box-border-box">
+				<view class="bgc-f p-24 b-rad-20 mb-20 box-sizing-border">
+					<view class="fs-36 fw-600 fc-3 mb-8">
+						请描述你想合作的想法
+					</view>
+					<view class="textarea-box">
+						<textarea placeholder-style="color:#ccc" auto-height maxlength='100' placeholder="请输入" />
+					</view>
+					<view class="up-img-box align-items-center flex-wrap-wrap">
+						<view class="up-img" v-for="(itme, index) in formData.imgList" :key="index">
+							<image class="img" src="../static/img/my/bg.png" mode=""></image>
+							<uni-icons @click="deleteImg(index)" class="delete-icons" color="#000" type="clear"
+								size="20"></uni-icons>
+						</view>
+						<view class="add-img-box flex-direction flex-justify-center align-items-center bgc-F6F6F6 bgc-F6F6F6">
+							<image class="add-img" src="@/static/img/my/sc.png" mode=""></image>
+							<view class="fs-24 fc-9">
+								上传照片
+							</view>
+							<view class="fs-24 fc-9">
+								(最多3张)
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="bgc-f b-rad-20 box-sizing-border phone-box">
+					<view class="fs-32 fc-3 mb-20">
+						联系方式
+					</view>
+					
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				formData: {
+					rate: '',
+					imgList: []
+				},
+			};
+		},
+		onLoad(data) {},
+		mounted() {},
+		methods: {
+			scrolltolower() {
+				console.log('触底');
+			},
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content-box {
+		padding: 26rpx 24rpx 0;
+	}
+
+	.textarea-box {
+		width: 100%;
+		height: 200rpx;
+	}
+
+	.up-img {
+		width: 152rpx;
+		height: 152rpx;
+		margin: 0 0 10rpx 0;
+		position: relative;
+
+		.img {
+			width: 100%;
+			height: 100%;
+			border-radius: 4rpx;
+		}
+
+		.delete-icons {
+			position: absolute;
+			right: 0;
+			top: 0;
+		}
+	}
+
+	.add-img-box {
+		width: 152rpx;
+		height: 152rpx;
+		border: 1px dashed #ccc;
+		border-radius: 4rpx;
+
+		.add-img {
+			width: 56rpx;
+			height: 56rpx;
+		}
+	}
+	.phone-box{
+		padding: 32rpx 24rpx;
+	}
+</style>

+ 7 - 1
pages.json

@@ -128,6 +128,12 @@
 					"style": {
 						"navigationBarTitleText": "点赞"
 					}
+				},
+				{
+					"path": "cooperate",
+					"style": {
+						"navigationBarTitleText": "商务合作"
+					}
 				}
 			]
 		}
@@ -149,7 +155,7 @@
 		"current": 0,
 		"list": [{
 			"name": "列表调试",
-			"path": "pages-my/appraise",
+			"path": "pages-my/cooperate",
 			"query": ""
 		}]
 	}

+ 3 - 0
pages/me/index.vue

@@ -179,6 +179,9 @@
 					// 联系客服
 				} else if (type == 8) {
 					// 商务合作
+					uni.navigateTo({
+						url: '/pages-my/cooperate'
+					})
 				} else if (type == 9) {
 					// 骑手招聘
 				} else if (type == 10) {