A

addons/theme/stv1/_static_w3g/css/common.css

@@ -69,6 +69,12 @@ div::-webkit-scrollbar {
 	justify-content: space-between;
 }
 
+.layout_v_b {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
 .layout_h_round {
 	display: flex;
 	flex-direction: row;
@@ -934,4 +940,16 @@ div::-webkit-scrollbar {
 
 .zhenti_my_collect_cell_time {
 	margin-top: 0.75rem;
+}
+
+/* News */
+.news_hire_info {
+	padding: 0.75rem;
+}
+
+.news_see_button {
+	width: 3rem;
+	height: 1.5rem;
+	background:rgba(163,228,96,1);
+	border-radius: 0.75rem;
 }
\ No newline at end of file

apps/news/Tpl/default/Topic/index_w3g.html

@@ -5,6 +5,7 @@
 	}
 </style>
 <div id="app">
+	
 	<van-sticky>
 		<div class="tabs_container">
 			<div @click="onChange(idx)" v-for="(opt, idx) in options" :key="idx" :class="idx == tab ? 'tab_item_selected' : 'tab_item_normal'" >
@@ -12,6 +13,42 @@
 			</div>
 		</div>
 	</van-sticky>
+	
+	<van-list
+		v-model="loading"
+		:finished="finished"
+		finished-text="没有更多了"
+		@load="onLoad">
+		
+		<template v-if="tab == 0">
+			<div v-for="(item, index) in options[0].items" class="layout_h news_hire_info">
+				<van-image height="72" width="72" :src="item.cover" fit="cover" ></van-image>
+				<div class="layout_v_b" style="margin-left: 0.75rem;">
+					<div class="text_14_600 color_333333">{{item.title}}</div>
+					<div class="layout_h_b">
+						<div class="layout_h">
+							<span class="text_12_400 color_999999">{{item.location}}</span>
+							<span class="text_12_400 color_999999">{{item.type}}</span>
+							<span class="text_12_400 color_999999">{{item.date}}</span>
+						</div>
+						<div class="layout_h_r weight_full">
+							<div @click="onItem(item)" class="news_see_button layout_center text_12_400 color_white">查看</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</template>
+		
+		<template v-if="tab == 1">
+			
+		</template>
+		
+		<template v-if="tab == 2">
+			
+		</template>
+		
+	</van-list>
+	
 </div>
 <script>
 	
@@ -20,21 +57,40 @@
 		data: function() {
 			return {
 				tab: 0,
+				loading: false,
+				finished: false,
 				options: [{
 					title: "招聘信息",
-					items: []
+					items: [{
+						title: "2020年西藏高校毕业生公开考录公务员计划及职位信息公告",
+						location: "西藏",
+						type: "公务员",
+						date: "2020-02-20"
+					}],
+					page: 0,
+					finished: false
 				},{
 					title: "平台公告",
-					items: []
+					items: [],
+					page: 0,
+					finished: false
 				},{
 					title: "考试信息",
-					items: []
+					items: [],
+					page: 0,
+					finished: false
 				}]
 			}
 		},
 		methods: {
 			onChange: function(tab) {
 				this.tab = tab
+			},
+			onLoad: function() {
+				
+			},
+			onItem: function(item) {
+				
 			}
 		}
 	})