@mpaas-test-component/cust-components-mpaas
Version:
53 lines (46 loc) • 1.19 kB
JavaScript
// <action-icon type="" color="#ff5900" width="200" height="200" onTap="onTap" iconImage="https://cdn-icons-png.flaticon.com/512/5899/5899792.png" url=">>> URL <<<"></action-icon>
Component({
mixins: [],
data: {
handleIcon : "",
classContainer: "",
width: "",
height: "",
color: ""
},
props: {},
didMount() {
// console.log(this.props, ">>>>>ALL PROPS<<<<<");
this.handleIcon()
this.classContainer()
},
didUpdate() {},
didUnmount() {},
methods: {
handleIcon() {
let iconImage = ""
let isImageUrl = ""
if(this.props.iconImage){
iconImage = this.props.iconImage;
isImageUrl = iconImage.indexOf("http://") == 0 || iconImage.indexOf("https://") == 0
}
if (isImageUrl) {
this.setData({
handleIcon: iconImage
});
} else {
this.setData({
handleIcon: iconImage
});
}
},
classContainer(){
const { width, height, color } = this.props;
this.setData({
width: width || 200,
height: height || 200,
color: color
});
}
},
});