组件navigator
<navigator url="/pages/change/change" hover-class='navigator-hover'></navigator>
- url
指的是页面的跳转 - hover-class
点击的时候会自动增加一个class,但过了一段时间后会自动消失
组件text
<text class='iconfont icon-close' hidden="hide"></text>
- hidden
当hidden为true的时候,会因此隐藏dom节点
组件textarea bindinput,bindconfirm,bindblur
<textarea placeholder="请输入要翻译的文本" placeholder-style="color:#8995a1"
bindinput="onInput" bindconfirm="onConfirm" bindblur='onConfirm'
value="{{query}}"></textarea>
- bindinput="onInput
当键盘输入时,触发 input 事件,
当页面有内容的时候显示close符号 - bindconfirm="onConfirm"
点击完成时, 触发 confirm 事件,
当翻译区域有内容的时候可以实时翻译内容 - bindblur='onConfirm'
输入框失去焦点时触发,
点击下面的翻译区域的时候可以进行实时翻译
translate组件 es6语法
translate( q , { from = 'auto' ,to = 'auto'} = { from:'auto' , to: 'auto'})
当translate传递的参数只是传递了一个参数的时候,如translate(q),会在后面默认补充两个参数,从 from='auto' 到 to='auto'