01我们学习了环境的准备和简单的demo,现在是时候来学习简单的页面编写了,首先我们来学习一些常用的基础标签:

一、view盒子,就是类似于div的盒子,可以用来存其他元素的容器。

二、text 文本域,可长按复制,显示文本。

三、input 输入框,同HTML中的输入框。

常用属性:

四、button按钮,同同HTML中的按钮。

五、navigator 链接,相当于html的a标签。

我写的例子:

  1. view容器+test文本显示域

您好,先生!

效果:


  1. input

因为默认的input和背景融为了一体,所有自己写了class添加了边框颜色和外边距,预显示的提示文字以及居中等属性,小程序的password属性和html中的不太一样,小程序有自己的

password属性,是个布尔值,而HTML中是一种type.

效果:

  1. button

登录


默认是个灰色的按钮,这里添加了颜色样式

效果:


4.navigator,给上面的按钮套一个链接,当点击按钮的时候跳转

<navigator url='../home/home' open-type='navigate>

登录




url为跳转的目标路径,这里按钮和上面一步看起来没什么区别,但是多了跳转的功能,实际中登录可不是这样的简单,这里是为了模拟。

好了,完成上面的学习后,得到下面的结果:

点击【登录】跳转到home页面:

最新文章

  1. KeyedPriorityQueue
  2. jsonp帮助你知道你关注的他或她喜欢什么歌曲
  3. Zip文件压缩(加密||非加密||压缩指定目录||压缩目录下的单个文件||根据路径压缩||根据流压缩)
  4. linux numfmt 命令--转换数字
  5. dispay属性的block,inline,inline-block
  6. 简单的SQL Server在线查看和执行系统
  7. hdu4435 charge-station(先建后拆+bfs)
  8. (转)Ubuntu中让终端对于历史输出的内容保持足够长
  9. vim自动补全文章搜集
  10. nginx读取图片没有权限
  11. js 中 new fn与new fn()的区别
  12. blfs(systemd版本)学习笔记-编译安装配置dhcpcd
  13. An internal error has occurred. Java heap space
  14. C++常量 运算符
  15. python接口自动化测试二十五:执行所有用例,并生成HTML测试报告
  16. 链接正常但IE浏览器无法显示网页的几种情况
  17. Android--将实体类转化成Json和Map的基类
  18. Ansible组件之inventory主机清单
  19. Ethereum White Paper
  20. comet 推送消息到客户端

热门文章

  1. 微信小程序切换选中状态
  2. 100个裁判对n个选手做无并列排名问题探析
  3. 从零开始实现简单 RPC 框架 7:网络通信之自定义协议(粘包拆包、编解码)
  4. 剑指 Offer 33. 二叉搜索树的后序遍历序列
  5. C# 实现图片上传
  6. MeteoInfo-Java解析与绘图教程(四)
  7. shell循环语句while
  8. jquery实现强制刷新
  9. salesforce零基础学习(一百零七)Dynamic Action
  10. RMI源码调试