新闻咨询

pages.json

@@ -130,6 +130,24 @@
             }
             
         }
+        ,{
+            "path" : "pages/news/news",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "新闻咨询",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/news/articleDetail",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "文章详情",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏

pages/news/articleDetail.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/news/news.vue

@@ -0,0 +1,88 @@
+<template>
+	<view>
+		<u-navbar back-text="政策发布" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+		<view class="main">
+			<view class="news-item" v-for="item in 4">
+				<view class="content">
+					<view class="title">
+						荆州市发布“招硕引博”公告，高新区招录8人​！
+					</view>
+					<view class="tags">
+						<view class="classify">
+							政策发布
+						</view>
+						<view class="date">
+							2023-06-10
+						</view>
+					</view>
+				</view>
+				<view class="picture">
+					 <img src="../../assets/img/newsPicture.png" alt="">
+				</view>
+			</view>
+		</view>
+		<u-divider bg-color="#fff" margin-top="20" border-color="#CFD2D5">已经到底了</u-divider>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page{
+		padding-bottom: 120px;
+	}
+	.main{
+		padding: 24rpx 32rpx;
+		.news-item{
+			display: flex;
+			height: auto;
+			margin-bottom: 40rpx;
+			.content{
+				margin-right: 24rpx;
+			    display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				.title{
+					color: rgba(51, 51, 51, 1);
+					font-size: 16px;
+					text-align: justify;
+					line-height: 48rpx;
+				}
+				.tags{
+					display: flex;
+					justify-content: space-between;
+					.classify{
+						color: rgba(39, 149, 253, 1);
+					}
+					.date{
+						color: rgba(153, 153, 153, 1);
+						font-size: 24rpx;
+					}
+				}
+			}
+			.picture{
+				width: 224rpx;
+				height: 172rpx;
+				border-radius: 4px;
+				img{
+					width: 224rpx;
+					height: 172rpx;
+				}
+			}
+		}
+		
+	}
+
+</style>