一、引入模板 
小程序提供了兩個引入外部模板的方法：import和include 
使用外部模板可以實現(xiàn)大部分共同頁面的代碼利用，在一個app中，頭部和腳部基本不會 
變動太大，這時就可以通過模板的方式引入，實現(xiàn)多個頁面的復(fù)用。

1.1 import

示例：

1. <!--view.wxml-->
2. <template name="view">
3. <text>{{text}}</text>
4. </template>

引入：

1. <import src="view.wxml"/>
2. <template is="view" data="{{text: 'forbar'}}"/>

注意：import有作用域，即import引入的模板只在當(dāng)前頁面有效，即import不會向下查找另外的模板

1.2 include

include標(biāo)簽可以看作是對 “html”的一個拷貝，即將外部的wxml片段拷貝進(jìn)文檔中  示例：  外部wxml片段

1. <!-- header.wxml -->
2. <view> header </view>
3. <!-- footer.wxml -->
4. <view> footer </view>
5.  
6. <!-- index.wxml -->
7. <include src="header.wxml"/>
8. <view> body </view>

總結(jié)：import是引入模板片段，且有作用域限制，不能進(jìn)行模板嵌套。include是引入wxml片段，相當(dāng)于代碼拷貝。

二、WXSS 微信樣式表  小程序中，頁面樣式的渲染通過wxss文件實現(xiàn)，.wxss可以看成是css，因為它們都在實現(xiàn)相同的功能。實質(zhì)上wxss也是在css的基礎(chǔ)之上進(jìn)行了擴(kuò)充和修改得到的。  wxss在css上的擴(kuò)展特性：  1）、尺寸單位：rpx  rpx：是一個相對像素單位，可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。  針對移動端的開發(fā)，設(shè)計稿一般都是以iphone6為標(biāo)準(zhǔn)的。而iphone用的是視網(wǎng)膜屏，即我們css中設(shè)定的1px，在iphone上實際是由2px*2px的像素點組成的。  以iphone6為準(zhǔn)，屏幕寬度375px，共有750個物理像素，則750rpx=350px,即1rpx=0.5px  2）、樣式導(dǎo)入 @import  跟在css中的外部樣式表的導(dǎo)入類似  @import "common.wxss";