页面路径配置与常用组件

页面路径配置

• 配置路径
  在开发一个功能完整的小程序时往往要用到多个页面，在微信小程序中页面的引入需要在app.json文件中编写

"pages": [
    "pages/index/index",
    "pages/logs/logs"
  ]

1. 其中pages为页面目录
2. 第一个index表示页面文件夹
3. 第二个index表示index文件(wxml, wxss, js, json)

• 增加页面

1. 法一

   1. 直接在pages页面新建一个文件夹name
   2. 在name文件夹中邮件右键，选择新建page，再输入新建文件的文件名即可(新建的文件可以和name文件夹不同名字)

   注意：用法一增加新文件夹需要自己在app.json文件中手动添加路径

2. 法二

   1. 直接在app.json添加路径(文件夹名和文件名同样可以不一样)

   推荐使用法二，更简洁

常用组件

• 微信小程序中的组件对于HTML中的标签，两者差别不大

微信小程序                        HTML

<view></view>          等价于     <div></div>
<text></text>          等价于     <span></span>
<image/>               等价于     <img/>
<button></button>      等价于     <button></button>
<form></form>          等价于     <form></form>
<audio></audio>        等价于     <audio></audio> 
<video/>               等价于     <video></video>
<checkbox></checkbox>  等价于     <checkbox></checkbox>
<check></check>        等价于     <check></check>
<input></input>        等价于     <check></check>
<radio></radio>        等价于     <radio></radio>

注意：此处只是简单对比下，代码中的属性都没有加上