1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/minchangyong-skeletons

Клонировать/Скачать
README.md 3.6 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 28.11.2024 02:22 92a1336

Скелеты

Введение

Реализация решения для скелетон-экранов в мини-программах. Рекомендуется использовать скелетон-экраны для длинных списков.

Быстрый старт

Импорт компонента скелетон
  • Для платформы WeChat:
{
  "usingComponents": {
    "skeletons": "/component/wx-skeletons/index"
  }
}
  • Для платформы Alipay:
{
  "usingComponents": {
    "skeletons": "/component/ali-skeletons/index"
  }
}
В соответствующих файлах WXML и AXML добавьте:
<skeletons isNodes="{{isNodes}}" isComplete="{{isComplete}}" />
Работа с JS:
  initData() {
    let postData = {
        townId: util.getStorageSync('townId') || 87
    }
    // Инициализация запроса к первому API
    app.postAjax('https://url.com', postData).then((res) => {
      if (res.success) {
        this.setData({
          bodyData: res.data,  //Данные для отображения на странице
          isNodes: true //Рисование узлов скелетон экрана
        }, () => {
          this.setData({
            isComplete: true  //Завершение рисования узлов, скрытие скелетона
          })
        })
      } else {
        util.toast(res.msg || 'Возникла небольшая проблема с группой, пожалуйста, попробуйте еще раз позже')
      }
    }, () => {
      util.toast('Возникла небольшая проблема с группой, пожалуйста, попробуйте еще раз позже')
    })
  },
Util.js
//Для WeChat
function toast(msg) {
  wx.showToast({
      title: msg,
      icon: 'none'
  })
}
//Для Alipay
function toast(msg) {
  my.showToast({
      content: msg
  })
}

Свойства

Свойства

Участие в проекте

  1. Fork текущего репозитория.
  2. Создайте ветку Feat_xxx.
  3. Отправьте код.
  4. Создайте Pull Request.

Особенности использования Code Cloud

  1. Используйте Readme_XXX.md для поддержки разных языков, например Readme_en.md, Readme_zh.md.
  2. Официальный блог Code Cloud — blog.gitee.com.
  3. Вы можете посетить https://gitee.com/explore, чтобы узнать о выдающихся проектах с открытым исходным кодом на Code Cloud.
  4. GVP — это аббревиатура от «Наиболее ценные проекты с открытым исходным кодом» на Code Cloud, которая представляет собой подборку выдающихся проектов с открытым исходным кодом, отобранных Code Cloud.
  5. Официальное руководство по использованию Code Cloud доступно по адресу https://gitee.com/help.
  6. Лица обложки Code Cloud — это серия, демонстрирующая великолепие членов Code Cloud https://gitee.com/gitee-stars/.

Опубликовать ( 0 )

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

1
https://api.gitlife.ru/oschina-mirror/minchangyong-skeletons.git
git@api.gitlife.ru:oschina-mirror/minchangyong-skeletons.git
oschina-mirror
minchangyong-skeletons
minchangyong-skeletons
master