lin ui

Китайская документация | Официальное руководство |

Lin UI, а не просто библиотека компонентов пользовательского интерфейса!
Набор высококачественных библиотек компонентов пользовательского интерфейса, основанных на собственном синтаксисе мини-программ WeChat.

---

Оглавление

• Оглавление
• Введение
• Начинайте быстро
  • Установить
  • представлять
• Обсуждение и обмен
• Добавить код
• Соглашение об открытом исходном коде

Введение

Lin UI — это набор высококачественных библиотек компонентов пользовательского интерфейса, основанных на собственном синтаксисе мини-программ WeChat . Следуйте требованиям дизайна: простоте, удобству использования и красоте.

Начинайте быстро

Обязательно проверьте增强编译Es6 转ES5 и使用npm 模块, см. рисунок.

Установить

1. Инициализируйте свой проект как проект NPM.

    npm init -y
   

   Если корневой каталог проекта уже содержит файл package.json, вы можете пропустить этот шаг.

2. Установить интерфейс Лин

    npm i lin-ui
   

3. Настройка инструментов разработчика WeChat Чтобы правильно установить пользовательский интерфейс Lin, вам необходимо проверить все следующие три параметра инструментов разработчика WeChat, см. рисунок.

   • 使用npm 模块
   • 增强编译
   • ES6 转ES5

   Путь настройки: верхний правый угол инструментов разработчика WeChat -> Подробности -> Локальные настройки.

4. Создание модуля NPM После настройки инструментов разработчика WeChat вам все равно необходимо создать модуль NPM.

   Расположение кнопки: верхняя часть инструментов разработчика WeChat -> Инструменты -> Сборка npm.

Если у вас нет локальной среды Node.js и вы не можете установить ее с помощью NPM, вы можете установить ее с помощью исходного кода.

представлять

1. Настройка инструментов разработчика WeChat

   • Чтобы правильно использовать пользовательский интерфейс Lin, вам необходимо проверить Es6 转ES5 и增强编译в инструментах разработчика WeChat.

     Путь настройки: верхний правый угол инструментов разработчика WeChat -> Подробности -> Локальные настройки.

   • Установите версию базовой библиотеки >=2.8.2

2. представлено на странице

   {
     "usingComponents" :{
       "l-button" : " /miniprogram_npm/lin-ui/button/index "
     }
   }

3. Использовать на странице

    < l-button type =" default " >默认按钮</ l-button >

   Мы рекомендуем, чтобы при внедрении компонентов пользовательского интерфейса Lin все они имели имена в формате l-{组件名} . Следование этой спецификации сделает код вашего проекта более понятным.

   На данный момент Lin UI успешно внедрен в ваш проект!

Обсуждение и обмен

Добавить код

Наш код разработан на основе ветки разработки, и вы можете отправлять запросы на внесение изменений в код.

Прежде чем отправлять запрос на включение, пожалуйста, подробно прочтите наши спецификации разработки, в противном случае запрос на включение может быть закрыт из-за нестандартной информации о фиксации и по другим причинам.

Соглашение об открытом исходном коде

MIT © 2020 В лесу ветер