<template>
	<view>
		<view class="content" @click="xwtz">
			<view class="box_item">
				<view class="box_left">
					<span class="f1">眉山仁寿城北小学激发学生爱国主义热情</span>
					<span class="f2">500人阅读</span>
				</view>
				<view class="box_right">
					<view class="images">
						<!-- <image src="../../static/xw.png" mode="widthFix"></image> -->
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			xwtz(){
				uni.navigateTo({
					url:"/pages/xw/xw"
				})
			}
		}
	}
</script>

<style lang="scss">
	.content{
		padding: 20rpx;
		.box_item{
			background-color: #fff;
			display: flex;
			padding: 20rpx;
			border-radius: 20rpx;
			height: 200rpx;
			.box_left{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				width: 58%;
				margin-right: 2%;
				.f1{
					font-size: 35rpx;
					font-weight: 600;
					display: block;
					margin-bottom: 20rpx;
				}
				.f2{
					color: #ababab;
				}
			}
			.box_right{
				width: 40%;
				.images{
					background-color: #ababab;
					height: 160rpx;
					border-radius: 20rpx;
					background-image: url("http://antis14.sherkxuan.cn/assets/images/a1.png");
					background-size: 100% 100%;
				}
			}
		}
	}
</style>
