[新增] 关于我们页面UI

[新增] 消息列表页面UI
[新增] 消息详情页UI

pages.json

@@ -90,6 +90,25 @@
 			"style": {
 				"navigationBarTitleText": "我的收藏"
 			}
+		},
+		{
+			"path": "pages/message/index",
+			"style": {
+				"navigationBarTitleText": "消息中心",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/message/detail",
+			"style": {
+				"navigationBarTitleText": "消息详情"
+			}
+		},
+		{
+			"path": "pages/about/index",
+			"style": {
+				"navigationBarTitleText": "关于我们"
+			}
 		}
 	],
 	"globalStyle": {

pages/about/index.vue

@@ -0,0 +1,32 @@
+<template>
+	<view>
+		<rich-text :nodes="content" v-if="$isRight(content)"></rich-text>
+		<lf-nocontent v-else></lf-nocontent>
+		<!-- 回到顶部 -->
+		<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				content: ''
+			}
+		},
+		onLoad(){
+			// this.getData();
+		},
+		methods: {
+			getData(){
+				this.$http(this.API.API_ARTICLE_QA).then(res => {
+					this.content = res.data?.content;
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped="scoped">
+	
+</style>

pages/message/detail.vue

@@ -0,0 +1,32 @@
+<template>
+	<view>
+		<rich-text :nodes="content" v-if="$isRight(content)"></rich-text>
+		<lf-nocontent v-else></lf-nocontent>
+		<!-- 回到顶部 -->
+		<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				content: ''
+			}
+		},
+		onLoad(){
+			// this.getData();
+		},
+		methods: {
+			getData(){
+				this.$http(this.API.API_ARTICLE_QA).then(res => {
+					this.content = res.data?.content;
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped="scoped">
+	
+</style>

pages/message/index.vue

@@ -0,0 +1,66 @@
+<template>
+	<view>
+		<view class="card" v-for="(item, index) in list" :key="index" @click="$url('/pages/message/detail')">
+			<view class="lf-row-between lf-m-b-20">
+				<view class="lf-color-black">
+					<u-icon name="lock-fill" class="lf-color-price"></u-icon>
+					<text class="lf-font-28 lf-m-l-10">收到一条新消息</text>
+				</view>
+				<view class="lf-color-gray lf-font-22">2021-7-6 23:34:53 </view>
+			</view>
+			<view class="lf-font-24 lf-color-555">南澳站·潮玩旅游胜地 身处亚热带风情/玩转南澳南澳站·潮玩旅游胜地 身处亚热带风情/玩转南澳</view>
+		</view>
+		<!-- 加载 -->
+		<view class="loading-more">
+			<text v-if="list.length" :class="{'loading-more-text': loadingClass}">{{ loadingText }}</text>
+			<lf-nocontent v-else></lf-nocontent>
+		</view>
+		<!-- 回到顶部 -->
+		<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				list: [1, 2],
+				loadingClass: true,
+				loadingText: '正在加载中'
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			
+		},
+		onReachBottom(){
+			
+		},
+		onPullDownRefresh(){
+			uni.stopPullDownRefresh();
+		}
+	}
+</script>
+
+<style>
+	page{
+		background-color: #F6F6F6;
+	}
+</style>
+<style lang="scss" scoped="scoped">
+	.card{
+		margin: 0 auto;
+		margin-top: 30rpx;
+		width: 686rpx;
+		height: max-content;
+		background-color: #FFFFFF;
+		padding: 20rpx;
+		border-radius: 20rpx;
+		box-sizing: border-box;
+	}
+	.lf-font-22{
+		font-size: 22rpx;
+	}
+</style>

pages/notice/article.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<rich-text :nodes="content" v-if="content"></rich-text>
-		<my-nocontent v-else></my-nocontent>
+		<lf-nocontent v-else></lf-nocontent>
 		<!-- 回到顶部 -->
 		<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
 	</view>

pages/notice/notice.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<rich-text :nodes="content" v-if="content"></rich-text>
-		<my-nocontent v-else></my-nocontent>
+		<lf-nocontent v-else></lf-nocontent>
 		<!-- 回到顶部 -->
 		<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
 	</view>