docs(QTable): add docs - #304
Conversation
❌ Deploy Preview for qui-docs failed.
|
✅ Deploy Preview for qui-max ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
# Conflicts: # vuepress-docs/docs/.vuepress/config.ts
| v-model:groups-of-columns="groupsOfColumns" | ||
| :rows="rows" | ||
| :custom-row-class="customRowClass" | ||
| ></q-table> |
There was a problem hiding this comment.
в таком представлении, когда Vue встраивается на страницу, а не собирается билдерами, сокращённая запись не работает
| return '--row-custom-border-color: var(--color-secondary-orange)'; | ||
| } | ||
| if (rowIndex === 2) { | ||
| return '--row-custom-border-color: #f2d22b'; |
There was a problem hiding this comment.
а такой переменной цвета нету ну или похожей?
There was a problem hiding this comment.
--color-secondary-yellow
There was a problem hiding this comment.
тут тоже нет какой-то специфичной цели отказаться от hex в пользу css переменных в рамках примера, в целом он заимствован из существующей story
а так же если все примеры будут содержать только css переменные может казаться словно других вариантов использования нет, а они есть
| { | ||
| key: 'one', | ||
| draggable: true, | ||
| color: '#de4b7a', |
There was a problem hiding this comment.
можно вот так получить доступ к css-переменным)
const styles = getComputedStyle(document.documentElement);
const colorValue = styles.getPropertyValue('--color-primary');
There was a problem hiding this comment.
набор несёт демонстративную цель, тут нет цели получать какой-то конкретный цвет описывая дополнительную логику, а просто показывается что существует такое свойство в которое можно прокинуть hex и получить результат
✅ Deploy Preview for relaxed-kringle-e3b4d3 ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
4 participants
No description provided.