jewelry-front/pages_order/home/journalism.vue

<template>
	<view class="page">
		<navbar title="活动中心" leftClick @leftClick="$utils.navigateBack" />
		<view class="card" 
		@click="$utils.navigateTo('/pages_order/home/newsDetail?id=' + item.id)"
			v-for="(item, index) in list" :key="item.id">
			<view class="card-img">
				<image :src="item.icon && 
				item.icon.split(',')[0]" mode="aspectFill"></image>
			</view>
			<view>
				{{ item.title }}
			</view>
			<view class="text"
			v-if="item.descValue">
				{{ item.descValue }}
			</view>
		</view>
	</view>
</template>

<script>
	import mixinsList from '@/mixins/list.js'
	export default {
		mixins: [mixinsList],
		data() {
			return {
				mixinsListApi: 'getRiceProductList',

			}
		},
		computed: {},
		methods: {}
	}
</script>

<style scoped lang="scss">
	.page {
		height: 100Vh;
		background-color: #F3F3F3;

		.card {
			margin: 30rpx;
			background-color: #fff;
			overflow: hidden;
			border-radius: 20rpx;

			.card-img {
				height: 250rpx;
				width: 100%;

				image {
					width: 100%;
					height: 100%;
				}
			}

			view:nth-child(2) {
				font-size: 32rpx;
				color: #474747;
				padding: 20rpx;
				font-weight: 500;
			}


			.text {
				font-size: 24rpx;
				color: #A2A2A2;
				padding: 0rpx 20rpx 40rpx;
			}

		}
	}
</style>