update
This commit is contained in:
@@ -26,7 +26,7 @@ const getStatus = () => Promise.resolve({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
name: '已回复',
|
name: '已完成',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
|
import XImage from "../../components/XImage/Index.vue";
|
||||||
import {ref} from "vue";
|
import {ref} from "vue";
|
||||||
|
|
||||||
const {list, size, preview} = defineProps({
|
const {list, size, preview} = defineProps({
|
||||||
@@ -20,7 +21,7 @@ const previewVisible = ref(false);
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="x-image-small-list">
|
<div class="x-image-small-list">
|
||||||
<a-image :width="size" :height="size" :src="list[0]" v-bind="$attrs"></a-image>
|
<x-image :width="size" :height="size" :src="list[0]" v-bind="$attrs"></x-image>
|
||||||
<div class="x-image-small-list-mask cursor-pointer" v-if="list.length > 1"
|
<div class="x-image-small-list-mask cursor-pointer" v-if="list.length > 1"
|
||||||
@click="preview?previewVisible=true:null">
|
@click="preview?previewVisible=true:null">
|
||||||
+{{ list.length - 1 }}
|
+{{ list.length - 1 }}
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
|
import XImage from "../../../components/XImage/Index.vue";
|
||||||
import {onMounted, reactive, ref} from "vue";
|
import {onMounted, reactive, ref} from "vue";
|
||||||
import Api from "../../../api/index.js";
|
import Api from "../../../api/index.js";
|
||||||
|
|
||||||
@@ -58,13 +59,13 @@ defineExpose({
|
|||||||
:class="['checkbox-image', selectList.find(k => k.id===v.id)?'select':'']"
|
:class="['checkbox-image', selectList.find(k => k.id===v.id)?'select':'']"
|
||||||
v-for="v in list"
|
v-for="v in list"
|
||||||
:key="v.id">
|
:key="v.id">
|
||||||
<a-image
|
<x-image
|
||||||
:preview="false"
|
:preview="false"
|
||||||
fit="contain"
|
fit="contain"
|
||||||
:src="v.image"
|
:src="v.image"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%">
|
height="100%">
|
||||||
</a-image>
|
</x-image>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user