微信小程序自定义tabbar

创建wxml模板

模板名称=' tabbar ' view class=' tabbar _ box ' style=' background-color : { { tabbar。背景色} }；边框-顶部颜色： { {标签栏。边框样式} }；{{tabbar.position=='top '？'top :0 ' : ' bottom :0 ' } '块wx :为=' { { tabbar。list } } ' wx : for-item=' item ' wx : key=' index ' navigator class=' tabbar _ nav ' URL=' { { item。页面路径} } ' style=' width : { { 1/tabbar。名单。长度* 100 } } %；color:{{item.selected？标签栏。选定颜色：标签栏。color } } ' open-type=' redirect ' image class=' tab bar _ icon ' src=' { { item。选中？项目。selectedicinpath :项。图标路径} } '/图像文本{ { item。文本} }/文本/导航器/块/视图/模板wxss布局