scout666/liveh5-nuxt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(app): 优化图片预览弹窗样式

Browse Source 
- 调整图片预览弹窗的背景色和最大宽度
- 修复 ItemList 组件中的 Lot 号码显示问题
This commit is contained in:
xingyy 2025-03-07 09:23:18 +08:00
parent ae87146c5f
commit f673fbed7f
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/app.vue
View File

@ -56,6 +56,10 @@ provide('slideDirection', slideDirection)
</template> </template>
<style> <style>
.van-popup.van-popup--center.van-image-preview{
background-color: transparent!important;
max-width: 100%!important;
}
:root:root { :root:root {
--van-dialog-radius: 8px --van-dialog-radius: 8px
} }

2
app/pages/home/components/ItemList/index.vue
View File

@ -93,7 +93,7 @@ function formatNumber(num) {
:src="item.artwork?.hdPic" :src="item.artwork?.hdPic"
class="w-full object-cover rounded-4px" class="w-full object-cover rounded-4px"
/> />
<div <div
class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]" class="absolute rounded-2px overflow-hidden line-height-12px left-[8px] top-[8px] h-[17px] w-[60px] flex items-center justify-center bg-[#2b53ac] text-[12px] text-[#fff]"
> >
Lot{{ formatNumber(item.index) }} Lot{{ formatNumber(item.index) }}