微信小程序外部引入方法

2022-11-20 分類：微信小程序

網站建設- 建站教程 - 微信小程序 - 微信小程序外部引入方法

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

1.1 import

示例：

</template>

引入：

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

1.2 include

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

<view> header </view>

<view> footer </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";

分享名稱：微信小程序外部引入方法
鏈接地址：http://www.2m8n56k.cn/news38/215288.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有微信小程序等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

微信小程序外部引入方法