|
|
|
@ -3,10 +3,23 @@ |
|
|
|
<uni-nav-bar dark :fixed="true" background-color="#00aaff" :border="false" status-bar title="婚庆服务" @clickLeft="back" left-icon="left"/> |
|
|
|
<uni-section title="婚庆服务" type="line" titleFontSize="34rpx"> |
|
|
|
<uni-card :is-shadow="false"> |
|
|
|
<!-- <image style="width: 100%;" src="https://ts1.cn.mm.bing.net/th/id/R-C.b6359b70784d251138d9dc56b650274b?rik=WiMqW3Pnt%2fImmg&riu=http%3a%2f%2fwww.deepp.com%2fimages%2fcode.png&ehk=pWaMA%2fmVIw943tuInsYTSXgBj%2f3oDTqWhx9Hx3hMtRI%3d&risl=&pid=ImgRaw&r=0" mode="widthFix" :show-menu-by-longpress="true"></image> --> |
|
|
|
<view class=""> |
|
|
|
添加微信 |
|
|
|
<view class="weixin-top"> |
|
|
|
<view class="title">微信号:</view> |
|
|
|
<view @click="copy(wx.keyCentent)" class="copy icon"> |
|
|
|
<image src="@/static/weddingCelebration/copy.png" mode="widthFix"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="number">{{ wx.keyCentent }}</view> |
|
|
|
</uni-card> |
|
|
|
|
|
|
|
<uni-card :is-shadow="false"> |
|
|
|
<view class="weixin-top"> |
|
|
|
<view class="title">手机号:</view> |
|
|
|
<view @click="clickService(phone.keyCentent)" class="copy icon"> |
|
|
|
<image src="@/static/weddingCelebration/phone.png" mode="widthFix"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="number">{{ phone.keyCentent }}</view> |
|
|
|
</uni-card> |
|
|
|
</uni-section> |
|
|
|
</view> |
|
|
|
@ -17,15 +30,58 @@ |
|
|
|
name : 'weddingCelebration', |
|
|
|
data(){ |
|
|
|
return { |
|
|
|
|
|
|
|
wx : {}, |
|
|
|
phone : {}, |
|
|
|
classifyKey : [ 'wx' , 'phone' ] |
|
|
|
} |
|
|
|
}, |
|
|
|
onShow(){ |
|
|
|
this.getData() |
|
|
|
}, |
|
|
|
methods : { |
|
|
|
back(){ |
|
|
|
uni.switchTab({ |
|
|
|
url: '/pages/payment/payment' |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
//获取微信号,手机号 |
|
|
|
getWxPhoneNumber(keyValue){ |
|
|
|
this.$api('getConfig',{ keyValue }, res => { |
|
|
|
this[keyValue] = res.result |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
//获取数据 |
|
|
|
getData(){ |
|
|
|
let dataList = [ 'wx' , 'phone' ] |
|
|
|
dataList.forEach(item => { |
|
|
|
this.getWxPhoneNumber(item) |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
//复制内容 |
|
|
|
copy(content) { |
|
|
|
uni.setClipboardData({ |
|
|
|
data: content, |
|
|
|
success: () => { |
|
|
|
uni.showToast({ |
|
|
|
title: '复制成功', |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
//拨打电话 |
|
|
|
clickService(phoneNumber) { |
|
|
|
uni.makePhoneCall({ |
|
|
|
phoneNumber, |
|
|
|
success: () => {}, |
|
|
|
fail: () => {} |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -35,5 +91,18 @@ |
|
|
|
min-height: 100vh; |
|
|
|
width: 750rpx; |
|
|
|
margin: 0rpx auto; |
|
|
|
|
|
|
|
.weixin-top{ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
.title{ |
|
|
|
font-size: 34rpx; |
|
|
|
} |
|
|
|
|
|
|
|
image{ |
|
|
|
width: 45rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
