cuiyouliang/plus-ui
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

图片调整

Browse Source
This commit is contained in:
BabyBoy 2025-09-19 14:35:39 +08:00
parent 9dc1d74c9b
commit a8a5b22829
5 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/OssImageUpload/index.vue
View File

@ -33,7 +33,7 @@
的文件
</div>
<el-dialog v-model:visible="dialogVisible" title="预览" width="800" append-to-body>
<el-dialog v-model="dialogVisible" title="预览" width="800" append-to-body>
<img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto" />
</el-dialog>
</div>

9
src/views/contentManage/video/index.vue
View File

@ -71,7 +71,14 @@
<el-table-column label="点赞数量" prop="likeCounts" align="center" width="100" />
<el-table-column label="封面图片" align="center" width="200">
<template #default="{ row }">
<img alt="封面图片" style="max-width: 20%; max-height: 20%" :src="row.firstFrameImg" />
<el-image
v-if="row.firstFrameImg"
:src="row.firstFrameImg"
fit="cover"
:preview-teleported="true"
:preview-src-list="[row.firstFrameImg]"
:style="{ width: '50px', height: '50px' }"
/>
</template>
</el-table-column>
<el-table-column label="时间" align="center" prop="createTime" width="180" />

4
src/views/darrenorder/index.vue
View File

@ -28,8 +28,8 @@
<el-card shadow="hover">
<el-table v-loading="loading" border :data="tenantList">
<el-table-column type="selection" width="55" align="center" />
<el-table-column v-if="false" label="id" align="center" prop="id" />
<!-- <el-table-column type="selection" width="55" align="center" />
<el-table-column v-if="false" label="id" align="center" prop="id" /> -->
<el-table-column label="团长姓名" align="center" prop="spreadUserName" />
<el-table-column label="用户手机号" align="center" prop="phoneHidden" />
<el-table-column label="订单号" align="center" prop="orderSn" />

14
src/views/pms/product/AddProduct.vue
View File

@ -83,7 +83,7 @@
</div>
</template>
<el-form-item label="主图" prop="pic">
<oss-image-upload v-model="form.pic" :limit="1"></oss-image-upload>
<oss-image-upload v-model="form.pic" :limit="1" class="img-upload-mini"></oss-image-upload>
</el-form-item>
<el-form-item label="轮播图" prop="albumPics">
<oss-image-upload v-model="albumPics" :limit="5" class="img-upload-mini"></oss-image-upload>
@ -582,15 +582,15 @@ export default {
display flex
align-items center
.img-upload-mini .el-upload--picture-card
width: 48px;
height: 48px;
width: 108px;
height: 108px;
line-height: 57px;
.hide .el-upload-list--picture-card .el-upload-list__item
width: 80px;
height: 80px;
width: 108px;
height: 108px;
margin-bottom: 0;
margin-right: 8px;
.el-upload-list--picture-card .el-upload-list__item
width: 80px;
height:80px;
width: 108px;
height:108px;
</style>

2
src/views/pms/product/index.vue
View File

@ -63,7 +63,7 @@
<el-table-column label="商品分类" prop="productCategoryName" align="center"> </el-table-column>
<el-table-column label="商品封面图" prop="pic" width="100" align="center">
<template v-slot="scope">
<el-image v-if="scope.row.pic" :src="scope.row.pic" class="small-img" />
<el-image v-if="scope.row.pic" :src="scope.row.pic" class="small-img" :preview-teleported="true" :preview-src-list="[scope.row.pic]" />
</template>
</el-table-column>
<el-table-column label="商品轮播图" prop="albumPics" width="100" align="center">