微信小程序初體驗

最近參與到一個小程序的項目中，做最簡單的寫寫頁面啥的。
這次寫的兩個頁面：


看頁面就只知道實現起來其實並不難，但是這兩個頁面做起來還是涉及到一些比較陌生的地方。

頁面跳轉並傳遞數據

頁面1點擊某一項後會跳轉到頁面2。頁面2要在title顯示頁面1點擊的標題。這裏涉及到了數據傳遞。
小程序裏的數據傳遞跟get請求類似，就是將參數寫入url中。所以我們只需要在點擊時將點擊的內容作爲參數傳遞過去即可。

<navigator url="./module_activity?title={{item}}" class="module_item_content">
    <text class="moduleName">{{item}}</text>
</navigator>

這裏，在url上添加了一個title參數。
頁面2如何取到該參數呢？

onLoad = function(option){
   this.title = option.title;
};

就是通過onLoad，option爲一個對象，通過“.”就可以取到相應的參數啦。

圖片存在則顯示不存在不顯示

這個是經常遇到的問題，可能一個地方需要圖片但是沒有圖片信息的時候就當其不存在。
我這裏使用wx：if解決的，如下：

<image src="{{item.src}}" wx:if="{{item.src!=undefined}}" mode="aspectFit"></image>

意思是若存在src屬性則顯示圖片，且圖片的src爲item.src。
若不存在圖片，需要默認圖片替代，則：

view
  image[src="/images/lesson_def_small" wx:if="{{!pic}}"]
  image[src="{{pic}}" wx:else]

大佬教的~~