99 lines
2.7 KiB
Vue
99 lines
2.7 KiB
Vue
<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, onMounted } 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>
|