123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <template>
- <view class="TUI-ImageMessage" @tap="previewImage">
- <image :class="'image-message ' + (isMine ? 'my-image' : '')" mode="widthFix" :src="renderDom[0].src"></image>
- </view>
- </template>
- <script>
- import { parseImage } from '../../../base/message-facade';
- export default {
- data() {
- return {
- renderDom: [],
- percent: 0
- };
- },
- components: {},
- props: {
- message: {
- type: Object,
- default: ''
- },
- isMine: {
- type: Boolean,
- default: true
- }
- },
- watch: {
- message: {
- handler: function(newVal) {
- this.setData({
- renderDom: parseImage(newVal),
- percent: newVal.percent
- });
- },
- immediate: true,
- deep: true
- }
- },
- methods: {
- previewImage() {
- uni.previewImage({
- current: this.renderDom[0].src,
- // 当前显示图片的http链接
- urls: [this.renderDom[0].src]
- });
- }
- }
- };
- </script>
- <style>
- @import './index.css';
- </style>
|