Zhanglj
2ff1064de7
这一提交完成了多项功能升级与优化： 1. 新增全局浮动客服组件，集成腾讯云TRTC聊天能力并添加错误格式化工具 2. 新增图片资源并调整部分静态文件结构 3. 优化案例页面：重构筛选逻辑、新增空状态处理、添加加载更多功能 4. 优化首页布局：修复统计数字动画、调整移动端适配样式、优化轮播逻辑 5. 重构官方内容获取工具：添加缓存机制、优化媒体资源处理 6. 优化API代理配置，移除默认本地代理并新增环境变量配置 7. 新增页面数据恢复刷新逻辑，优化页面交互体验 8. 修复按钮组件冗余代码，调整头部导航移动端样式
60 lines
908 B
Vue
60 lines
908 B
Vue
<script setup>
|
|
import {
|
|
ArrowLeft,
|
|
ArrowRight,
|
|
Bottom,
|
|
Check,
|
|
Close,
|
|
Location,
|
|
Menu,
|
|
Message,
|
|
Phone,
|
|
Picture,
|
|
Plus,
|
|
Promotion,
|
|
Search,
|
|
Service
|
|
} from '@element-plus/icons-vue'
|
|
|
|
const props = defineProps({
|
|
name: {
|
|
type: String,
|
|
default: 'arrow-right'
|
|
}
|
|
})
|
|
|
|
const icons = {
|
|
'arrow-left': ArrowLeft,
|
|
'arrow-right': ArrowRight,
|
|
bottom: Bottom,
|
|
check: Check,
|
|
close: Close,
|
|
location: Location,
|
|
menu: Menu,
|
|
message: Message,
|
|
phone: Phone,
|
|
picture: Picture,
|
|
plus: Plus,
|
|
promotion: Promotion,
|
|
search: Search,
|
|
service: Service
|
|
}
|
|
|
|
const icon = computed(() => icons[props.name] || ArrowRight)
|
|
</script>
|
|
|
|
<template>
|
|
<component :is="icon" class="app-icon" aria-hidden="true" />
|
|
</template>
|
|
|
|
<style scoped>
|
|
.app-icon {
|
|
width: 1em;
|
|
height: 1em;
|
|
display: inline-block;
|
|
flex: 0 0 auto;
|
|
overflow: visible;
|
|
vertical-align: -0.12em;
|
|
}
|
|
</style>
|