fix: 修复图片布局溢出问题并优化样式

- 修改CSS以解决图片容器溢出问题
- 使用flex布局优化图片排列
- 更新静态资源路径为动态变量
- 隐藏示例项目并启用动态列表渲染

component/hot-tag/hot-tag.js

@@ -29,5 +29,5 @@ export const hotTag = defineComponent({
 
     components: {},
 
-    template: `<div class="hot-tag" v-if="list.length > 0">    <div class="hot-tag-title">        <img class="icon" src="/img/triangle-orange.svg" />        热门标签    </div>    <div class="list flexflex">        <a class="item" v-for="item in list" :href="'/tag/' + item.tagname" target="_blank">{{ item.tagname }}</a>    </div></div>`,
+    template: `<div class="hot-tag" v-if="list.length > 0">    <div class="hot-tag-title">        <img class="icon" :src="valueUrl + '/img/triangle-orange.svg'" />        热门标签    </div>    <div class="list flexflex">        <a class="item" v-for="item in list" :href="'/tag/' + item.tagname" target="_blank">{{ item.tagname }}</a>    </div></div>`,
 });