Что это такое?
WeUI для мини-приложений — это базовая библиотека стилей WXSS/CSS, которая повторяет родной визуальный стиль WeChat. Её разработала собственная дизайн-команда WeChat для веб-страниц и мини-приложений WeChat.
WeUI для мини-приложений — это базовая библиотека стилей WXSS/CSS, которая повторяет родной визуальный стиль WeChat. Её разработала собственная дизайн-команда WeChat для веб-страниц и мини-приложений WeChat.Это набор UI-компонентов с логикой или только стили?Это чистая библиотека стилей CSS/WXSS без JS-поведения. Если нужны готовые интерактивные компоненты с встроенной логикой, в README указано отдельную библиотеку компонентов WeUI для мини-приложений.
Это чистая библиотека стилей CSS/WXSS без JS-поведения. Если нужны готовые интерактивные компоненты с встроенной логикой, в README указано отдельную библиотеку компонентов WeUI для мини-приложений.Как добавить это в проект мини-приложения?Подключите dist/style/weui.wxss напрямую или импортируйте только нужные виджеты из dist/style/widget. Примеры разметки wxml для каждого компонента находятся в dist/example.
Подключите dist/style/weui.wxss напрямую или импортируйте только нужные виджеты из dist/style/widget. Примеры разметки wxml для каждого компонента находятся в dist/example.Есть ли версии с другими единицами измерения, о которых стоит знать?Сборка по умолчанию использует единицы px. Если вашему мини-приложению нужна масштабируемая единица rpx, есть отдельная готовая сборка в каталоге dist-rpx-mode.
Сборка по умолчанию использует единицы px. Если вашему мини-приложению нужна масштабируемая единица rpx, есть отдельная готовая сборка в каталоге dist-rpx-mode.Какие виджеты входят в WeUI?Button, cell, dialog, progress, toast, article, actionsheet и icon, а также другие распространённые элементы интерфейса мини-приложений.
Button, cell, dialog, progress, toast, article, actionsheet и icon, а также другие распространённые элементы интерфейса мини-приложений.Как просмотреть компоненты?Откройте каталог dist (а не весь репозиторий) в веб-инструменте разработчика WeChat, чтобы увидеть стилизованные компоненты в действии.
Откройте каталог dist (а не весь репозиторий) в веб-инструменте разработчика WeChat, чтобы увидеть стилизованные компоненты в действии.Как включить тёмную тему?Добавьте атрибут data-weui-theme='dark' к корневому узлу вашей страницы, чтобы переключить WeUI на тёмную тему.
Добавьте атрибут data-weui-theme='dark' к корневому узлу вашей страницы, чтобы переключить WeUI на тёмную тему.Где посмотреть правила визуального дизайна, на которых основаны эти стили?Справочник weui-design описывает визуальные стандарты WeUI, которые реализует эта библиотека стилей.
Справочник weui-design описывает визуальные стандарты WeUI, которые реализует эта библиотека стилей.What are similar projects?weui, coloruicss, vant-weapp, vux, materialize, chakra-ui, arc-library, galaxy
weui, coloruicss, vant-weapp, vux, materialize, chakra-ui, arc-library, galaxyWhich topics is it in?miniprogram, weixin, less, css3, ui-library, dark-mode, wechat, theme, component-library, design, css, china
miniprogram, weixin, less, css3, ui-library, dark-mode, wechat, theme, component-library, design, css, china