为了账号安全,请及时绑定邮箱和手机立即绑定

「小程序JAVA实战」小程序页面引用外部wxml通用页面(21)

现在都是讲究开发的效率,原来单纯的android 和 ios 已经不在吃香了,都是混合开发,混合开发很多页面的结构基本都是上中下,head,body,foot,所以小程序也要这么的满足如图例。源码:https://github.com/limingios/wxProgram.git 中的No.8


小程序的引入外部的页面

include 可以将目标文件除了 template ,wxs 外的整个代码引入,相当于是拷贝到 include 位置。

  1. 关键字 include

  2. 官方的阐述
    >https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/import.html

  1. 演示调用外部的页面

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 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
全栈工程师
手记
粉丝
1.7万
获赞与收藏
1318

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消