tcjlj/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2025-02-08 21:38:13 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨ Feature: add file-name in tray-page

Browse Source 
ISSUES CLOSED: #1054
This commit is contained in:
PiEgg 2023-01-02 14:27:44 +08:00
parent fc897cea04
commit c011654a57
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/renderer/pages/TrayPage.vue
View File

@ -18,6 +18,7 @@
<div v-for="item in files" :key="item.imgUrl" class="img-list"> <div v-for="item in files" :key="item.imgUrl" class="img-list">
<div class="upload-img__container" @click="copyTheLink(item)"> <div class="upload-img__container" @click="copyTheLink(item)">
<img v-lazy="item.imgUrl" class="upload-img"> <img v-lazy="item.imgUrl" class="upload-img">
<div class="upload-img__title" :title="item.fileName">{{ item.fileName }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -167,7 +168,7 @@ body::-webkit-scrollbar
top 20px top 20px
width 100% width 100%
.img-list .img-list
padding 8px 8px padding 4px 8px
display flex display flex
justify-content space-between justify-content space-between
align-items center align-items center
@ -184,8 +185,16 @@ body::-webkit-scrollbar
margin 0 auto margin 0 auto
&__container &__container
width 100% width 100%
padding 8px 10px padding 8px 8px 4px
height 100% height 100%
&.upload &.upload
cursor not-allowed cursor not-allowed
&__title
text-align center
overflow hidden
text-overflow ellipsis
white-space nowrap
color #ddd
font-size 14px
margin-top 4px
</style> </style>