- view

view是最常用也是最簡單的的檢視視窗元件，相當於HTML頁面同的

新增後按ctrl+s，微信開發工具會自動生成頁面。

2、編寫view.wxml頁面

<!--pages/view/view.wxml-->
<view class="bgView">
  1
</view>

<view class="bgView">
  2
</view>

上述程式碼中用到了bgView這個css樣式，可在view.wxss中新增

/* pages/view/view.wxss */
 

.bgView{
  padding: 40px;
  height: 10px;
  width: 10px;
  margin-top: 20px;
  margin-left: 50px;
  background: blue
}

3、寫好後儲存，然後切換index.wxml中添加個跳轉按鈕過來就可以了。

4、新增按鈕後，還需要在index.js中編寫跳轉程式碼。

view效果：

- scroll-view
scroll-view 用於滾動檢視，scroll-view有橫向滾動和豎向滾動之分。使用豎向滾動時，需要給一個固定的高度，通過WXSS設定height。
scroll-view屬性及說明如下圖：

在view中加入scroll-view滾動。

<scroll-view scroll-y="true" style="heigth:200px;"
 bindscrolltoupper="upper"
  bindscrolltolower="lower"
   bindscroll="scroll"
   scroll-into-view="red"
     scroll-top="50">
  <view class="bgViewBlue" id="blue">
    1
  </view>

  <view class="bgViewRed"
 
 id="red">
    2
  </view>

  <view class="bgViewYellow" id="yellow">
    3
  </view>

  <view class="bgViewYellow" id="yellow">
    3
  </view>

  <view class="bgViewYellow" id="yellow">
    3
  </view>

  <view class="bgViewYellow" id="yellow">
    3
  </view>

  <view class="bgViewYellow" id="yellow">
    3
  </view>
</scroll-view>

效果圖：