微信小程序 自带的tabbar只能使用图片,图片模糊不清晰 不能达到客户的满意 于是自己写了个tabbar
- 在pages同目录下,创建一个template目录,创建template.wxml template.wxss template.js
- template.wxml
<!--template/template.wxml-->
<template name="tabBar">
<view style="height:90rpx;"></view>
<view class="tabbar" enable-flex="true">
<block wx:for="{
{tabBar.tab}}" wx:for-item="item" wx:for-index="idx" wx:key="*">
<navigator url="{
{item.url}}" class="{
{tabBar.Selected==idx?'active':''}}" open-type="switchTab">
<view class="tabbar-box">
<icon class="iconfont {
{item.icon}}"></icon>
<text>{
{item.name}}</text>
</view>
</navigator>
<