Web前端开发网

web.fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们
资源分类
AI智能酷站推荐招聘/兼职框架/库模块/管理移动端UI框架Web-UI框架Js插件CSS相关在线工具建站资源 更多
网站收录 / 问题反馈

mijin

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

mijin
网站地址:https://lecoueyl.github.io/mijin.web
GitHub:https://github.com/lecoueyl/mijin
描述信息: Tailwind CSS UI 组件
访问官网
GitHub

为 Vue.js / Nuxt.js 构建的 Tailwind CSS UI 组件。


特点

  • 组件样式唯一依赖于 Tailwind CSS 预设类
  • 响应式
  • 支持明暗模式
  • 无依赖


使用

1.将mijin依赖项添加到您的项目

# using npm
npm install mijin tailwindcss --save-dev
# using yarn
yarn add mijin tailwindcss --dev

2.将 mijin Tailwind CSS 预设添加tailwind-preset.js到您的 Tailwind CSS 配置文件中tailwind.config.js

// tailwind.config.js
const mijin = require('mijin/dist/tailwind-preset.js');

module.exports = {
  // load mijin presets
  presets: [
    mijin,
  ],
  // allow PurgeCSS to analyze mijin components
  purge: {
    content: [
      'node_modules/mijin/src/components/**/*.vue',
    ],
  },
};

3.在您的 vue 应用程序中加载插件:

Vue.js

import Vue from 'vue'
import Mijin from 'mijin'

Vue.use(Mijin)

// or load specific components

import {
  Button
  Input,
  // ...
} from 'mijin'

Vue.component('MjButton', Button)
Vue.component('MjInput', Select)

Nuxt.js

将mijin.js文件添加到您的plugins目录

// plugins/mijin.js
import Vue from 'vue';

Vue.use(Mijin)

从加载插件nuxt.config.js

// nuxt.config.js
...
  plugins: [
    '~/plugins/mijin.js',
  ],
...

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://web.fly63.com/nav/3809

更多»
热门资源
bootstrap
最流行的HTML,CSS和JavaScript框架,用于开发响应式,移动端先行的web项目
官网
GitHub
Materialize
基于Material Design的现代响应式前端框架
官网
GitHub
Element UI
一套基于 Vue 2.0 的桌面端组件库
官网
GitHub
Material Design(MDB)
领先的Bootstrap UI套件之一
点击进入
Muse-UI
基于 Vue2.0 的 Material Design UI 库
官网
GitHub
sb-admin
基于Bootstrap简约美观的后台管理模板
官网
GitHub
Magic UI
为设计工程师打造的UI库
官网
GitHub
Vue-Access-Control
Vue权限管理解决方案
官网
GitHub
RmlUI
桌面端GUI开发框架
官网
GitHub
HeroUI
基于TailwindCSS构建的React 现代UI框架
官网
GitHub
tweakcn
shadcn/ui组件可视化无代码编辑器
官网
GitHub
kitty-ui
基于 Vue + Element 实现的权限管理系统
点击进入
GitHub
类似于mijin的资源
vuetify
Material Component Framework for Vue.js 2
官网
GitHub
best-resume-ever
基于 Vue 和 LESS 的精美简历生成工具
官网
GitHub
Varlet UI
基于 Vue3 的 Material design 风格移动端组件库
官网
GitHub
Mantine UI
一个功能齐全的React UI库
官网
GitHub
kitty-ui
基于 Vue + Element 实现的权限管理系统
点击进入
GitHub
Elemental UI
一个针对 React.js 的灵活的、漂亮的 UI 框架
官网
GitHub
ElevenLabs UI Vue
为AI语音与语音代理场景打造的Vue UI组件库
官网
GitHub
IDUX UI
一套企业级中后台 UI 组件库
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。