rice-front/pages_order/home/introduce.vue

<template>
	<view class="page">
		<navbar title="公司介绍" leftClick @leftClick="$utils.navigateBack" />
		<view class="box">
			<view class="box-imgs">
				<view>
					<view class="box-img">
						<view>公司介绍</view>
					</view>
				</view>
				<view>
					<view class="box-img">
						<view>公司介绍</view>
					</view>
				</view>
				<view>
					<view class="box-img">
						<view>公司介绍</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

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

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

		.box {
			margin: 20rpx;

			.box-imgs {
				display: flex;
				justify-content: space-between;
				.box-img{
					display: flex;
					width: 220rpx;
					height: 400rpx;
					background-size: 100% 100%;
					background-image: url(../../static/image/home/9.png);
					justify-content: center;
					align-items: center;
					border-radius: 20rpx;
					overflow: hidden;
					view{
						color: #fff;
						margin-top: 200rpx;
						padding: 10rpx 20rpx;
						background-color: #A3D250;
						border-radius: 30rpx;
					}
				}
			}
		}
	}
</style>