网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

微信小程序外部引入方法

發布時間:2017-12-29 18:15 所屬欄目:小程序開發教程

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

 
 
 

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

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引入的模板只在當前頁面有效,即import不會向下查找另外的模板

1.2 include

include標簽可以看作是對 “html”的一個拷貝,即將外部的wxml片段拷貝進文檔中  示例:  外部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>

總結:import是引入模板片段,且有作用域限制,不能進行模板嵌套。include是引入wxml片段,相當于代碼拷貝。

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



易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/18314.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×