From 4665d1eea5d171a4bf0c13ffe0e67ee9d260d8fb Mon Sep 17 00:00:00 2001
From: zhaofang <752743406@qq.com>
Date: Wed, 2 Nov 2022 11:42:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B6=88=E6=81=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json           |   3 +-
 pages/news/index.vue | 128 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 130 insertions(+), 1 deletion(-)
 create mode 100644 pages/news/index.vue

diff --git a/pages.json b/pages.json
index 24ab6e3..9a3a1ac 100644
--- a/pages.json
+++ b/pages.json
@@ -26,7 +26,8 @@
 		{"path" : "pages/study/homeworkDetail","style" : {"navigationBarTitleText": "提交的作业信息","enablePullDownRefresh": false}},
 		{"path" : "pages/study/courseAssess","style" : {"navigationBarTitleText": "课程评估","enablePullDownRefresh": false}},
 		{"path" : "pages/study/loaddetail","style" : {"navigationBarTitleText": "学习任务详细信息","enablePullDownRefresh": false}},
-		{"path" : "pages/study/studydetail","style" : {"navigationBarTitleText": "自主学习详细信息","enablePullDownRefresh": false}},
+		{"path" : "pages/study/studydetail","style" : {"navigationBarTitleText": "自主学习详细信息","enablePullDownRefresh": false}},
+		{"path" : "pages/news/index","style" : {"navigationBarTitleText": "消息","enablePullDownRefresh": false}},
 		{"path" : "pages/my/index","style" : {"navigationBarTitleText": "我的","enablePullDownRefresh": false}},
 		{"path" : "pages/my/myub","style" : {"navigationBarTitleText": "我的u币","enablePullDownRefresh": false}},
 		{"path" : "pages/my/myubrules","style" : {"navigationBarTitleText": "u币规则","enablePullDownRefresh": false}},
diff --git a/pages/news/index.vue b/pages/news/index.vue
new file mode 100644
index 0000000..14d81e2
--- /dev/null
+++ b/pages/news/index.vue
@@ -0,0 +1,128 @@
+<template>
+	<view class="news-page-info">
+		<view class="tabs-info">
+			<u-tabs :list="listTabs" @click="click"
+			 lineColor="#387DF7"
+			 lineWidth="35"
+			 lineHeight="4"
+			 :activeStyle="{
+			 color: '#333333',
+			 fontWeight: '600',
+			 transform: 'scale(1.1)'
+			}"
+			:inactiveStyle="{
+			 color: '#666666',
+			 }"
+			></u-tabs>
+		</view>
+		<view class="news-page-btn">
+			<view class="btn-index">多选</view>
+			<view class="btn-index">清空</view>
+			<view class="btn-index">一键已读</view>
+		</view>
+		<view class="news-page-list">
+			<view class="list-index" v-for="item in 5">
+				<view class="list-index-img">
+					<image style="width:80upx;height:80upx" src="../../static/images/woman.png" mode=""></image>
+				</view>
+				<view class="list-index-cen">
+					<view class="cen-name">
+						李沐沐
+					</view>
+					<view class="cen-text">
+						收藏了你发布的课程···
+					</view>
+					
+				</view>
+				<view class="list-index-time">
+					2022/9/20
+				</view>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				listTabs:[
+					{name:'系统'},
+					{name:'@我的'}
+				],
+				tab:1,
+			}
+		},
+		methods: {
+			click(item) {
+				this.tab = item.index;
+			},
+			ubtab(num){
+				this.tab = num
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+
+	.news-page-info{
+		background-color: #fff;
+		.tabs-info{
+			padding: 0 254upx;
+		}
+		.news-page-btn{
+			height: 80upx;
+			padding: 30upx 32upx 0 36upx;
+			.btn-index{
+				font-size: 28upx;
+				color: #666666;
+				float: right;
+				margin-left: 20upx;
+				padding: 6upx 32upx 6upx 28upx;
+				border: 2upx solid rgba(153,153,153,0.2);
+				border-radius: 26upx;
+			}
+			.btn-index:first-child{
+				margin-left: 0;
+				float: left;
+			}
+		}
+		.news-page-list{
+			padding: 0 32upx 0 36upx;
+			box-sizing: border-box;
+			.list-index{
+				display: flex;
+				padding: 40upx 0;
+				border-bottom: 2upx solid rgba(153,153,153,0.1);;
+				.list-index-img{
+					width: 80upx;
+				}
+				.list-index-cen{
+					margin-left: 30upx;
+					width: 100%;
+					.cen-name{
+						font-size: 28upx;
+						font-weight: 500;
+						color: #333333;
+						margin-top: 4upx;
+					}
+					.cen-text{
+						font-size: 24upx;
+						color: #999999;
+						margin-top: 4upx;
+					}
+				}
+				.list-index-time{
+					margin-top: 4upx;
+					width: 130upx;
+					font-size: 24upx;
+					color: #999999;
+				}
+			}
+			
+		}
+	 
+	}
+</style>