60 lines
1.4 KiB
Vue
60 lines
1.4 KiB
Vue
<template>
|
|
<view v-if="isShow">
|
|
<!-- 微信小程序端、H5端、APP端 -->
|
|
<!-- #ifdef MP-WEIXIN || H5 || APP-PLUS -->
|
|
<button class="btn-normal" :open-type="setting.provider == 'mpwxkf' ? 'contact' : ''" :show-message-card="showCard"
|
|
:send-message-path="cardPath" :send-message-title="cardTitle" :send-message-img="cardImage" @click="handleContact()">
|
|
<slot></slot>
|
|
</button>
|
|
<!-- #endif -->
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import SettingKeyEnum from '@/common/enum/setting/Key'
|
|
import SettingModel from '@/common/model/Setting'
|
|
|
|
export default {
|
|
props: {
|
|
// 是否显示消息卡片
|
|
showCard: {
|
|
Type: Boolean,
|
|
default: false
|
|
},
|
|
// 消息卡片标题
|
|
cardTitle: {
|
|
Type: String,
|
|
default: ''
|
|
},
|
|
// 消息卡片图片
|
|
cardImage: {
|
|
Type: String,
|
|
default: ''
|
|
},
|
|
// 消息卡片点击跳转的路径
|
|
cardPath: {
|
|
Type: String,
|
|
default: ''
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
isShow: false,
|
|
setting: {}
|
|
}
|
|
},
|
|
async created() {
|
|
// 是否显示在线客服按钮
|
|
this.isShow = await SettingModel.isShowCustomerBtn()
|
|
// 商城客服设置
|
|
this.setting = await SettingModel.item(SettingKeyEnum.CUSTOMER.value, true)
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
</style> |