微信小程式元件使用手冊地址：

1. 百度搜索“微信公眾平臺”，掃碼登入之後，點選幫助文件裡面的普通小程式。

2. 接著選擇“開發”--》“元件”

3. 左側可以根據需要查詢自己需要使用的控制元件

那麼接下來就寫一個簡單的註冊頁面。

1. New Folder(reg) --> New Page(reg)

2. 修改reg.wxml檔案

<!--miniprogram/pages/reg/reg.wxml-->
<view class="fnt-weight">註冊資訊填寫</view>

<view> 
<icon type="info"></icon>
<text> 使用者名稱：</text>
</view>
<input placeholder="請輸入"></input>

<view>
<icon type="info"></icon>
<text> 密碼：</text>
</view>

<input password placeholder="請輸入密碼"></input>
<button type="primary">提交</button>
<button type="warn">重填</button>

註冊資訊填寫的樣式在reg.wxss檔案中

/* miniprogram/pages/reg/reg.wxss */
.fnt-weight{
  font-weight:bold;
}

可以看到只是加粗了字型。

效果圖：

標題還是“我的微信”，如果想讓標題變成當前頁面的標題，那麼需要修改reg.json，否則會使用app.json中的標題

{
  "usingComponents": {},
  "navigationBarTitleText": "使用者註冊"
}

效果圖:

這就是一個簡單的註冊頁面了，只用了幾個基本的元件：icon, button, text, input。可以在元件手冊中學習更多功能哦。