CocosPlugin/cc-inspector-chrome
1
0
Fork 0
mirror of https://github.com/tidys/cc-inspector-chrome synced 2025-04-21 01:18:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化图片的显示

Browse Source
This commit is contained in:
xuyanfeng 2021-06-15 20:51:19 +08:00
parent 1ef5b184d4
commit 9540b78e90
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
source/src/devtools/ui-prop.vue
View File

@ -63,8 +63,10 @@
</div> </div>
<div v-if="isImage()" class="image-property"> <div v-if="isImage()" class="image-property">
<el-popover v-if="isImage()" placement="top" trigger="hover"> <el-popover v-if="isImage()" placement="top" trigger="hover">
<!-- 会有一个undefined的错误--> <div
<el-image v-if="isImage()" style="width: 100px;height: 100px" fit="contain" :src="value.data"></el-image> style="width: 100%;height: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;">
<img :src="value.data" alt="图片" style="max-width: 100px;max-height: 100px;object-fit: contain;">
</div>
<img :src="value.data" slot="reference" style="height: 36px;" alt="图片"> <img :src="value.data" slot="reference" style="height: 36px;" alt="图片">
</el-popover> </el-popover>
<div style="flex:1;display: flex; flex-direction: row-reverse;"> <div style="flex:1;display: flex; flex-direction: row-reverse;">
@ -135,7 +137,7 @@ export default class UiProp extends Vue {
} }
isImage() { isImage() {
return this.value && (this.value.type === DataType.Array || this.value.type === DataType.Image) return this.value && (this.value.type === DataType.Image)
} }
created() { created() {