| | |
| | | <template> |
| | | <div :class="['preview-image-wrapper', wrapperClassName]"> |
| | | <Image @tap="handeClick" :mode="mode" :src="src" v-bind="$attrs" /> |
| | | <!-- <Image @tap="handeClick" :mode="mode" :src="src" v-bind="$attrs" /> --> |
| | | <div |
| | | class="preview-image-div" |
| | | :style="{ backgroundImage: `url(${src})` }" |
| | | v-bind="$attrs" |
| | | @tap="handeClick" |
| | | ></div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | () => props.src, |
| | | () => { |
| | | if (props.src) { |
| | | console.log('props.src: ', props.src); |
| | | Taro.getImageInfo({ |
| | | src: props.src, |
| | | success(result) { |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: hidden; |
| | | |
| | | .preview-image-div { |
| | | width: 100%; |
| | | height: 100%; |
| | | background-size: cover; |
| | | background-position: center; |
| | | } |
| | | } |
| | | </style> |