mirror of
https://github.com/robonen/metr.git
synced 2026-03-20 02:44:42 +00:00
Update README.md
This commit is contained in:
46
README.md
46
README.md
@@ -85,49 +85,3 @@ Settings.vue
|
|||||||
2. Имена файлов компонентов должны быть в PascalCase
|
2. Имена файлов компонентов должны быть в PascalCase
|
||||||
3. Все страницы, относящиеся к одной сущности должны начинаться с одного префикса
|
3. Все страницы, относящиеся к одной сущности должны начинаться с одного префикса
|
||||||
4. Страницы, на сколько это возможно, строятся из компонентов, чтобы избежать дублирование кода
|
4. Страницы, на сколько это возможно, строятся из компонентов, чтобы избежать дублирование кода
|
||||||
|
|
||||||
### Стили
|
|
||||||
|
|
||||||
1. Глобальные переменные, модули, миксины выносятся в папку `/assets/scss` и подключаются в `vue.config.js`
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
// vue.config.js
|
|
||||||
|
|
||||||
module.exports = {
|
|
||||||
css: {
|
|
||||||
loaderOptions: {
|
|
||||||
scss: {
|
|
||||||
prependData: `@import "~@/assets/scss/variables.scss";`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
```
|
|
||||||
|
|
||||||
```html
|
|
||||||
<template>
|
|
||||||
<router-view />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.some-class {
|
|
||||||
background-color: $main-color;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
```
|
|
||||||
|
|
||||||
2. Стили модуля задаются в файле модуля
|
|
||||||
|
|
||||||
```html
|
|
||||||
<template>
|
|
||||||
<div class="hello">
|
|
||||||
<h1>Hello, World!</h1>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.hello {
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
```
|
|
||||||
|
|||||||
Reference in New Issue
Block a user