> 文档中心 > 鸿蒙最终考核

鸿蒙最终考核

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')    },}

神唱ktv下载