1.9.0 • Published 1 year ago
dc-ui-library v1.9.0
Документация: https://dc-ui-library.d4.dclouds.ru
Установка
npm i dc-ui-library
Подключение библиотеки
import DcUiLibrary from 'dc-ui-library'
...
Vue.use(DcUiLibrary)
Подключение стилей
$font--path: '~dc-ui-library/packages/theme/fonts';
@import '~dc-ui-library/packages/theme/styles/main.scss';
Если нужно использовать переменные и миксины из библиотеки нужно:
- Установить style-resources-loader
npm i style-resources-loader
- Добавить rule в vue.config
module.exports = {
configureWebpack: {
module: {
rules: [
///
{
test: /\.scss$/,
use: [
'sass-loader',
{
loader: 'style-resources-loader',
options: {
patterns: [
'./node_modules/dc-ui-library/packages/theme/styles/variables.scss',
'./node_modules/dc-ui-library/packages/theme/styles/mixins.scss',
],
},
},
],
},
///
],
},
},
}
Иконки
Для использования иконок нужно: 1. Установить svg-sprite-loader
npm i svg-sprite-loader
- Добавить иконки используемые в библиотеки
import { requireSvg } from '@/plugins/requireSvg'
requireSvg()
- В vue.config добавить
module.exports = {
configureWebpack: {
module: {
rules: [
///
{
test: /\.svg$/,
loader: 'svg-sprite-loader',
},
///
],
},
plugins: [
new SpriteLoaderPlugin(),
],
},
chainWebpack: (config) => {
config.module.rules.delete('svg')
},
}
Стили
Стили в компонентах написаны по методологии БЭМ, что позволяет легко изменить их
.dc-input {
&__inner {
padding: 20px 0;
height: 50px;
color: #000;
}
&--focus {
border-color: #e9e9e9;
}
}
Для каждого компонента есть свои переменые, которые можно изменить
Например:
$dc-input__hover-border-color: #d3d3d3;
1.9.0
1 year ago
1.7.3
2 years ago
1.8.0
2 years ago
1.7.2
2 years ago
1.7.1
2 years ago
1.7.0
2 years ago
1.6.0
2 years ago
1.5.0
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.2.0
2 years ago
1.1.8
2 years ago
1.1.7
2 years ago
1.1.6
2 years ago
1.1.5
2 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.1.4
3 years ago
1.1.3
3 years ago
1.1.2
3 years ago
1.0.15
3 years ago
1.0.14
3 years ago
1.0.13
3 years ago
1.0.12
3 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.11
3 years ago
1.0.10
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.2
3 years ago
1.0.3
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago