鸿蒙最终考核
pen有两个两个链接页面实现他们之间的跳转,利用button的onclick
子页面
输入框 事件 日期 时间 选择框基础用法 是否重要 是否提示 搜索
css
.containe { width: 100%; flex-direction: column; padding: 0 0 5% 0; background-color: #F7F8FA;}.title { color: #6D7278; font-size: 13px; font-family: HarmonyHeiTi; margin: 30px 0 10px 14px;}.color { margin: 0 4% 0 4% ; width: 92%; border-bottom: 1px solid rgba(0,0,0,0.1);}.title,.input-title,.message-title,.length-title { width: 32%;}.input-item { width: 100%;}.input-title { color: #121317; font-family: HarmonyHeiTi;}.input { width: 70%;}.message-input { width: 45%;}.message-button { width: 31%; height: 30px; border-radius: 5px; margin-top: 5px;}.checkbox-div,.radio-div { padding: 0 38px 0 2px;}.search-item { border-radius: 25px; margin:6px 4% 6px 4%;}.search { width: 80%; height: 33px;}.button { width: 88px; height: 27px; margin: 4px 4px 4px 0;}.search,.message-input,.input,.input-title { font-size: 15px;}.input-item,.input,.message-input { background-color: white;}.input,.message-input,.search { placeholder-color: rgba(0,0,0,0.1);}.message-button,.button { background-color: #317AFF; font-size: 11px;}.search,.search-item { background-color: #F1F3F5;}
js
export default { checkboxOnChange(e) { console.info('checkboxOnChange') }, onRadioChange(inputValue, e) { console.info('onRadioChange') }, change(e){ console.info('onRadioChange') },}