2024-10-18 07:53:00 +00:00
|
|
|
|
<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>
|
2025-04-11 06:42:29 +00:00
|
|
|
|
import { ref, onMounted } from 'vue';
|
2024-10-18 07:53:00 +00:00
|
|
|
|
import {apiImageUrl} from '../../API/api'
|
|
|
|
|
|
|
|
|
|
const businessData = ref(null);
|
|
|
|
|
|
|
|
|
|
const message = async() => {
|
|
|
|
|
try {
|
|
|
|
|
const res = await uni.request({
|
2025-04-11 06:42:29 +00:00
|
|
|
|
url: apiImageUrl+'/api/business/getById',
|
|
|
|
|
method: 'GET',
|
|
|
|
|
data: {
|
|
|
|
|
id: '1807609961254006785'
|
2024-10-18 07:53:00 +00:00
|
|
|
|
}
|
2025-04-11 06:42:29 +00:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
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);
|
2024-10-18 07:53:00 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
2025-04-11 06:42:29 +00:00
|
|
|
|
message();
|
2024-10-18 07:53:00 +00:00
|
|
|
|
});
|
|
|
|
|
</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>
|