| | |
| | | <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> |
| | | |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: hidden; |
| | | |
| | | .preview-image-div { |
| | | width: 100%; |
| | | height: 100%; |
| | | background-size: cover; |
| | | background-position: center; |
| | | } |
| | | } |
| | | </style> |