zh_order_food_xcx/pages-takeout/shop-mod/info.vue

<template>
	<view class="shop-info-box box-border-box">
		<view class="box-card box-border-box p-24 bgc-f mb-20">
			<view class="fs-32 fw-500 mb-32">商家信息</view>
			<view class="mb-40 align-items-center">
				<image src="@/static/img/takeout/info-address.png" mode=""></image>
				<view class="fs-28 fw-400">重庆市沙坪坝区陈新村陈新路40号食神.牛油拌饭</view>
			</view>
			<view class="mb-40 align-items-center">
				<image src="@/static/img/takeout/info-class.png" mode=""></image>
				<view class="fs-28 fw-400">门店类目：快餐便当</view>
			</view>
			<view class="mb-40 align-items-center">
				<image src="@/static/img/takeout/info-time.png" mode=""></image>
				<view class="fs-28 fw-400">营业时间:周一、二、三、四、五、六、日:09:00- 21:40</view>
			</view>
			<view class="mb-40 align-items-center">
				<image src="@/static/img/takeout/info-phone.png" mode=""></image>
				<view class="fs-28 fw-400">联系电话: 17323751579 </view>
			</view>
			<view class="right-img-f align-items-center">
				<image src="@/static/img/takeout/info-zz.png" mode=""></image>
				<view class="fs-28 fw-400">查看营业资质 </view>
				<image @click="to()" class="right-img" src="@/static/img/toRight.png" mode=""></image>
			</view>
		</view>
		
		<view class="box-card box-border-box p-24 bgc-f mb-20">
			<view class="fs-32 fw-500 mb-32">商家公告</view>
			<view class="mb-40 display-flex">
				<image src="@/static/img/takeout/info-gg.png" mode=""></image>
				<view class="fs-28 fw-400">第一次点餐的顾客收餐后-定要搅拌均匀在吃哟!我们的肉和牛油拌饭汁均在碗底</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		onShow() {
			
		},
		methods:{
			to(){
				uni.navigateTo({
					url:'/pages-takeout/aptitude'
				})
			},
		},
	}
</script>

<style scoped lang="scss">
	.shop-info-box{
		height: 100%;
		overflow: scroll;
		background-color: #F5F4F9;
		padding: 16rpx 24rpx;
		.box-card{
			width: 100%;
			min-height: 10rpx;
			border-radius: 20rpx;
			image{
				width: 40rpx;
				height: 40rpx;
				margin-right: 16rpx;
			}
			.right-img-f{
				position: relative;
				.right-img{
					position: absolute;
					top: 10rpx;
					right: -10rpx;
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
	}
</style>