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

OSCHINA-MIRROR/qwqoffice-odometer-for-wechatapp

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Компонент анимированного счетчика Odometer для WeChat Mini Program

Эффект

WeChat Mini Program версия Odometer

Пример

Мини-программа "Чтение мыслей по карточкам"

Мини-программа "Чтение мыслей по карточкам"

Ссылка

Odometer https://github.com/HubSpot/odometer

Атрибуты

Название атрибута Тип По умолчанию Описание
id String Уникальный идентификатор метки для выбора и последующих действий
odometer-class String Класс стиля внешнего контейнера
value-class String Класс стиля значения
duration Number 2000 Время перехода анимации

Методы

Название метода Параметры Описание
show Отображает компонент
hide 0 Скрывает компонент (неактивность равна 0)
setValue value Устанавливает значение компонента
startAnimate Начинает анимацию
update newValue Обновляет значение компонента (эквивалентно последовательному выполнению show, setValue и startAnimate)

Пример использования

JSON
{
	"usingComponents": {
		"odometer": "/path/to/odometer"
	}
}
HTML
<!-- index.wxml -->
<odometer id="odometer" odometer-class="odometer" value-class="odometer-value" />
CSS
/* index.wxss */
.odometer {
	margin-top: 50px;
}

.odometer-value {
	font-size: 72px;
	font-weight: bold;
	color: #f64d8d;
}
JS
/* index.js */
var that = this;
var odometer = this.selectComponent('#odometer'); // Получаем экземпляр компонента
setTimeout(function() {
(odometer.update(30)); // Обновляем значение до 30 через 1000 миллисекунд
}, 1000);
setTimeout(function() {
(odometer.update(90)); // Обновляем значение до 90 через 3500 миллисекунд
}, 3500);
setTimeout(function() {
(odometer.update(50)); // Обновляем значение до 50 через 5700 миллисекунд
}, 5700);

Поддержите проект

Код для пожертвований

Комментарии ( 0 )

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

Введение

Описание недоступно Развернуть Свернуть
GPL-3.0
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/qwqoffice-odometer-for-wechatapp.git
git@api.gitlife.ru:oschina-mirror/qwqoffice-odometer-for-wechatapp.git
oschina-mirror
qwqoffice-odometer-for-wechatapp
qwqoffice-odometer-for-wechatapp
master