zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(shared-work): update page ui and navigation

Browse Source 
add dynamic template name to top nav bar
set top nav background to white
adjust media container styles and image display mode
remove redundant is-video CSS class and gradient backgrounds
update action button to pill shape with white text
remove scroll-y prop from scroll container
fix scroll container layout and padding
This commit is contained in:
duanshuwen
2026-07-16 21:09:22 +08:00
parent 99151bca58
commit 487caf9dbe
2 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages-aigc/sharedWork/sharedWork.vue
View File

@@ -1,15 +1,16 @@
<template>
<view class="shared-work-page">
<view class="shared-work-nav">
<TopNavBar title="旅行作品" background="transparent" title-color="#173a5f" back-icon-color="#173a5f"
:align-with-menu-button="true" :z-index="3" @back="handleBack" />
<TopNavBar :title="shareDetail.templateName || '旅行作品'" background="#fff" title-color="#173a5f"
back-icon-color="#173a5f" :align-with-menu-button="true" :z-index="3" @back="handleBack" />
</view>
<view class="shared-work-scroll" scroll-y>
<view class="shared-work-scroll">
<template v-if="shareDetail">
<video v-if="isVideo" class="shared-work-media is-video" :src="shareDetail.videoUrl"
:poster="shareDetail.imageUrl" controls object-fit="cover" />
<image v-else-if="shareDetail.imageUrl" class="shared-work-media" :src="shareDetail.imageUrl" mode="widthFix" />
<image v-else-if="shareDetail.imageUrl" class="shared-work-media" :src="shareDetail.imageUrl"
mode="aspectFill" />
<view class="shared-work-meta">
<text class="shared-work-title">{{ shareDetail.templateName || "旅行作品" }}</text>