快速实现 前端仿京东、天猫底部购物工具栏toolsBar、购物车栏、底部悬浮栏，

效果图如下：

代码如下：

底部工具栏toolsBar、购物车栏、底部悬浮栏

HTML代码部分

<template>

<view class="content">

<!-- isCollect：是否收储  @collectClick：收藏事件 @leftClick：左按钮事件 @rigClick：右按钮事件-->

<bottomToolBar :isCollect="collectStatus" @collectClick="goCollect" @leftClick="leftClick" @rigClick="rigClick">

</bottomToolBar>

</view>

</template>

JS代码 （引入组件 填充数据）

#### CSS

<style>

.content {

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

}

</style>

阅读全文下载完整组件代码请关注微信公众号： 前端组件开发