111 lines
2.9 KiB
Vue
111 lines
2.9 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view class="white_container">
|
|
<image class="pic" src="http://127.0.0.1:5500/assets/index_Mask_group.png" />
|
|
<view class="main">
|
|
<view class="title">七个2锁城</view>
|
|
<u-icon name="star-fill" color="#FFB84D" />
|
|
<u-line margin="46rpx 0 30rpx 0"/>
|
|
<view class="table">
|
|
<view class="label">联系电话</view>
|
|
<view class="desc">15901518415</view>
|
|
</view>
|
|
<view class="table">
|
|
<view class="label">营业时间</view>
|
|
<view class="desc">05:00至24:00</view>
|
|
</view>
|
|
<view class="table">
|
|
<view class="label">营业地址</view>
|
|
<view class="desc">河北省衡水市桃城区自强街路东综合楼1栋8号门店</view>
|
|
</view>
|
|
<view class="table">
|
|
<view class="label">特色服务</view>
|
|
<view class="desc">开锁、换锁、修锁、指纹锁、配汽车钥匙</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="white_container detail">
|
|
<view class="particulars">
|
|
<view>查看详情</view>
|
|
<u-icon name="arrow-right" size="30" />
|
|
|
|
</view>
|
|
</view>
|
|
<view class="bottom">
|
|
<view class="left">
|
|
<view class="left_label" @click="handleOptionClick">
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Index_add.png" mode="" />
|
|
<view>导航</view>
|
|
</view>
|
|
<view class="left_label" @click="handlePhoneClick">
|
|
<image src="http://127.0.0.1:5500/assets/localLife_detail_Frame.png" mode="" />
|
|
<view>电话</view>
|
|
</view>
|
|
<view class="left_label" @click="handleDiscussClick">
|
|
<image src="http://127.0.0.1:5500/assets/localLife_shopList_Group_1334.png" mode="" />
|
|
<view>点评</view>
|
|
</view>
|
|
</view>
|
|
<text class="btn" @click="handleQuickPayClick">快捷买单</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
request,
|
|
picUrl,
|
|
NavgateTo,
|
|
} from "../../../utils";
|
|
|
|
import { apiArr } from "../../../api/v2Community";
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
info: {},
|
|
};
|
|
},
|
|
onLoad(options) {},
|
|
|
|
methods: {
|
|
handleQuickPayClick() {
|
|
console.log('快捷支付');
|
|
// NavgateTo('');
|
|
},
|
|
|
|
// 导航
|
|
handleOptionClick() {
|
|
const { info } = this;
|
|
let openParmas = {
|
|
latitude: Number(info.lat),
|
|
longitude: Number(info.lng),
|
|
name: info.name,
|
|
address: info.addr,
|
|
};
|
|
uni.openLocation(openParmas);
|
|
},
|
|
|
|
//拨打电话触发事件
|
|
handlePhoneClick() {
|
|
uni.makePhoneCall({
|
|
phoneNumber: this.info.tel || '',
|
|
fail(err) {
|
|
console.log('拨打电话失败', err)
|
|
}
|
|
})
|
|
},
|
|
|
|
// 点评
|
|
handleDiscussClick() {
|
|
console.log('111');
|
|
// NavgateTo('');
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
@import url("./index.css");
|
|
</style>
|