template-project/components/status-navs/readme.md

1002 B
Raw Permalink Blame History

第一步:引入组件

import statusNav from '@/components/status-navs/status-nav.vue';

第二步:注册组件

export default {
	components:{
		statusNav
	}
}

第三步:使用组件

<template>
	<view>
		<status-nav
			:ifReturn="true"
			:ifTitle="true"
			navBarTitle=""
			:ifCenter="true"
			titleColor="#000000"
			returnc="#333333"
			backgroudColor="#FFFFFF"
			navBarHeight="40px"
			clipNumber="1"
			marginBottom="20rpx"
		></status-nav>
	</view>
</template>

参数说明

ifTitle是否显示标题默认true
navBarTitle导航栏标题默认空值
ifCenter标题是否居中默认居中
titleColor标题颜色默认#000000
ifReturn是否显示返回键默认显示
returnc返回键颜色默认#333333
backgroudColor状态栏、导航栏背景颜色默认#FFFFFF
navBarHeight导航栏高度默认40px
clipNumber标题最多几行显示默认1
marginBottom底部距离内容多高默认20rpx