All Projects → YunYouJun → element-theme-ink

YunYouJun / element-theme-ink

Licence: MIT License
✒️ Element theme ink. (Support Element-Plus)

Programming Languages

SCSS
7915 projects
typescript
32286 projects

Projects that are alternatives of or similar to element-theme-ink

Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+73020%)
Mutual labels:  element-ui, element-plus
vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+8626.67%)
Mutual labels:  element-ui, element-plus
vue3-admin
🔥 🎉 Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios 开发的后台管理系统
Stars: ✭ 1,471 (+9706.67%)
Mutual labels:  element-ui, element-plus
vue-next-admin
🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)
Stars: ✭ 1,002 (+6580%)
Mutual labels:  element-ui, element-plus
electron-admin-element-vue
Electron Vue3.x Element-UI Admin
Stars: ✭ 37 (+146.67%)
Mutual labels:  element-ui, element-plus
hoc-element-table
📦 A Vue 3.x Table Component built on Webpack 5
Stars: ✭ 26 (+73.33%)
Mutual labels:  element-ui, element-plus
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+86313.33%)
Mutual labels:  element-ui, element-plus
vue3.0-template-admin
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Stars: ✭ 500 (+3233.33%)
Mutual labels:  element-ui, element-plus
vue-kai-admin
学习vue-admin架构,顺便记录工作的组件
Stars: ✭ 31 (+106.67%)
Mutual labels:  element-ui
vue-php-admin
RBAC通用角色权限管理系统, 前后端分离架构, 基于 vue-element-admin 和 PHP CodeIgniter RESTful 实现
Stars: ✭ 4 (-73.33%)
Mutual labels:  element-ui
element-plus-nuxt-starter
🌰 WIP! A starter example for element-plus with Nuxt 3.
Stars: ✭ 44 (+193.33%)
Mutual labels:  element-plus
element-table
An extended table to integration with bootstrap-table and element-ui.
Stars: ✭ 18 (+20%)
Mutual labels:  element-ui
cloud note
基于Vue.js和SSM的在线云笔记系统
Stars: ✭ 16 (+6.67%)
Mutual labels:  element-ui
OSAPI
👋 OSAPI 是依靠通用性后台管理平台搭建的API管理平台,基于 vue3、Nestjs 技术栈实现,包含 RBAC 角色权限模块、数据展示、编辑等模块。
Stars: ✭ 32 (+113.33%)
Mutual labels:  element-plus
egg-typescript-element-kit
基于 Egg + TypeScript + Element 博客系统,包括前台系统和后台管理系统
Stars: ✭ 19 (+26.67%)
Mutual labels:  element-ui
zabbix-monitor
monitor system based on zabbix API pyzaabix grafana
Stars: ✭ 70 (+366.67%)
Mutual labels:  element-ui
Geek Blog
基于Vue+Nuxt.js服务器渲染(SSR)搭建的个人博客系统
Stars: ✭ 33 (+120%)
Mutual labels:  element-ui
moth-admin-vue
飞蛾后台管理系统vue2版本
Stars: ✭ 16 (+6.67%)
Mutual labels:  element-ui
login push
vue+koa2+jwt实现单点登录 + todolist增删改查
Stars: ✭ 20 (+33.33%)
Mutual labels:  element-ui
demo
个人博客中用到的demo,和其他各种乱七八糟的demo
Stars: ✭ 57 (+280%)
Mutual labels:  element-ui

Element Theme Ink Logo

Element-Theme-Ink

Downloads Version License

Ink

docs

A dead simple element theme.

Base on element & element-theme-chalk

Installation

Install Element

可参见 Element 官方文档 安装

npm install element-ui -S

Install Theme

npm i element-theme-ink -S
# or
yarn add element-theme-ink

Usage

ElementUI 使用方法参见官网,各組件使用方法与 Element 2.3 版本一致,本项目仅对主题样式进行定制。

提供多种方式导入

Stylesheet

You can use unpkg directly.

<link rel="stylesheet" href="https://unpkg.com/element-theme-ink" />

Or use css in node_modules.

<link
  rel="stylesheet"
  href="path/to/node_modules/element-theme-ink/dist/index.css"
/>

Import in Sass

@import "element-theme-ink";

Import in Javascript

Fully import

// main.js
import "element-theme-ink";

Import on demand

import "element-theme-ink/dist/input.css";
import "element-theme-ink/dist/select.css";
// ...

Import Scss

import "element-theme-ink/src/index.scss";

Example

// main.js
import Vue from "vue";
import ElementUI from "element-ui";
// 当您想要切换回 element 默认主题时,只需取消默认主题的注释,并注释 ink 主题的引入即可
// import 'element-ui/dist/theme-chalk/index.css'
import "element-theme-ink";
import App from "./App.vue";

Vue.use(ElementUI);

new Vue({
  el: "#app",
  render: (h) => h(App),
});

Dev

Cache

gulp combine
# gulp build
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].