vant-weapp/async_39.37219eef.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{33:function(s,a,E){"use strict";E.r(a);var C={created:function(){this.content=unescape("%3Ch1%3ETabbar%20%u6807%u7B7E%u680F%3C/h1%3E%0A%3Cdiv%20class%3D%22card%22%3E%3Ch3%3E%u5F15%u5165%3C/h3%3E%0A%3Cp%3E%u5728%3Ccode%3Eapp.json%3C/code%3E%u6216%3Ccode%3Eindex.json%3C/code%3E%u4E2D%u5F15%u5165%u7EC4%u4EF6%uFF0C%u9ED8%u8BA4%u4E3A%3Ccode%3EES6%3C/code%3E%u7248%u672C%uFF0C%3Ccode%3EES5%3C/code%3E%u5F15%u5165%u65B9%u5F0F%u53C2%u89C1%3Ca%20href%3D%22%23/quickstart%22%3E%u5FEB%u901F%u4E0A%u624B%3C/a%3E%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-json%22%3E%3Cspan%20class%3D%22hljs-string%22%3E%22usingComponents%22%3C/span%3E%3A%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3E%22van-tabbar%22%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%22path/to/vant-weapp/dist/tabbar/index%22%3C/span%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3E%22van-tabbar-item%22%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%22path/to/vant-weapp/dist/tabbar-item/index%22%3C/span%3E%0A%7D%0A%3C/code%3E%3C/pre%3E%0A%3C/div%3E%3Ch2%3E%u4EE3%u7801%u6F14%u793A%3C/h2%3E%0A%3Cdiv%20class%3D%22card%22%3E%3Ch3%3E%u57FA%u7840%u7528%u6CD5%3C/h3%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-html%22%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%7B%7B%20active%20%7D%7D%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ebind%3Achange%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onChange%22%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22home-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22search%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22friends-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22setting-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%26gt%3B%3C/span%3E%0A%3C/code%3E%3C/pre%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-javascript%22%3EPage%28%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edata%3C/span%3E%3A%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C/span%3E%0A%20%20%7D%2C%0A%20%20%3Cspan%20class%3D%22hljs-comment%22%3E//%20event.detail%20%u7684%u503C%u4E3A%u5F53%u524D%u9009%u4E2D%u9879%u7684%u7D22%u5F15%3C/span%3E%0A%20%20onChange%28event%29%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C/span%3E.log%28event.detail%29%3B%0A%20%20%7D%0A%7D%29%3B%0A%3C/code%3E%3C/pre%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3E%u901A%u8FC7%u540D%u79F0%u5339%u914D%3C/h3%3E%0A%3Cp%3E%u5728%u6807%u7B7E%u6307%u5B9A%3Ccode%3Ename%3C/code%3E%u5C5E%u6027%u7684%u60C5%u51B5%u4E0B%uFF0C%3Ccode%3Ev-model%3C/code%3E%u7684%u503C%u4E3A%u5F53%u524D%u6807%u7B7E%u7684%3Ccode%3Ename%3C/code%3E%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-html%22%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%7B%7B%20active%20%7D%7D%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ebind%3Achange%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onChange%22%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22home%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22home-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22search%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22search%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22friends%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22friends-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22setting%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22setting-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%26gt%3B%3C/span%3E%0A%3C/code%3E%3C/pre%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-javascript%22%3EPage%28%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edata%3C/span%3E%3A%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%27home%27%3C/span%3E%0A%20%20%7D%2C%0A%20%20onChange%28event%29%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C/span%3E.log%28event.detail%29%3B%0A%20%20%7D%0A%7D%29%3B%0A%3C/code%3E%3C/pre%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3E%u663E%u793A%u5FBD%u6807%3C/h3%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-html%22%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%7B%7B%20active%20%7D%7D%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ebind%3Achange%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onChange%22%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22home-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22search%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edot%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22friends-o%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Einfo%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%225%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22setting-o%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Einfo%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2220%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%26gt%3B%3C/span%3E%0A%3C/code%3E%3C/pre%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3E%u81EA%u5B9A%u4E49%u56FE%u6807%3C/h3%3E%0A%3Cp%3E%u53EF%u4EE5%u901A%u8FC7%20slot%20%u81EA%u5B9A%u4E49%u56FE%u6807%uFF0C%u5176%u4E2D%20icon%20slot%20%u4EE3%u8868%u672A%u9009%u4E2D%u72B6%u6001%u4E0B%u7684%u56FE%u6807%uFF0Cicon-active%20slot%20%u4EE3%u8868%u9009%u4E2D%u72B6%u6001%u4E0B%u7684%u56FE%u6807%3C/p%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-html%22%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%7B%7B%20active%20%7D%7D%22%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ebind%3Achange%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onChange%22%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Einfo%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%223%22%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimage%3C/span%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eslot%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22icon%22%3C/span%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Esrc%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%7B%7B%20icon.normal%20%7D%7D%22%3C/span%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Emode%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22aspectFit%22%3C/span%3E%0A%20%20%20%20/%26gt%3B%3C/span%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimage%3C/span%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eslot%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22icon-active%22%3C/span%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Esrc%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%7B%7B%20icon.active%20%7D%7D%22%3C/span%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Emode%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22aspectFit%22%3C/span%3E%0A%20%20%20%20/%26gt%3B%3C/span%3E%0A%20%20%20%20%u81EA%u5B9A%u4E49%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22search%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22setting-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%26gt%3B%3C/span%3E%0A%3C/code%3E%3C/pre%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-javascript%22%3EPage%28%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edata%3C/span%3E%3A%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C/span%3E%2C%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3A%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Enormal%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%27//img.yzcdn.cn/icon-normal.png%27%3C/span%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%27//img.yzcdn.cn/icon-active.png%27%3C/span%3E%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%0A%20%20onChange%28event%29%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C/span%3E.log%28event.detail%29%3B%0A%20%20%7D%0A%7D%29%3B%0A%3C/code%3E%3C/pre%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3E%u81EA%u5B9A%u4E49%u989C%u8272%3C/h3%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-html%22%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%7B%7B%20active%20%7D%7D%22%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive-color%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%2307c160%22%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Einactive-color%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%23000%22%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Ebind%3Achange%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onChange%22%3C/span%3E%0A%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22home-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22search%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22friends-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eicon%3C/span%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22setting-o%22%3C/span%3E%26gt%3B%3C/span%3E%u6807%u7B7E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar-item%3C/span%3E%26gt%3B%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Evan-tabbar%3C/span%3E%26gt%3B%3C/span%3E%0A%3C/code%3E%3C/pre%3E%0A%3Cpre%3E%3Ccode%20class%3D%22language-javascript%22%3EPage%28%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edata%3C/span%3E%3A%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eactive%3C/span%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C/span%3E%0A%20%20%7D%2C%0A%20%20%3Cspan%20class%3D%22hljs-comment%22%3E//%20event.detail%20%u7684%u503C%u4E3A%u5F53%u524D%u9009%u4E2D%u9879%u7684%u7D22%u5F15%3C/span%3E%0A%20%20onChange%28event%29%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C/span%3E.log%28event.detail%29%3B%0A%20%20%7D%0A%7D%29%3B%0A%3C/code%3E%3C/pre%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3E%u7ED3%u5408%u81EA%u5B9A%u4E49%20tabBar%3C/h3%3E%0A%3Cp%3E%u8BF7%u53C2%u8003%20%3Ca%20href%3D%22https%3A//developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html%22%3E%u5FAE%u4FE1%u5B98%u65B9%u6587%u6863%3C/a%3E%20%u4E0E%20%3Ca%20href%3D%22https%3A//developers.weixin.qq.com/s/FjLU4mmp7r9s%22%3E%u4EE3%u7801%u7247%u6BB5%3C/a%3E%3C/p%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3ETabbar%20API%3C/h3%3E%0A%3Ctable%3E%0A%3Cthead%3E%0A%3Ctr%3E%0A%3Cth%3E%u53C2%u6570%3C/th%3E%0A%3Cth%3E%u8BF4%u660E%3C/th%3E%0A%3Cth%3E%u7C7B%u578B%3C/th%3E%0A%3Cth%3E%u9ED8%u8BA4%u503C%3C/th%3E%0A%3C/tr%3E%0A%3C/thead%3E%0A%3Ctbody%3E%0A%3Ctr%3E%0A%3Ctd%3Eactive%3C/td%3E%0A%3Ctd%3E%u5F53%u524D%u9009%u4E2D%u6807%u7B7E%u7684%u7D22%u5F15%3C/td%3E%0A%3Ctd%3E%3Ccode%3ENumber%3C/code%3E%3C/td%3E%0A%3Ctd%3E-%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Efixed%3C/td%3E%0A%3Ctd%3E%u662F%u5426%u56FA%u5B9A%u5728%u5E95%u90E8%3C/td%3E%0A%3Ctd%3E%3Ccode%3EBoolean%3C/code%3E%3C/td%3E%0A%3Ctd%3E%3Ccode%3Etrue%3C/code%3E%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Eborder%3C/td%3E%0A%3Ctd%3E%u662F%u5426%u5C55%u793A%u5916%u8FB9%u6846%3C/td%3E%0A%3Ctd%3E%3Ccode%3EBoolean%3C/code%3E%3C/td%3E%0A%3Ctd%3E%3Ccode%3Etrue%3C/code%3E%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Ez-index%3C/td%3E%0A%3Ctd%3E%u5143%u7D20%20z-index%3C/td%3E%0A%3Ctd%3E%3Ccode%3ENumber%3C/code%3E%3C/td%3E%0A%3Ctd%3E%3Ccode%3E1%3C/code%3E%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Eactive-color%3C/td%3E%0A%3Ctd%3E%u9009%u4E2D%u6807%u7B7E%u7684%u989C%u8272%3C/td%3E%0A%3Ctd%3E%3Ccode%3EString%3C/code%3E%3C/td%3E%0A%3Ctd%3E%3Ccode%3E%231989fa%3C/code%3E%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Einactive-color%3C/td%3E%0A%3Ctd%3E%u672A%u9009%u4E2D%u6807%u7B7E%u7684%u989C%u8272%3C/td%3E%0A%3Ctd%3E%3Ccode%3EString%3C/code%3E%3C/td%3E%0A%3Ctd%3E%3Ccode%3E%237d7e80%3C/code%3E%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Esafe-area-inset-bottom%3C/td%3E%0A%3Ctd%3E%u662F%u5426%u4E3A%20iPhoneX%20%u7559%u51FA%u5E95%u90E8%u5B89%u5168%u8DDD%u79BB%3C/td%3E%0A%3Ctd%3E%3Ccode%3EBoolean%3C/code%3E%3C/td%3E%0A%3Ctd%3E%3Ccode%3Etrue%3C/code%3E%3C/td%3E%0A%3C/tr%3E%0A%3C/tbody%3E%0A%3C/table%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3ETabbar%20Event%3C/h3%3E%0A%3Ctable%3E%0A%3Cthead%3E%0A%3Ctr%3E%0A%3Cth%3E%u4E8B%u4EF6%u540D%3C/th%3E%0A%3Cth%3E%u8BF4%u660E%3C/th%3E%0A%3Cth%3E%u53C2%u6570%3C/th%3E%0A%3C/tr%3E%0A%3C/thead%3E%0A%3Ctbody%3E%0A%3Ctr%3E%0A%3Ctd%3Ebind%3Achange%3C/td%3E%0A%3Ctd%3E%u5207%u6362%u6807%u7B7E%u65F6%u89E6%u53D1%3C/td%3E%0A%3Ctd%3Eevent.detail%3A%20%u5F53%u524D%u9009%u4E2D%u6807%u7B7E%u7684%u540D%u79F0%u6216%u7D22%u5F15%u503C%3C/td%3E%0A%3C/tr%3E%0A%3C/tbody%3E%0A%3C/table%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3ETabbarItem%20API%3C/h3%3E%0A%3Ctable%3E%0A%3Cthead%3E%0A%3Ctr%3E%0A%3Cth%3E%u53C2%u6570%3C/th%3E%0A%3Cth%3E%u8BF4%u660E%3C/th%3E%0A%3Cth%3E%u7C7B%u578B%3C/th%3E%0A%3Cth%3E%u9ED8%u8BA4%u503C%3C/th%3E%0A%3C/tr%3E%0A%3C/thead%3E%0A%3Ctbody%3E%0A%3Ctr%3E%0A%3Ctd%3Ename%3C/td%3E%0A%3Ctd%3E%u6807%u7B7E%u540D%u79F0%uFF0C%u4F5C%u4E3A%u5339%u914D%u7684%u6807%u8BC6%u7B26%3C/td%3E%0A%3Ctd%3E%3Ccode%3EString%20%7C%20Number%3C/code%3E%3C/td%3E%0A%3Ctd%3E%u5F53%u524D%u6807%u7B7E%u7684%u7D22%u5F15%u503C%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Eicon%3C/td%3E%0A%3Ctd%3E%u56FE%u6807%u540D%u79F0%u6216%u56FE%u7247%u94FE%u63A5%uFF0C%u53EF%u9009%u503C%u89C1%20Icon%20%u7EC4%u4EF6%3C/td%3E%0A%3Ctd%3E%3Ccode%3EString%3C/code%3E%3C/td%3E%0A%3Ctd%3E-%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Edot%3C/td%3E%0A%3Ctd%3E%u662F%u5426%u663E%u793A%u5C0F%u7EA2%u70B9%3C/td%3E%0A%3Ctd%3E%3Ccode%3EBoolean%3C/code%3E%3C/td%3E%0A%3Ctd%3E-%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Einfo%3C/td%3E%0A%3Ctd%3E%u56FE%u6807%u53F3%u4E0A%u89D2%u63D0%u793A%u4FE1%u606F%3C/td%3E%0A%3Ctd%3E%3Ccode%3EString%20%7C%20Number%3C/code%3E%3C/td%3E%0A%3Ctd%3E-%3C/td%3E%0A%3C/tr%3E%0A%3C/tbody%3E%0A%3C/table%3E%0A%3C/div%3E%3Cdiv%20class%3D%22card%22%3E%3Ch3%3ETabbarItem%20Slot%3C/h3%3E%0A%3Ctable%3E%0A%3Cthead%3E%0A%3Ctr%3E%0A%3Cth%3E%u540D%u79F0%3C/th%3E%0A%3Cth%3E%u8BF4%u660E%3C/th%3E%0A%3C/tr%3E%0A%3C/thead%3E%0A%3Ctbody%3E%0A%3Ctr%3E%0A%3Ctd%3Eicon%3C/td%3E%0A%3Ctd%3E%u672A%u9009%u4E2D%u65F6%u7684%u56FE%u6807%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%3Eicon-active%3C/td%3E%0A%3Ctd%3E%u9009%u4E2D%u65F6%u7684%u56FE%u6807%3C/td%3E%0A%3C/tr%3E%0A%3C/tbody%3E%0A%3C/table%3E%0A%3C/div%3E")}},n=E(2),t=Object(n.a)(C,function(){this.$createElement;this._self._c;return this._m(0)},[function(){var s=this.$createElement;return(this._self._c||s)("section",{domProps:{innerHTML:this._s(this.content)}})}],!1,null,null,null);a.default=t.exports}}]);