javascript ES6类扩展了UIComponent
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript ES6类扩展了UIComponent相关的知识,希望对你有一定的参考价值。
import { UIComponent, UIButton, UIImage, TextFormat, UITextField, UISplitText, TextSplitType } from 'ad-ui'
import { Clamp, Align, Ratio, Styles } from 'ad-view'
import { ObjectUtils } from 'ad-utils'
export default class Bg extends UIComponent {
constructor(arg) {
const base = {
id: 'Bg',
css: {
width: '100%',
height: '100%'
}
}
var merged = ObjectUtils.defaults(arg, base, true)
super(merged)
const T = this
T.txtGreeting = new UITextField({
id: 'txt-greeting',
target: T,
css: {
width: 200,
height: 30,
color: '#ff1414'
},
align: Align.CENTER,
fontSize: 40,
fontFamily: 'template_font',
format: TextFormat.INLINE_FIT,
bufferText: {
left: 5,
right: 5
},
leading: 1,
text: 'MOBILE ADS'
})
T.doSomthing = function() {
console.log('DO SOMETHING')
}
return T
}
}
以上是关于javascript ES6类扩展了UIComponent的主要内容,如果未能解决你的问题,请参考以下文章
JavaScript ES6 - 数组扩展
es6简单介绍
JavaScript 之 ES6 中数组做了哪些新扩展?
JavaScript学习笔记--ES6学习 数值的扩展
javascript es6 数组功能 [...data, 0] “扩展运算符”
JavaScript ES6 - 函数扩展