appApplet/components/foot-tabs/readme.md

937 B
Raw Blame History

第一步:引入组件

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