npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

aq-router-tabs

v1.0.10

Published

基于vue3+vite+element-plus开发的一个顶部路由导航菜单组件

Downloads

26

Readme

#简介 基于vue3+vite+element-plus开发的一个顶部路由导航菜单组件

#开发组件的原因 在vue2版本中有router-tab插件来满足后台管理系统中顶部的路由管理,但是在vue3中没有这类的插件

#参数传递 maxNumber:用于控制路由显示的数量,默认是10个,超出10个新增的路由会在末尾追加,最前面的路由会被删除,如果标签超出页面宽度会展示滚动条

#实现的功能 路由右键有5个功能分别是:刷新、关闭当前标签、关闭其它标签、关闭左侧标签、关闭右侧标签

#使用 npm安装:npm i aq-router-tabs 页面使用:

#使用说明 1、由于该组件已将嵌入组件中,所以在项目中将替换成即可 2、为了美化页面效果,组件中使用插件替换默认的滚动条,当内容超出高度时会显示滚动条,让界面更好看 3、顶部如果设置的maxNumber数量过多,也会显示滚动条 4、如果要设置当前页面的高度为100%,请使用flex: 1;(height: 100%;无效),因为在组件中已对父组件设置flex布局和默认100%高度,内容页面的最外层容器宽度设置flex: 1;即可继承父组件100%高度