Browse Source

fix(CompanyModule): 使用v-html渲染位置描述以支持富文本

修复位置描述显示问题,原本直接输出文本现在使用v-html指令渲染,允许描述中包含HTML格式内容
前端-胡立永 1 week ago
parent
commit
db4820e9e8
1 changed files with 1 additions and 1 deletions
  1. +1
    -1
      src/components/about/CompanyModule.vue

+ 1
- 1
src/components/about/CompanyModule.vue View File

@ -148,7 +148,7 @@ onMounted(() => {
<!-- 悬停时的详细信息 --> <!-- 悬停时的详细信息 -->
<div class="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"> <div class="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none">
<div class="bg-black/80 backdrop-blur-sm rounded-lg p-3 text-white text-xs whitespace-nowrap"> <div class="bg-black/80 backdrop-blur-sm rounded-lg p-3 text-white text-xs whitespace-nowrap">
<div class="font-bold">{{ location.title }}, {{ location.description }}</div>
<div class="font-bold">{{ location.title }}, <div v-html="location.description"></div></div>
</div> </div>
<div class="w-2 h-2 bg-black/80 transform rotate-45 mx-auto -mt-1"></div> <div class="w-2 h-2 bg-black/80 transform rotate-45 mx-auto -mt-1"></div>
</div> </div>


Loading…
Cancel
Save