<template>
	<view class="aboutMessage1">
		<view class="title1">店铺信息</view>
		<view class="message1">
			<view class="messageItem1">地址：呼兰区哈尔滨华德学院</view>
			<view class="messageItem1">营业时间：早7：00-晚20：30</view>
			<view class="messageItem1">联系电话：1234312334</view>
		</view>
	</view>
	<view class="title1">图片详情</view>
	<view class="aboutImg1">
		<view class="imgLeft1">
			<image src="https://ts1.cn.mm.bing.net/th/id/R-C.b3a7697d2793ba094a861d546c31190d?rik=NevOIW4XmkUuMA&riu=http%3a%2f%2fseopic.699pic.com%2fphoto%2f50069%2f5445.jpg_wh1200.jpg&ehk=wuLPicg%2b9wXz8QAwp%2fAVFBtJQ6loBUiVfQZu2bbZODA%3d&risl=&pid=ImgRaw&r=0" class="img1" mode="scaleToFill"></image>
			<image src="https://ts1.cn.mm.bing.net/th/id/R-C.68978afc71576a94a1d50ef5016dbd9e?rik=cDDsy5SLmDvDHQ&riu=http%3a%2f%2fseopic.699pic.com%2fphoto%2f50075%2f0779.jpg_wh1200.jpg&ehk=FG4Hd5S711LYcuLBIcDagQyk4KhcH1oIfqyk1MWUOyg%3d&risl=&pid=ImgRaw&r=0" class="img1"></image>
			<image src="https://img.zcool.cn/community/0105ec5b5ac3cba801206a35cf08a8.jpg@1280w_1l_2o_100sh.jpg" class="img1"></image>
		</view>
		<view class="imgRight1">
			<image src="https://img.zcool.cn/community/0105ec5b5ac3cba801206a35cf08a8.jpg@1280w_1l_2o_100sh.jpg" class="img1"></image>
			<image src="https://img.zcool.cn/community/0189d85c3c421aa80121fbb0284f6c.jpg@1280w_1l_2o_100sh.jpg" class="img1"></image>
			<image src="https://bpic.588ku.com/back_origin_min_pic/21/03/30/251617b5c1ad3b0c7ae62fb8b51dfbbd.jpg" class="img1"></image>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
import {apiImageUrl} from '../../API/api'

const businessData = ref(null);


const message = async() => {
  try {
    const res = await uni.request({
      url: apiImageUrl+'/api/business/getById',
      method: 'GET',
      data: {
        id: '1807609961254006785'
      }
    });

    if (res.statusCode === 200) {
      businessData.value = res.data.data;
    } else {
      console.error('Failed to fetch business details with status code:', res.statusCode);
    }
  } catch (error) {
    console.error('An error occurred while fetching business details:', error);
  }
}


onMounted(() => {
  message();
});
</script>

<style>
.title1 {
	width: 100%;
	height: 60px;
	font-size: 20px;
	color: #000;
	padding-left: 5px;
	line-height: 60px;
	}
.message1 {
	width: 80%;
	height: 200rpx;
	margin: 0 auto;
}
.messageItem1 {
	font-size: 18px;
	padding-bottom: 10rpx;
}
.aboutImg1 {
	width: 90%;
	height: 100vh;
	margin: 0 auto;
}
.imgLeft1 {
	float: left;
	width: 48%;
	height: 100vh;
}
.imgRight1 {
	float: right;
	width: 48%;
	height: 100vh;
}
.img1 {
	width: 100%;
	border-radius: 15px;
	margin-bottom: 10px;
}

</style>