43 lines
1002 B
Markdown
43 lines
1002 B
Markdown
|
第一步：引入组件
|
|||
|
|
|
|||
|
|
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
|