Поскольку element plus не поддерживает RTL, мне пришлось использовать другие сторонние библиотеки, такие как плагин rtlcss, и на самом деле это решило проблему, но не в моем случае приложения, где я использую оба направления rtl и ltr, поэтому Плагин rtlcss всегда преобразует стили в rtl независимо от значения html-каталога. Есть ли решение этой проблемы?
вот мой файл vite.config.js:
import { fileURLToPath, URL } from 'node:url';
import rtlcss from 'rtlcss';
import { defineConfig } from 'vite';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
import vue from '@vitejs/plugin-vue';
import tailwindcss from 'tailwindcss';
export default defineConfig({
css: {
postcss: {
plugins: [
rtlcss,
tailwindcss,
],
},
},
plugins: [
vue(),
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
});
Подробнее здесь: https://stackoverflow.com/questions/776 ... js-project
RTLCSS и Element Plus с проектом Vue Js ⇐ CSS
Разбираемся в CSS
1727568901
Anonymous
Поскольку element plus не поддерживает RTL, мне пришлось использовать другие сторонние библиотеки, такие как плагин rtlcss, и на самом деле это решило проблему, но не в моем случае приложения, где я использую оба направления rtl и ltr, поэтому Плагин rtlcss всегда преобразует стили в rtl независимо от значения html-каталога. Есть ли решение этой проблемы?
вот мой файл vite.config.js:
import { fileURLToPath, URL } from 'node:url';
import rtlcss from 'rtlcss';
import { defineConfig } from 'vite';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
import vue from '@vitejs/plugin-vue';
import tailwindcss from 'tailwindcss';
export default defineConfig({
css: {
postcss: {
plugins: [
rtlcss,
tailwindcss,
],
},
},
plugins: [
vue(),
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
});
Подробнее здесь: [url]https://stackoverflow.com/questions/77655571/rtlcss-and-element-plus-with-vue-js-project[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия