28 lines
1.1 KiB
Vue
28 lines
1.1 KiB
Vue
<template>
|
||
<!-- 有疑问 -->
|
||
<div class="flexcenter" style="padding: 78px 0;">
|
||
<el-popover placement="bottom" popper-class="have-questions flexcenter" :width="160" trigger="hover"
|
||
popper-style="border-radius: 14px;padding: 20px;">
|
||
<template #reference>
|
||
<div class="have-questions flexcenter">
|
||
<div class="have-questions-text flexacenter">有疑问？来找<img class="smiling"
|
||
src="@/assets/img/publicImage/smiling.png">寄托方同学！</div>
|
||
<div class="have-questions-btn flexcenter">
|
||
<img class="have-questions-icon" src="@/assets/img/publicImage/QR-code.svg" />扫码加微信
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<img class="QR-code" :src="wechat['wechatqrcode']" alt="">
|
||
</el-popover>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { toRefs } from 'vue';
|
||
import { useStore } from 'vuex';
|
||
const store = useStore();
|
||
const { wechat } = toRefs(store.state);
|
||
|
||
</script>
|
||
|
||
<style lang="less" scoped></style> |