Advertisement

微信小程序自定义Tab组件(适配微信表单或其他界面向外扩展)

阅读量:

先前已完成了两个自定义风格的编写,现在来处理一个较为简单的部分,需要注意的是:在app.json中配置了系统自带tabbar的主页面不要进行引用,否则还需要在app.js中进行隐藏操作。

对了,这里有个缺点就是tabbar会出现闪烁现象,不过大家按照具体需求来处理即可。

这是微信官方提供的功能,记得也要加以应用哦,后续如果需要展示这个tabbar的话,请在引用模板时注意。

在这里插入图片描述

我所使用的模板文件名称为template
首先需要关注的是template.wxml这一文件

复制代码
    <view class='footer'>
      <view class='footer_list' data-id='{{index}}' wx:for="{{listInfo}}" data-current="{{index}}" wx:key="this" bindtap="chooseImg">
    <image class="footer-image" hidden='{{curIdx===index}}' src="{{item.imgUrl}}"></imag

全部评论 (0)

还没有任何评论哟~