uniapp-hainan/pages/discover/discover.vue

<template>
	<view class="page-color">
		<view class="padding-lr lf-p-t-30 lf-p-b-30">
			<view class="bg-red card-discover lf-m-b-30">
				<view @click="$url('/pages/notice/article')">
					<image src="../../static/images/empty.png" mode="aspectFill" style="width: 686rpx;height: 300rpx;"></image>
				</view>
				<view class="flex-direction bg-white discover-radius">
					<view class="flex align-center text-center lf-p-30 solid-bottom" v-for="i of 3" @click="$url('/pages/notice/article')">
						<view>
							<image src="../../static/logo.png" mode="aspectFill" style="width: 100rpx;height: 100rpx;"></image>
						</view>
						<view class="lf-line-2 lf-color-333 lf-font-28  lf-text-left lf-m-l-20" style="line-height: 44rpx;">
							南澳站·潮玩旅游胜地 身处亚热带风情心享甜美假日/玩转南澳
						</view>
					</view>
				</view>
			</view>
			
			<view class="bg-red card-discover lf-m-b-30">
				<view @click="$url('/pages/notice/article')">
					<image src="../../static/images/empty.png" mode="aspectFill" style="width: 686rpx;height: 300rpx;"></image>
				</view>
				<view class="flex-direction bg-white discover-radius">
					<view class="flex align-center text-center lf-p-30 solid-bottom" v-for="i of 3" @click="$url('/pages/notice/article')">
						<view>
							<image src="../../static/logo.png" mode="aspectFill" style="width: 100rpx;height: 100rpx;"></image>
						</view>
						<view class="lf-line-2 lf-color-333 lf-font-28  lf-text-left lf-m-l-20" style="line-height: 44rpx;">
							南澳站·潮玩旅游胜地 身处亚热带风情心享甜美假日/玩转南澳
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 回到顶部 -->
		<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
	</view>
</template>

<script>
</script>

<style scoped>
	.page-color {
		width: 100%;
		height: 100%;
		background-color: #F6F6F6;
	}
	.card-discover {
		border-radius: 20rpx;
	}
	.discover-radius {
		border-radius: 0 0 20rpx 20rpx;
	}
</style>