wuss weapp

Wuss Weapp

Высококачественная, полная и хорошо настроенная библиотека компонентов WeChat Applet

документ

https://phonycode.github.io/wuss-wepp

Wuss Wepp официальная коммуникационная группа

QQ Группа номер 787275772

Сканировать QR -код, чтобы испытать

Используйте WeChat для сканирования, чтобы испытать примеры компонентов мини -программы

Демонстрация

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

Прежде чем начать использовать Wuss Weapp, вам необходимо прочитать соответствующую документацию для пользовательских компонентов апплета WeChat.

Как использовать

Метод 1 [Рекомендуется] (установить зависимости через NPM и создать модули NPM в апплеты)

1. Найдите текущий каталог разработки апплета, используя команды Shell или GIT, а затем установите зависимости, используя NPM или пряжу.

npm init && npm install --production wuss-weapp

или

yarn init && yarn add --production wuss-weapp

2. После завершения установки зависимостей вы можете нажать [Tools] => [Build NPM] в инструменте разработчика апплета WeChat. Если появляется всплывающее окно, не забудьте «использовать модуль NPM», чтобы проверить его. Если нет всплывающего окна, вручную проверьте его в деталях после завершения сборки.

3. После завершения сборки вы можете добавить необходимые компоненты. Настройка на странице JSON:

 "usingComponents" : {
  "w-button" : " wuss-weapp/w-button/index " ,
  "w-toast" : " wuss-weapp/w-toast/index " ,
  "w-alert" : " wuss-weapp/w-alert/index "
}

4. Используйте компоненты в WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >
< w-toast id =" wuss-toast " />
< w-alert id =" wuss-alert " />

5. Используйте в JavaScript:

 import { Alert , Toast } from 'wuss-weapp' ;

Alert ( {
  title : '提示' ,
  content : 'wuss weapp is good' ,
} ) ;

Toast . show ( {
  message : 'wuss小程序UI库' ,
} ) ; 

Метод 2 (скопируйте DIST текущего проекта в ваш собственный проект)

1. Перейдите в GitHub, чтобы загрузить код Wuss Weapp и скопировать dist каталог в свой проект. Затем используйте компонент следующим образом. Кнопка взятия в качестве примера, другие компоненты просматриваются на соответствующей странице документа:

2. Добавьте необходимые компоненты. Настройка на странице JSON (путь настроен в соответствии с местоположением вашего проекта):

 "usingComponents" : {
  "w-button" : " /dist/w-button/index "
}

2. Используйте компоненты в WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >

Предварительный просмотр всех компонентов

У нас есть встроенные примеры всех компонентов, вы можете сканировать код апплета выше, чтобы испытать его или просмотреть его в инструменте разработчика WeChat следующим образом:

git clone https://github.com/phonycode/wuss-weapp.git

Затем откройте проект непосредственно в инструменте разработчика WeChat.

способствовать

Если у вас есть какие -либо комментарии или предложения, не стесняйтесь упомянуть проблему. Пожалуйста, прочитайте, есть ли связанная проблема, прежде чем упомянуть проблему. Или, если есть связанная проблема, но проблема была закрыта, это просто версия, которая еще не была обновлена. Пожалуйста, не отвечайте ниже этого вопроса. Если обновленная версия все еще существует после обновления, отправьте новую проблему. Спасибо.

ЛИЦЕНЗИЯ

Грань