Что это такое?
WeUI — это библиотека компонентов интерфейса от официальной дизайн-команды WeChat: она придаёт мобильным веб-страницам внешний вид WeChat, с элементами, стилизованными под само приложение WeChat.
WeUI — это библиотека компонентов интерфейса от официальной дизайн-команды WeChat: она придаёт мобильным веб-страницам внешний вид WeChat, с элементами, стилизованными под само приложение WeChat.Это CSS-файл, который я просто подключаю, или JavaScript-фреймворк?Это набор HTML- и CSS-компонентов, а не JavaScript-фреймворк — вы копируете разметку и стили в свои мобильные страницы, а не пишете код поверх какого-то фреймворка.
Это набор HTML- и CSS-компонентов, а не JavaScript-фреймворк — вы копируете разметку и стили в свои мобильные страницы, а не пишете код поверх какого-то фреймворка.Как подключить его к своему проекту?Склонируйте репозиторий, выполните npm install, затем gulp build (npm start запускает gulp -ws для разработки). Если хотите сначала просто посмотреть, в README есть ссылки на мобильное демо и документацию в Wiki.
Склонируйте репозиторий, выполните npm install, затем gulp build (npm start запускает gulp -ws для разработки). Если хотите сначала просто посмотреть, в README есть ссылки на мобильное демо и документацию в Wiki.Что нужно установить, чтобы собрать его или что-то изменить?Node.js с gulp — команды build, test и lint — это npm-скрипты (gulp build, stylelint для CSS). Сам результат — обычный HTML/CSS без зависимостей во время работы.
Node.js с gulp — команды build, test и lint — это npm-скрипты (gulp build, stylelint для CSS). Сам результат — обычный HTML/CSS без зависимостей во время работы.Он имеет смысл только для страниц, открытых внутри WeChat?Он создан специально для веб-разработки под WeChat: компоненты повторяют нативный интерфейс WeChat, поэтому страницы, открытые внутри WeChat, ощущаются как часть приложения. Вне его вы просто получаете мобильный интерфейс в стиле WeChat.
Он создан специально для веб-разработки под WeChat: компоненты повторяют нативный интерфейс WeChat, поэтому страницы, открытые внутри WeChat, ощущаются как часть приложения. Вне его вы просто получаете мобильный интерфейс в стиле WeChat.Какие компоненты идут из коробки?Button, cell, dialog, progress, toast, article, actionsheet и icon — в README они названы самыми полезными элементами и модулями мобильных веб-приложений.
Button, cell, dialog, progress, toast, article, actionsheet и icon — в README они названы самыми полезными элементами и модулями мобильных веб-приложений.Есть ли официальные варианты для Mini Programs, WeCom или React?Да. Команда поддерживает weui-wxss для Mini Programs, WeUI for Work (версию для WeCom), weui.js для интерактивного поведения и react-weui для приложений на React.
Да. Команда поддерживает weui-wxss для Mini Programs, WeUI for Work (версию для WeCom), weui.js для интерактивного поведения и react-weui для приложений на React.Проект ещё живой?Он развивается в GitHub под именем Tencent с декабря 2014 года и собрал около 27,4 тыс. звёзд; в README приглашают создавать issues и pull requests всем, у кого есть идеи или предложения.
Он развивается в GitHub под именем Tencent с декабря 2014 года и собрал около 27,4 тыс. звёзд; в README приглашают создавать issues и pull requests всем, у кого есть идеи или предложения.Зачем дизайн-команда WeChat вообще делала этот проект?Чтобы улучшить и стандартизировать опыт пользователей WeChat: страницы, открытые внутри WeChat, должны выглядеть и вести себя как само приложение, и WeUI даёт каждому разработчику официальные компоненты для этого.
Чтобы улучшить и стандартизировать опыт пользователей WeChat: страницы, открытые внутри WeChat, должны выглядеть и вести себя как само приложение, и WeUI даёт каждому разработчику официальные компоненты для этого.What are similar projects?vux, mdb-ui-kit, materialize, daisyui, weui-wxss, mint-ui, css, hyperui
vux, mdb-ui-kit, materialize, daisyui, weui-wxss, mint-ui, css, hyperuiWhich topics is it in?mobile-ui, mobile-web, css-framework, ui-library, design-system, wechat, component-library, design, ui-components, css, html, mobile
mobile-ui, mobile-web, css-framework, ui-library, design-system, wechat, component-library, design, ui-components, css, html, mobile