「小程序JAVA實戰」小程序頁面引用外部wxml通用頁面(21)
现在都是讲究开发的效率,原来单纯的android 和 ios 已经不在吃香了,都是混合开发,混合开发很多页面的结构基本都是上中下,head,body,foot,所以小程序也要这么的满足如图例。源码:https://github.com/limingios/wxProgram.git 中的No.8
小程序的引入外部的页面
include 可以将目标文件除了 template ,wxs 外的整个代码引入,相当于是拷贝到 include 位置。
关键字 include
官方的阐述
>https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/import.html
演示调用外部的页面
head.wxml
<view class="container"> head </view>
body.wxml
<view class="container"> body </view>
isInclude.wxml
<include class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="head.wxml"/> <include class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="body.wxml"/> <view class="container"> foot </view>
PS:就是为了相似的页面互相的调用,搬砖也的想办法找技巧对吧 哈哈!
>>原创文章,欢迎转载。转载请注明:转载自IT人故事会,谢谢!
>>原文链接地址:「小程序JAVA实战」小程序页面引用外部wxml通用页面(21)
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦