Слияние кода завершено, страница обновится автоматически
Мини-программа "Чтение мыслей по карточкам"
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) |
{
"usingComponents": {
"odometer": "/path/to/odometer"
}
}
<!-- index.wxml -->
<odometer id="odometer" odometer-class="odometer" value-class="odometer-value" />
/* index.wxss */
.odometer {
margin-top: 50px;
}
.odometer-value {
font-size: 72px;
font-weight: bold;
color: #f64d8d;
}
/* 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 )