You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.1 KiB
33 lines
1.1 KiB
<template name="im-image">
|
|
<template v-if="src && info && info.fixMode">
|
|
<image v-if="info.fixMode<=2" :src="src" class="radius" :mode="info.fixMode==1 ? 'widthFix' : 'heightFix' " :style="info.fixMode==1 ? 'width:200px' : 'height:240px'" @tap="showImgs" :data-img="src" ></image>
|
|
<image v-if="info.fixMode==3" :src="src" class="radius" mode="scaleToFill" :style="[{width:info.width+'px',height:info.height+'px'}]" @tap="showImgs" :data-img="src" ></image>
|
|
</template>
|
|
<template v-else-if="!src && info && info.width">
|
|
<image :src="src" class="radius" mode="scaleToFill" :style="$util.imageCoverStyle(info.width,info.height)" @tap="showImgs" :data-img="src" ></image>
|
|
</template>
|
|
<template v-else>
|
|
<image :src="src" style="width:200px" class="radius" mode="widthFix" @tap="showImgs" :data-img="src" ></image>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name : "im-image",
|
|
props : {
|
|
info:{type:Object, default:function(){return {};}},
|
|
src:{type:String, default:''},
|
|
},
|
|
emits:['showImgs'],
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
created : function(){
|
|
},
|
|
methods:{
|
|
showImgs(e){
|
|
this.$emit('showImgs',e);
|
|
},
|
|
}
|
|
}
|
|
</script>
|