appApplet/components/foot-tabs/readme.md

37 lines
937 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

第一步:引入组件
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