You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.8 KiB
53 lines
1.8 KiB
<template>
|
|
<div class="footer-bar" style="max-width: 750px">
|
|
<div class="footer-item footerBtn" v-show="footer_btn_type === 'footerBtn'">
|
|
<footer-bar-btn @onFooterBtnChoose="handleFooterBtnChoose" v-if="tokenExist && showQiPao"></footer-bar-btn>
|
|
</div>
|
|
<div class="footer-item footer-tips" v-if="manualService == 2">
|
|
<van-notice-bar mode="closeable" :scrollable="true" class="custom-notice-bar">
|
|
<template #left-icon>
|
|
<img class="notice-speaker" src="@/assets/images/noticeSpeaker.png" alt="" />
|
|
</template>
|
|
咨询中离开页面超过<span class="danger-text">3分钟</span>，可能会导致会话断开哦~若仍需咨询，可再次进入洋洋客服。
|
|
</van-notice-bar>
|
|
</div>
|
|
<div class="footer-item footerInput" v-show="footer_input_type === 'footerInput'">
|
|
<footer-bar-input ref="barInputCompontent"></footer-bar-input>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, inject, onMounted } from 'vue'
|
|
import footerBarBtn from '@/components/footer-bar-btn.vue'
|
|
import footerBarInput from '@/components/footer-bar-input.vue'
|
|
|
|
const props = defineProps({
|
|
tokenExist: { type: Boolean, default: false },
|
|
})
|
|
|
|
const source = inject('source', ref(''))
|
|
const manualService = inject('manualService', ref('1'))
|
|
const elder = inject('elder', false)
|
|
|
|
const footer_btn_type = ref('footerBtn')
|
|
const footer_input_type = ref('footerInput')
|
|
const showQiPao = ref(true)
|
|
|
|
onMounted(() => {
|
|
const src = source.value || source
|
|
if ((src === '95290000' || src === '95460000' || src === '95830000') && elder) {
|
|
showQiPao.value = false
|
|
}
|
|
})
|
|
|
|
function handleFooterBtnChoose(item) { }
|
|
|
|
function offEmoticonsPictures() {
|
|
// 需要在父组件中通过 ref 调用
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
/* ... 样式保持不变 ... */
|
|
</style> |