yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

案例详情支持视频

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-22 20:58:08 +08:00
parent bf85c50d7c
commit 014d04337f
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Aboutus.vue
View File

@ -50,7 +50,7 @@ const { breakpoint } = useBootstrapBreakpoint();
<div class="normalcontentdiv" id="hxtdblk">
<span class="normalcontenttitle" style="color: white;">团队宣言</span>
<span class="normalcontenttext" style="color: white;">
我们的团队成员来自各大互联网企业、科技企业以及广告、设计传播行业，每位成员都具备多年跨领域的设计与专业制作经验，部分核心团队成员从业10-15年以上。我们坚信，设计是一门综合的艺术，是科学与艺术和商业的完美结合。体验不止于视觉呈现，更是传递情感与创造价值的方式于媒介。
我们的团队成员来自各大互联网企业、科技企业以及广告、设计传播行业，每位成员都具备多年跨领域的设计与专业制作经验，部分核心团队成员从业10-15年以上。我们坚信，设计是一门综合的艺术，是科学与艺术和商业的完美结合。体验不止于视觉呈现，更是传递情感与创造价值的方式与媒介。
<br/><br/>
从用户体验全流程出发，我们注重每一个细节，力求通过设计打破人与产品之间的壁垒，构建自然、流畅且富有情感的交互体验。凭借多元化的能力和丰富的经验，我们能够从不同视角剖析问题，为客户提供定制化且极具前瞻性的体验设计方案，助力产品在市场中脱颖而出，实现商业价值与用户体验的双赢。
<br/><br/>

12
src/components/ExampleItem.vue
View File

@ -119,7 +119,12 @@ export default {
<div v-for="(item, index) in psginfo.images" :key="index"
class="imglistitem"
style="width: 100%; height: auto;">
<img :src="`https://cms.yangprivate.site${item.url}`" alt="" />
<img :src="`https://cms.yangprivate.site${item.url}`" v-if="item.mime.startsWith('image',0)" alt="" />
<video v-else-if="item.mime.startsWith('video',0)" controls="controls">
<source :src="`https://cms.yangprivate.site${item.url}`" type="video/mp4">
<source :src="`https://cms.yangprivate.site${item.url}`" type="video/ogg">
<source :src="`https://cms.yangprivate.site${item.url}`" type="video/webm">
</video>
</div>
</div>
</div>
@ -256,4 +261,9 @@ export default {
height: auto;
display: block;
}
.imglistitem video{
width: 100%;
height: auto;
display: block;
}
</style>