components文件夹为miniprogram下的文件夹,统一存放所有组件
(非云开发的component则在根目录)
新建组件,在component文件夹下新建footTabBar文件夹,右键新增component,命名,会自动生成组件所需要的js/json/wxml/wxss文件
在所要展示页面的json文件中的useingComponents属性中增加组件及地址的key-value
{
"usingComponents": {
"tabBar": "/components/tabBar/tabBar",
"footTabBar": "/components/footTabBar/footTabBar"
}
}
在需要展示的页面中调用
调用方式
<view class="container">
<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>
</view>
<footTabBar/>
保存展示