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">{{shopInfoData.city_name}}{{shopInfoData.shop_name}}</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">门店类目：{{shopInfoData.cate_name}}</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">营业时间:{{shopInfoData.business_hours}}</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">联系电话: {{shopInfoData.shop_phone}} </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 class="flex-shrink0" src="@/static/img/takeout/info-gg.png" mode=""></image>
				<view class="fs-28 fw-400">{{shopInfoData.notice}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		shopInfo
	} from "@/api/shop.js"
	export default {
		props: {
			shopId: {}
		},
		data() {
			return {
				shopInfoData: {}
			}
		},
		onShow() {

		},
		mounted() {
			this.shopInfo()
		},
		methods: {
			to() {
				uni.navigateTo({
					url: '/pages-takeout/aptitude'
				})
			},
			shopInfo() {
				const operate_id = uni.getStorageSync('operate_id')
				shopInfo({shop_id: this.shopId,operate_id: operate_id}).then((res) => {
					if(res.code == 1) {
						this.shopInfoData = res.data
					}
				})
			}
		},
	}
</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>