zdxtDrillProgram/pages/knowledge/knowledge.vue

<template>

	<view class="wrap">
		<view class="stabar"></view>
		<view class="secbar"> 
		<view class="title">知识库</view>
		</view>
		
		<view class="mainwrap2">
			<view class="subwrap">
				<view class="artlist">
					<view class="timetop">2024-02-19 04:21</view>
					<view class="txtlist">凌晨突发6.2级地震！这份逃生避险指南，请收藏</view>
				</view>	
				<view class="artlist">
					<view class="timetop">2024-02-19 04:21</view>
					<view class="txtlist">应急科普 | 注意防范！大范围雨雪进入鼎盛期 </view>
			</view>
		</view>
		</view>
		<tabbar :page="page"></tabbar>

	
	</view>
</template>

<script>
	import tabbar from "@/components/tabbar/tabbar.vue";
	export default {
		data() {
			return {
				page: "",
			};
		},
		onShow() {
			this.page= "know"
		},

		methods: {
		
		},
		components: {tabbar}

	}
</script>

<style lang="scss">

	@import url("@/static/base_css.css");

.title {
	margin-top: 0;
	padding-top: 16rpx;
}
.mainwrap2 {
    height: calc(100% - 300rpx);
}
.artlist {
    margin: 2% 0 3.5%;
    padding: 4% 3%;
    width: 100%;
    font-size: 1.05rem;
    box-shadow: 0 0 10rpx #ddd;
    background: #fff;
    border-radius: 20rpx;
    box-sizing: border-box;
}
.timetop {
    margin: 0 0 3%;
    /* padding: 0 0 2%;
    border-bottom: 1px solid #eee; */
    color: #999;
    font-size: 0.9rem;
}
</style>