快速实现 前端仿京东、天猫底部购物工具栏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>
阅读全文下载完整组件代码请关注微信公众号: 前端组件开发