[完成] 上墙会员页面UI

pages.json

@@ -10,6 +10,13 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/wallMember/wallMember",
+			"style": {
+				"navigationBarTitleText": "上墙会员",
+				"enablePullDownRefresh": true
+			}
+		},
 		{
 			"path": "pages/login/index",
 			"style": {

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>

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>