From 96bfbabe068ad44989541e0d63c7c43f33834332 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?LAPTOP-D7TKRI82=5C=E9=82=93?= <52643018@qq.com>
Date: Mon, 16 Aug 2021 15:57:01 +0800
Subject: [PATCH 1/4] =?UTF-8?q?[=E5=AE=8C=E6=88=90]=20=E9=A6=96=E9=A1=B5UI?=
 =?UTF-8?q?=20[=E5=AE=8C=E6=88=90]=20=E5=B0=81=E8=A3=85=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/lf-userList/lf-userList.vue |  76 +++++++++++++++
 components/self-line/self-line.vue     |  16 ++++
 main.js                                |   4 +
 pages.json                             |   4 +-
 pages/index/index.vue                  | 124 ++++++++++++++++++++-----
 static/logo.png                        | Bin 4023 -> 4870 bytes
 6 files changed, 201 insertions(+), 23 deletions(-)
 create mode 100644 components/lf-userList/lf-userList.vue
 create mode 100644 components/self-line/self-line.vue

diff --git a/components/lf-userList/lf-userList.vue b/components/lf-userList/lf-userList.vue
new file mode 100644
index 0000000..98f137a
--- /dev/null
+++ b/components/lf-userList/lf-userList.vue
@@ -0,0 +1,76 @@
+<template>
+	<view class="content" :style="padding ? 'padding: 0rpx 32rpx' : 'padding: 0rpx'">
+		<view class="list" v-for="(item, index) in list" :key="index">
+			<lf-image class="avatar" src="@/static/logo.png"></lf-image>
+			<view class="info">
+				<view class="lf-flex-1">
+					<text>编号：83927</text>
+					<u-icon name="tags" class="lf-m-l-10"></u-icon>
+				</view>
+				<view class="lf-flex-1 lf-m-t-16">24岁·牛·180cm·本科·未婚</view>
+				<view class="lf-flex-1 lf-m-t-16">自有公司·金融/证券/保险·50万以上</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'lf-userList',
+		props: {
+			padding: {
+				type: Boolean, // 是否显示列表距离页面的边距
+				default: true
+			},
+			list: {
+				type: Array,
+				default: function(){
+					return [1,2,3,4,5,6,7,8,9,10]
+					// return [1]
+				}
+			}
+		},
+		data(){
+			return {
+				
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped="scoped">
+	.content{
+		width: 100%;
+		height: max-content;
+		box-sizing: border-box;
+		.list{
+			padding: 30rpx 0;
+			border-bottom: 1rpx solid #E5E5E5;
+			display: flex;
+			width: 100%;
+			height: max-content;
+			.avatar{
+				width: 150rpx;
+				height: 150rpx;
+				border-radius: 10rpx;
+				margin-right: 15rpx;
+				background-color: #EEEEEE;
+			}
+			.info{
+				flex: auto;
+				min-height: 150rpx;
+				max-width: 522rpx;
+				display: flex;
+				align-content: space-between;
+				flex-wrap: wrap;
+				flex-direction: column;
+			}
+		}
+	}
+</style>
diff --git a/components/self-line/self-line.vue b/components/self-line/self-line.vue
new file mode 100644
index 0000000..ce1b55c
--- /dev/null
+++ b/components/self-line/self-line.vue
@@ -0,0 +1,16 @@
+<template>
+	<view class="bg-gray1 h-20" />
+</template>
+
+<script>
+</script>
+
+<style>
+	.h-20 {
+	    height: 20rpx;
+	}
+	.bg-gray1 {
+		background-color: #F6F6F6;
+		color: #333333;
+	}
+</style>
diff --git a/main.js b/main.js
index 6c139c5..a43a894 100644
--- a/main.js
+++ b/main.js
@@ -24,6 +24,10 @@ Vue.prototype.$http = $http;
 // 将无数据组件注入全局
 import lfNocontent from '@/components/lf-nocontent/lf-nocontent.vue';
 Vue.component('lf-nocontent', lfNocontent);
+// 页面分割
+import selfLine from '@/components/self-line/self-line.vue';
+Vue.component('self-line', selfLine);
+
 
 const app = new Vue({
     ...App
diff --git a/pages.json b/pages.json
index c18ceae..62e63c5 100644
--- a/pages.json
+++ b/pages.json
@@ -6,7 +6,7 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "领峰UI",
+				"navigationBarTitleText": "相亲交友",
 				"enablePullDownRefresh": true
 			}
 		},
@@ -20,7 +20,7 @@
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "领峰UI",
+		"navigationBarTitleText": "相亲交友",
 		"navigationBarBackgroundColor": "#FFFFFF",
 		"backgroundColor": "#F8F8F8"
 	},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index e1d2606..2726460 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,41 +1,123 @@
 <template>
-	<view class="lf-row-center lf-flex-column">
-		<image class="logo" src="/static/logo.png"></image>
-		<view class="text-area">
-			<text class="title">{{title}}</text>
+	<view>
+		<!-- 头部搜索框 -->
+		<view class="head-bar">
+			<view class="lf-flex search">
+				<u-icon name="search" class="lf-font-30 lf-m-l-20"></u-icon>
+				<view class="lf-m-l-10 lf-font-24">搜索</view>
+			</view>
+			<view class="botton">签到</view>
 		</view>
+		<!-- 上墙部分 -->
+		<view class="up-the-wall">
+			<view class="lf-row-between">
+				<view class="lf-font-32 lf-color-black">最新上墙</view>
+				<view class="lf-color-999">
+					<text class="lf-font-28">查看全部</text>
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<scroll-view class="scroll-bar" :scroll-x="true">
+				<view class="lf-flex">
+					<view class="user-item">
+						<!-- <lf-image class="avatar" src="@/static/logo.png"></lf-image> -->
+						<image class="add-icon" src="@/static/logo.png"></image>
+						<view class="lf-m-t-12 lf-color-555 lf-font-24 lf-line-1">我要上墙</view>
+					</view>
+					<view class="user-item" v-for="item in 6" :key="item">
+						<image class="avatar" src="@/static/logo.png"></image>
+						<view class="lf-m-t-12 lf-color-555 lf-font-24 lf-line-1">编号 73949</view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+		<self-line />
+		<!-- 推荐单身 -->
+		<view>
+			<view class="lf-row-between lf-p-30 lf-p-32 lf-p-b-20">
+				<view class="lf-font-32 lf-color-black">推荐单身</view>
+				<view class="lf-color-999">
+					<text class="lf-font-28">最新</text>
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<lf-user-list></lf-user-list>
+		</view>
+		<!-- 加载 -->
+		<view class="loading-more">
+			<text class="loading-more-text">正在加载中</text>
+		</view>
+		<!-- 回到顶部 -->
+		<u-back-top :scrollTop="pageScrollTop"></u-back-top>
 	</view>
 </template>
 
 <script>
+	import lfUserList from '@/components/lf-userList/lf-userList.vue';
 	export default {
+		components: { lfUserList },
 		data() {
 			return {
-				title: 'Hello Leadfyy UI'
+				
 			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-	
-	.text-area {
+	.head-bar{
+		width: 750rpx;
+		height: max-content;
+		padding: 21rpx 32rpx;
 		display: flex;
-		justify-content: center;
+		justify-content: space-between;
+		.search{
+			width: 530rpx;
+			height: 62rpx;
+			background: #F7F7F7;
+			border-radius: 32rpx;
+			color: #999999;
+		}
+		.botton{
+			width: 140rpx;
+			height: 62rpx;
+			background: #F7F7F7;
+			border-radius: 32rpx;
+			text-align: center;
+			line-height: 62rpx;
+			color: #222222;
+		}
 	}
 	
-	.title {
-		font-size: 36rpx;
-		background-image: linear-gradient(135deg, red, blue);
-		background-clip: text;
-		color: transparent;
+	.up-the-wall{
+		width: 750rpx;
+		height: max-content;
+		padding: 21rpx 32rpx 0;
+		.scroll-bar{
+			width: 100%;
+			height: 164rpx;
+			padding: 30rpx 0;
+			.user-item{
+				width: 136rpx;
+				margin-right: 40rpx;
+				display: flex;
+				justify-content: center;
+				flex-wrap: wrap;
+				&:last-child{
+					margin-right: 0rpx;
+				}
+			}
+			.add-icon{
+				width: 110rpx;
+				height: 110rpx;
+				border-radius: 50%;
+			}
+			.avatar{
+				width: 96rpx;
+				height: 96rpx;
+				border: 5rpx solid #E21196;
+				border-radius: 50%;
+			}
+		}
 	}
 </style>
diff --git a/static/logo.png b/static/logo.png
index b5771e209bb677e2ebd5ff766ad5ee11790f305a..e3e621056ceaea653a55cf618363b7c61202e14e 100644
GIT binary patch
literal 4870
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
Ang9R*

literal 4023
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
SYs}WS&%*SCNx89m_<sQGK?UOg


From c8608932cce4b14251ad1bfc91ba46b666823284 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?LAPTOP-D7TKRI82=5C=E9=82=93?= <52643018@qq.com>
Date: Mon, 16 Aug 2021 16:22:56 +0800
Subject: [PATCH 2/4] =?UTF-8?q?[=E5=AE=8C=E6=88=90]=20=E4=B8=8A=E5=A2=99?=
 =?UTF-8?q?=E4=BC=9A=E5=91=98=E9=A1=B5=E9=9D=A2UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                      |  7 +++
 pages/index/index.vue           |  2 +-
 pages/wallMember/wallMember.vue | 78 +++++++++++++++++++++++++++++++++
 3 files changed, 86 insertions(+), 1 deletion(-)
 create mode 100644 pages/wallMember/wallMember.vue

diff --git a/pages.json b/pages.json
index 62e63c5..f7a59ee 100644
--- a/pages.json
+++ b/pages.json
@@ -10,6 +10,13 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/wallMember/wallMember",
+			"style": {
+				"navigationBarTitleText": "上墙会员",
+				"enablePullDownRefresh": true
+			}
+		},
 		{
 			"path": "pages/login/index",
 			"style": {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 2726460..0d70daf 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -12,7 +12,7 @@
 		<view class="up-the-wall">
 			<view class="lf-row-between">
 				<view class="lf-font-32 lf-color-black">最新上墙</view>
-				<view class="lf-color-999">
+				<view class="lf-color-999" @click="$url('/pages/wallMember/wallMember')">
 					<text class="lf-font-28">查看全部</text>
 					<u-icon name="arrow-right"></u-icon>
 				</view>
diff --git a/pages/wallMember/wallMember.vue b/pages/wallMember/wallMember.vue
new file mode 100644
index 0000000..9aa7f01
--- /dev/null
+++ b/pages/wallMember/wallMember.vue
@@ -0,0 +1,78 @@
+<template>
+	<view>
+		<view class="content">
+			<view class="card" v-for="item in 7" :key="item">
+				<lf-image class="cover"></lf-image>
+				<view class="label">
+					<view class="lf-line-1">旅游#体育#美食#逛…</view>
+					<view class="lf-line-1">青秀区·双鱼座</view>
+				</view>
+			</view>
+		</view>
+		<!-- 加载更多 -->
+		<view class="loading-more">
+			<text>没有更多数据啦~</text>
+		</view>
+		<!-- 回到顶部 -->
+		<u-back-top :scrollTop="pageScrollTop"></u-back-top>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped="scoped">
+	.content{
+		display: flex;
+		flex-wrap: wrap;
+		padding: 44rpx 32rpx;
+	}
+	.card{
+		width: 334rpx;
+		height: 360rpx;
+		border-radius: 10rpx;
+		position: relative;
+		overflow: hidden;
+		margin-right: 18rpx;
+		margin-bottom: 18rpx;
+		&:nth-child(2n){
+			margin-right: 0rpx;
+		}
+		.cover{
+			width: 100%;
+			height: 100%;
+			background-color: #EEEEEE;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+		.label{
+			position: absolute;
+			bottom: 0;
+			left: 0;
+			width: 100%;
+			height: 98rpx;
+			color: #FFFFFF;
+			background: rgba(0, 0, 0, 0.5);
+			display: flex;
+			justify-content: center;
+			padding: 0 20rpx;
+			flex-wrap: nowrap;
+			flex-direction: column;
+			font-size: 28rpx;
+		}
+	}
+</style>

From 8a6d32a7b20530c53694db5d8f69d610713ad436 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?LAPTOP-D7TKRI82=5C=E9=82=93?= <52643018@qq.com>
Date: Mon, 16 Aug 2021 17:30:20 +0800
Subject: [PATCH 3/4] =?UTF-8?q?[=E5=AE=8C=E6=88=90]=20=E6=88=91=E8=A6=81?=
 =?UTF-8?q?=E4=B8=8A=E5=A2=99=E9=A1=B5=E9=9D=A2UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/styles/theme.css       |  4 +-
 pages.json                    |  6 +++
 pages/upTheWall/upTheWall.vue | 83 +++++++++++++++++++++++++++++++++++
 3 files changed, 91 insertions(+), 2 deletions(-)
 create mode 100644 pages/upTheWall/upTheWall.vue

diff --git a/common/styles/theme.css b/common/styles/theme.css
index cd95db8..b2b66b9 100644
--- a/common/styles/theme.css
+++ b/common/styles/theme.css
@@ -61,11 +61,11 @@ radio:not([disabled]) .wx-radio-input:hover checkbox:not([disabled]) .wx-checkbo
 /* #endif */
 
 .lf-color-primary {
-	color: #1998FE !important;
+	color: #E21196 !important;
 }
 
 .lf-bg-primary {
-	background: #1998FE !important;
+	background: #E21196 !important;
 }
 
 .lf-color-secondary {
diff --git a/pages.json b/pages.json
index f7a59ee..f49dd7a 100644
--- a/pages.json
+++ b/pages.json
@@ -17,6 +17,12 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/upTheWall/upTheWall",
+			"style": {
+				"navigationBarTitleText": "我要上墙"
+			}
+		},
 		{
 			"path": "pages/login/index",
 			"style": {
diff --git a/pages/upTheWall/upTheWall.vue b/pages/upTheWall/upTheWall.vue
new file mode 100644
index 0000000..83d1a1f
--- /dev/null
+++ b/pages/upTheWall/upTheWall.vue
@@ -0,0 +1,83 @@
+<template>
+	<view class="content">
+		<view>
+			<view class="lf-row-between lf-font-28">
+				<view class="lf-font-bold lf-color-black required">【不完全档案】</view>
+				<view class="lf-color-999">0/300</view>
+			</view>
+			<textarea class="textarea" placeholder="请描述一下您的性格观念，工作情况，家庭情况等～"></textarea>
+		</view>
+		<view>
+			<view class="lf-row-between lf-font-28">
+				<view class="lf-font-bold lf-color-black required">【平日里，我喜欢】</view>
+				<view class="lf-color-999">0/300</view>
+			</view>
+			<textarea class="textarea" placeholder="请描述一下您的兴趣爱好～"></textarea>
+		</view>
+		<view>
+			<view class="lf-row-between lf-font-28">
+				<view class="lf-font-bold lf-color-black required">【我心目中的你】</view>
+				<view class="lf-color-999">0/300</view>
+			</view>
+			<textarea class="textarea" placeholder="请描述一下您的择偶观等～"></textarea>
+		</view>
+		
+		<view class="lf-font-28 lf-color-primary lf-m-b-60">
+			<view>*1、申请上墙将消耗您3条红线，若您未能上墙，红线将返还给您。</view>
+			<view>*2、VIP会员免费上墙，在各自的vip群里艾特@工作人员。</view>
+			<view>*3、上墙后您的信息将展示在公众号、红娘朋友圈、小程序首页等，上墙展示时间持续7天。</view>
+		</view>
+		<button class="button">提交上墙</button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped="scoped">
+	.lf-m-b-60{
+		margin-bottom: 60rpx;
+	}
+	.content{
+		padding: 38rpx 32rpx;
+	}
+	.required{
+		padding-left: 10rpx;
+		position: relative;
+		&::after{
+			position: absolute;
+			content: '*';
+			left: 0;
+			color: #E21196;
+		}
+	}
+	.textarea{
+		width: 686rpx;
+		height: 200rpx;
+		background: #F5F5F5;
+		border-radius: 10rpx;
+		margin-top: 30rpx;
+		margin-bottom: 60rpx;
+		padding: 30rpx;
+		box-sizing: border-box;
+	}
+	.button{
+		background-color: #E21196;
+		color: #FFFFFF;
+		border-radius: 46rpx;
+		font-size: 32rpx;
+	}
+</style>

From d6053bd64616db964e38baadf6ded4bcd2922856 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E5=B9=B3=E8=89=BA?= <52643018@qq.com>
Date: Mon, 16 Aug 2021 17:42:09 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 0d70daf..14b1692 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -19,7 +19,7 @@
 			</view>
 			<scroll-view class="scroll-bar" :scroll-x="true">
 				<view class="lf-flex">
-					<view class="user-item">
+					<view class="user-item" @click="$url('/pages/upTheWall/upTheWall')">
 						<!-- <lf-image class="avatar" src="@/static/logo.png"></lf-image> -->
 						<image class="add-icon" src="@/static/logo.png"></image>
 						<view class="lf-m-t-12 lf-color-555 lf-font-24 lf-line-1">我要上墙</view>