wo123/shengqingqixie-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(user): 调整PDF图片的样式以居中显示

Browse Source 
在user_add.vue、user_edit.vue和register/index.vue文件中，统一调整PDF图片的样式，使其在页面中居中显示。通过添加`position: absolute`和`margin: 0 auto`等CSS属性，确保图片在容器中水平和垂直居中。
This commit is contained in:
王创世 2025-05-21 16:21:12 +08:00
parent 861f231515
commit 517eb7a24e
3 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/register/index.vue
View File

@ -683,7 +683,7 @@
<div style="color: #ffffff;font-size: 14px;">删除文件</div>
</div> -->
</div>
<img src="@/assets/Pdf.png" v-if="getExt(item) == 'pdf'" style="width:100px;height: 100px;"/>
<img src="@/assets/Pdf.png" v-if="getExt(item) == 'pdf'" style="width:100px;height: 100px;position: absolute;margin: 0 auto;left: 0;right: 0;top: 26%;"/>
<img v-if="getExt(item) != 'pdf'" :src="$store.state.user.apiUrl + item"
style="width: 100%; height: 100%;object-fit: cover;" />
</div>

2
src/pages/user/user_add.vue
View File

@ -668,7 +668,7 @@
<div style="color: #ffffff;font-size: 14px;">删除文件</div>
</div>
</div>
<img src="@/assets/Pdf.png" v-if="getExt(item) == 'pdf'" style="width:100px;height: 100px;"/>
<img src="@/assets/Pdf.png" v-if="getExt(item) == 'pdf'" style="width:100px;height: 100px;position: absolute;margin: 0 auto;left: 0;right: 0;top: 26%;"/>
<img v-if="getExt(item) != 'pdf'" :src="$store.state.user.apiUrl + item"
style="width: 100%; height: 100%;object-fit: cover;border-radius: 5px" />

3
src/pages/user/user_edit.vue
View File

@ -667,8 +667,7 @@
<div style="color: #ffffff;font-size: 14px;">删除文件</div>
</div>
</div>
<img v-if="getExt(item) == 'pdf'" src="@/assets/Pdf.png" style="width:100px;height: 100px;" />
<img src="@/assets/Pdf.png" v-if="getExt(item) == 'pdf'" style="width:100px;height: 100px;position: absolute;margin: 0 auto;left: 0;right: 0;top: 26%;"/>
<img v-if="getExt(item) != 'pdf'" :src="$store.state.user.apiUrl + item"
style="width: 100%; height: 100%;object-fit: cover;" />
</div>