|
@@ -1,8 +1,14 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
<!-- 顶部导航 -->
|
|
|
- <uni-nav-bar :border="false" @click-left="toUserCenter" leftIcon="person-filled" leftText=" " :shadow="false"
|
|
|
- background-color="#fff" :status-bar="true" :fixed="true" color="rgb(255,0,0)" title=" ">
|
|
|
+ <uni-nav-bar
|
|
|
+ :border="false"
|
|
|
+ @click-left="toUserCenter"
|
|
|
+ leftIcon="person-filled"
|
|
|
+ background-color="#fff"
|
|
|
+ :status-bar="true"
|
|
|
+ :fixed="true"
|
|
|
+ color="rgb(255,0,0)">
|
|
|
</uni-nav-bar>
|
|
|
<!-- 页面主体 -->
|
|
|
<view class="pageContent">
|
|
@@ -29,22 +35,6 @@
|
|
|
</view>
|
|
|
</map>
|
|
|
</view>
|
|
|
- <!-- 客服弹窗 -->
|
|
|
- <uni-popup ref="popup" type="bottom">
|
|
|
- <view class="popup-box">
|
|
|
- <view class="pop-top">
|
|
|
- <view class="top-first pop-item">
|
|
|
- 在线客服
|
|
|
- </view>
|
|
|
- <view @click="callPhone" class="pop-item">
|
|
|
- 电话客服
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view @click="closePop" class="pop-cancle">
|
|
|
- 取消
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -60,7 +50,6 @@
|
|
|
markers: [], // 标注点
|
|
|
centerX: '',
|
|
|
centerY: '',
|
|
|
- showPop: false, // 是否显示客服弹框
|
|
|
markData: [{
|
|
|
id: '1',
|
|
|
name: '洗车机',
|
|
@@ -173,13 +162,23 @@
|
|
|
},
|
|
|
// 联系客服
|
|
|
openPop() {
|
|
|
- this.$refs.popup.open()
|
|
|
- this.showPop = true
|
|
|
- },
|
|
|
- // 关闭客服弹窗
|
|
|
- closePop() {
|
|
|
- this.$refs.popup.close()
|
|
|
- this.showPop = false
|
|
|
+ let _this = this
|
|
|
+ uni.showActionSheet({
|
|
|
+ itemList: ['在线客服', '电话客服'],
|
|
|
+ success: function (res) {
|
|
|
+ //在线客服
|
|
|
+ if(res.tapIndex == 1){
|
|
|
+ _this.callPhone()
|
|
|
+ }
|
|
|
+ //电话客服
|
|
|
+ if(res.tapIndex == 1){
|
|
|
+ _this.callPhone()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fail: function (res) {
|
|
|
+ console.log(res.errMsg);
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
// 电话客服
|
|
|
callPhone () {
|
|
@@ -244,19 +243,19 @@
|
|
|
|
|
|
.cover-view {
|
|
|
position: absolute;
|
|
|
- top: calc(60% - 120rpx);
|
|
|
+ top: calc(60% - 150rpx);
|
|
|
left: calc(50% - 360rpx);
|
|
|
- background: rgba(255, 0, 0, 0.6);
|
|
|
- border-radius: 20rpx;
|
|
|
-
|
|
|
.flex-wrp {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
|
|
|
.flex-item {
|
|
|
- width: 120rpx;
|
|
|
- height: 120rpx;
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ width: 110rpx;
|
|
|
+ height: 110rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #F8F8F8;
|
|
|
display: flex;
|
|
@@ -274,7 +273,7 @@
|
|
|
|
|
|
.cover-bottom {
|
|
|
position: absolute;
|
|
|
- bottom: calc(60rpx);
|
|
|
+ bottom: calc(100rpx);
|
|
|
width: 80%;
|
|
|
left: calc(9%);
|
|
|
}
|