refactor(components): 将客户联系二维码模态框抽离为独立组件
- 从 product.vue 中移除模态框代码 - 新建 customer-service-modal.vue 组件 - 在 product.vue 中引入并使用新的 CustomerServiceModal 组件
This commit is contained in:
15
src/components/customer-service-modal.vue
Normal file
15
src/components/customer-service-modal.vue
Normal file
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<a-modal v-bind="$attrs" >
|
||||
<template #title>
|
||||
扫描下面二维码联系客户
|
||||
</template>
|
||||
<div class="text-center">
|
||||
<img width="200" src="@/assets/customer-service.svg" alt="" />
|
||||
</div>
|
||||
</a-modal>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
<style lang="less">
|
||||
</style>
|
||||
Reference in New Issue
Block a user