实现了一个在华为LiteWearable设备上的输入法页面,可以实现常用3500个汉字,英文数字和部分符号的输入。
两个页面pinyin和pinyincandidate添加到LiteWearable项目的pages文件夹下,在使用输入法时带参数跳转到输入法页面,在输入法页面输入完成后,点击确定将会跳转回原页面,输入的文本在参数inputWords中保存
hml文件:
<!-- index.hml -->
<div class="container" onswipe="touchMove">
<!-- 关联index.css中的#title样式代码块 -->
<text id="title"> {{ inputWords }} </text>
<input type="button" value="输入文本" class="button" onclick="JumpToPinyin"></input>
</div>
css文件:
/* index.css */
/* 类选择器,所有组件中class="container" 的组件都会使用该样式。*/
.container {
flex-direction: column;
display: flex;
justify-content: center;
align-items: center;
left: 0px;
top: 0px;
width: 454px;
height: 454px;
}
#title {
font-size: 38px;
text-align: center;
width: 454px;
height: 112px;
color: white;
}
.button{
width : 200px;
height : 60px;
margin-top : 15px;
background-color: royalblue ;
}
js文件
//index.js
import router from '@system.router'
export default {
data: {
inputWords: '无文本',
fromPageData: {
data1: "mydata1",
data2: "mydata2",
},
},
JumpToPinyin() {
router.replace({
uri: 'pages/pinyin/pinyin',
params: {
fromPage: 'pages/index/index',
fromPageData: this.fromPageData,
},
});
}
}