xiaokuaisong-xiaochengxu/uniapp04/pages/merchant/details.vue

99 lines
2.7 KiB
Vue
Raw Permalink Normal View History

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">营业时间早700-晚2030</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>