Socket
Socket
Sign inDemoInstall

segi-mext-header

Package Overview
Dependencies
122
Maintainers
2
Versions
31
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    segi-mext-header

h5头部导航


Version published
Maintainers
2
Created

Readme

Source

segi-mext-header

移动端头部导航组件

引用插件方法与普通第三方库的方法一致

  
  
  import SgMextHeader from 'segi-mext-header'
  
  Vue.use(SgMextHeader)

使用

  <SG-Mext-Header 
    :show="true"
    type="oneLine" 
    bgColor="#fff" 
    title="导航标题" 
    iconColor="black" 
    :isFixed="true"
    :preventGoBack="true"
    @on-click-back="backToBasic()" >
    <a slot="right">导航右边插槽</a>
  </SG-Mext-Header>

API

Props

参数说明类型取值默认值
show组件显示boolean-true
type展示样式stringoneLine、twoLineoneLine
title导航标题string-标题
bgColor背景颜色string-#fff
iconColor左边返回按钮、右边更多按钮颜色stringwhite、blackwhite
preventGoBack阻止默认返回boolean-false
isShowMore右边按钮是否展示boolean-false
isFixed是否固定定位boolean-true

Events

| 事件名 | 说明 | | on-click-back | 当preventGoBack为true时生效,点击左边返回触发

Slots

| 名称 | 说明 | | right | 自定义右边按钮内容

FAQs

Last updated on 31 Mar 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc