37 lines
937 B
Markdown
37 lines
937 B
Markdown
第一步：引入组件
|
||
|
||
import footTab from '@/components/foot-tabs/foot-tab.vue';
|
||
|
||
第二步：注册组件
|
||
|
||
export default {
|
||
components:{
|
||
footTab
|
||
}
|
||
}
|
||
|
||
第三步：使用组件
|
||
|
||
<template>
|
||
<view>
|
||
<foot-tab
|
||
current="0"
|
||
isIcon="2"
|
||
backgroundImage=""
|
||
></foot-tab>
|
||
</view>
|
||
</template>
|
||
|
||
参数说明
|
||
|
||
current：当前选中项，默认0表示第一项
|
||
isIcon：哪个图标突出，默认2表示从索引0开始数，第二个图标突出
|
||
backgroundImage：底部导航背景图片，默认空值
|
||
backgroundColor：背景颜色，默认#FFFFFF
|
||
isGradualChange：是否开启背景颜色渐变，默认开启
|
||
direction：渐变方向，默认right top
|
||
colorOne：第一种颜色，默认#FFFFFF
|
||
colorTwo：第二种颜色，默认#FFFFFF
|
||
colorThree：第三种颜色，默认#FFFFFF
|
||
colorFour：第四种颜色，默认#FFFFFF
|
||
boxShadowNum：阴影大小0~1之间 0表示没有阴影，默认0.1 |