code-image-backup-public/fastbee
1
0
Fork 0
mirror of https://gitee.com/beecue/fastbee.git synced 2025-12-17 08:25:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

图片显示优化

Browse Source
This commit is contained in:
kerwincui
2022-06-15 20:30:17 +08:00
parent 82d3f73eeb
commit f7b6883dff
4 changed files with 35 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
vue/public/index.html
View File

@@ -196,6 +196,10 @@
color: #FFF;
opacity: 0.5;
}
img {
max-width: 100%;
}
</style>
</head>
<body>

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

@@ -333,7 +333,7 @@
<el-tag size="mini" effect="dark" v-else>信息</el-tag>
<span style="margin-left:20px;">{{notice.createTime}}</span>
</div>
<div v-loading="loading" style="line-height:24px;padding:10px;border:1px solid #eee;border-radius:10px;">
<div v-loading="loading" class="content">
<div v-html="notice.noticeContent"></div>
</div>
<div slot="footer" class="dialog-footer">
@@ -965,6 +965,13 @@ export default {
</script>
<style lang="scss" scoped>
.content {
line-height: 24px;
padding: 10px;
border: 1px solid #eee;
border-radius: 10px;
}
.description {
font-size: 14px;

17
vue/src/views/iot/news/index.vue
View File

@@ -49,7 +49,7 @@
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="图片" align="center" prop="imgUrl" width="140px;">
<template slot-scope="scope">
<el-image style="border-radius:5px;height:60px;width:120px;margin-bottom:-5px;" lazy :preview-src-list="[baseUrl+scope.row.imgUrl]" :src="baseUrl+scope.row.imgUrl" fit="cover"></el-image>
<el-image style="border-radius:5px;height:80px;width:120px;margin-bottom:-5px;" lazy :preview-src-list="[baseUrl+scope.row.imgUrl]" :src="baseUrl+scope.row.imgUrl" fit="cover"></el-image>
</template>
</el-table-column>
<el-table-column label="标题" align="center" prop="title" />
@@ -152,7 +152,7 @@
<el-tag size="mini" effect="dark" type="success">{{form.categoryName}}</el-tag>
<span style="margin-left:20px;">{{form.createTime}}</span>
</div>
<div v-loading="loadingDetail" style="line-height:24px;padding:10px;border:1px solid #eee;border-radius:10px;">
<div v-loading="loadingDetail" class="content">
<div v-html="form.content"></div>
</div>
<div slot="footer" class="dialog-footer">
@@ -385,11 +385,11 @@ export default {
}
},
// 打开信息详情
openDetailDialog(newsId ) {
openDetailDialog(newsId) {
this.openDetail = true;
this.loadingDetail = true;
getNews(newsId).then(response => {
this.form = response.data;
this.form = response.data;
this.openDetail = true;
this.loadingDetail = false;
});
@@ -403,3 +403,12 @@ export default {
}
};
</script>
<style lang="scss" scoped>
.content {
line-height: 24px;
padding: 10px;
border: 1px solid #eee;
border-radius: 10px;
}
</style>

11
vue/src/views/system/notice/index.vue
View File

@@ -105,7 +105,7 @@
<el-tag size="mini" effect="dark" v-else>信息</el-tag>
<span style="margin-left:20px;">{{form.createTime}}</span>
</div>
<div v-loading="loadingDetail" style="line-height:24px;padding:10px;border:1px solid #eee;border-radius:10px;">
<div v-loading="loadingDetail" class="content">
<div v-html="form.noticeContent"></div>
</div>
<div slot="footer" class="dialog-footer">
@@ -294,3 +294,12 @@ export default {
}
};
</script>
<style lang="scss" scoped>
.content {
line-height: 24px;
padding: 10px;
border: 1px solid #eee;
border-radius: 10px;
}
</style>