WenWuGuanJia/xueYuan_fenbao/zhengCe/zhengCe.vue

<template>
	<view class="box">
		<view class="nabBar" style="background-image: url('https://huli-app.wenlvti.net/app_static/WenWuGuanJia/image/cg_bg.png'); background-size: cover">
			<u-navbar :autoBack="true" title="政策法规" titleStyle="font-weight:bold;color:#000000" bgColor="rgba(255,255,255,0)" :placeholder="true"></u-navbar>
		</view>
		<!--  -->
		<view class="ban_box">
			<view class="ban_item">
				<view class="left_box">
					<image class="img" src="https://huli-app.wenlvti.net/app_static/WenWuGuanJia/image/fg_img.png"></image>
				</view>
				<view class="right_box">
					<view class="">中华人民共和国文物保护法(2017年修正本)</view>
					<view class="" style="margin-top: 30rpx; display: flex; align-items: center; text-align: center">
						<view class="zan">
							<uni-icons type="hand-up-filled" color="#c2c2c2" size="24"></uni-icons>
							<view class="">99点赞</view>
						</view>
						<view class="zan">
							<uni-icons type="eye-filled" color="#c2c2c2" size="24"></uni-icons>
							<view class="">99浏览</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style>
.box {
	width: 100%;
	background-color: #f3e2c8;
	/* height: auto; */
	height: 100%;
	padding-bottom: 50rpx;
}
.nabBar {
	height: 660rpx;
}
.ban_box {
	width: 90%;
	margin: auto;
}
.ban_item {
	margin-top: 40rpx;
	display: flex;
	justify-content: space-between;
}
.img {
	width: 100%;
	height: 100%;
}
.left_box {
	width: 400rpx;
	height: 205rpx;
	border: 4rpx solid #e4b171;
}
.right_box {
	padding-top: 10rpx;
	width: 400rpx;
	margin-left: 20rpx;
}
.zan {
	width: 120rpx;
}
</style>