Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
美图设计室
AI智能一键生成海报,免费平面设计
豆包AI
字节跳动旗下 AI 智能助手
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
闪电玩
H5游戏官方平台,提供好玩的网络游戏
AI提示词商城
AI提示词交易与管理平台,提升效率
3387游戏盒子
提供热门折扣手游,助你轻松畅玩各种类型的游戏
我要自学网
免费视频教程,提供全方位软件学习
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌
奇绘馆AI视频
新一代AI视频创作平台
fly63工具箱
简单、易用、便捷的在线工具

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

mijin

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

扫一扫分享

网站地址: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://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的资源
Semantic-UI
一款对人类友好的HTML语言构建优雅响应式布局的开发框架。
官网
GitHub
bootswatch
基于 Bootstrap 的免费主题包
官网
GitHub
quickui
企业级WEB前端框架
官网
tabler
基于 Bootstrap 4 开发的 HTML 仪表盘 UI 套件
官网
GitHub
rdash-angular
AngularJS 执行 RDash 管理员仪表板主题
官网
GitHub
TOAST UI
用于构建高质量网页的开源js库,提供丰富的UI组件
官网
Fluent UI
一套受 Fluent Design System启发的React组件库
官网
GitHub
Kendo UI
一套很棒的HTML5开发控件
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

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