| | |
|---|
| | | <template> |
|---|
| | | <a-modal title="预览" :visible="visible" width="50%" :footer="null" @cancel="visible=false"> |
|---|
| | | <template v-for="(item,index) in imageListUrl.split(',')"> |
|---|
| | | <template v-for="(item,index) in imageUrlArr"> |
|---|
| | | <img :src="getImageItemUrl(item)" width="100%;"/> |
|---|
| | | |
|---|
| | | <a-divider v-if="index+1<imageListUrl.split(',').length" style="margin:20px 0;background-color: #000"></a-divider> |
|---|
| | | <a-divider v-if="index+1<imageUrlArr.length" style="margin:20px 0;background-color: #000"></a-divider> |
|---|
| | | </template> |
|---|
| | | </a-modal> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | visible: false |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | imageUrlArr() { |
|---|
| | | return JSON.parse(this.imageListUrl).map(item => item.filePath) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getImageItemUrl(imageItemSrcSuffix) { |
|---|
| | | return `${window._CONFIG['domianURL']}/${imageItemSrcSuffix}` |
|---|
