53 lines
899 B
TypeScript
Executable File
53 lines
899 B
TypeScript
Executable File
import { defineComponent, ref, onMounted } from 'vue'
|
|
import { tools } from '@store/Modules/tools'
|
|
|
|
export default defineComponent({
|
|
name: 'CMyImg',
|
|
props: {
|
|
src: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
alt: {
|
|
type: String,
|
|
required: true,
|
|
default: '',
|
|
},
|
|
width: {
|
|
type: String,
|
|
required: true,
|
|
default: '',
|
|
},
|
|
},
|
|
components: {},
|
|
setup(props) {
|
|
const mystyle = ref('')
|
|
|
|
function mounted() {
|
|
console.log('mounted')
|
|
console.log(props.src)
|
|
|
|
if (props.width)
|
|
mystyle.value = 'max-width: ' + props.width + 'px; '
|
|
else
|
|
mystyle.value = ''
|
|
}
|
|
|
|
function getalt() {
|
|
if (props.alt) {
|
|
return props.alt
|
|
} else {
|
|
return tools.getimgFullpathbysize(props.src)
|
|
}
|
|
}
|
|
|
|
onMounted(mounted)
|
|
|
|
return {
|
|
mystyle,
|
|
getalt,
|
|
}
|
|
}
|
|
})
|
|
|