单击【确定】按钮
清空页面结构
初始化页面样式
配置窗口表现
(二)实现页面结构 在pages/index/index.wxml文件里实现页面结构
(三)实现页面样式 为了页面好看,编写页面样式文件pages/index/index.wxss
/**index.wxss**/ page { height: 100vh; display: flex; flex-direction: column; padding: 20rpx; } .input { height: 6vh; width: 100%; padding: 3vw; display: flex; } .input > input { background-color: antiquewhite; width: 45vw; border: 1px solid #aaa } .btn { background-color: #1AAD19; color: white; font-size: 15px; } .result { margin-top: 2vh; padding: 3vw; } (四)获取并保存用户输入的数字 (五)判断数字大小并显示结果