You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
4.0 KiB
126 lines
4.0 KiB
2 years ago
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
var component_1 = require("../common/component");
|
||
|
|
var utils_1 = require("../common/utils");
|
||
|
|
(0, component_1.VantComponent)({
|
||
|
|
props: {
|
||
|
|
text: {
|
||
|
|
type: String,
|
||
|
|
value: '',
|
||
|
|
observer: 'init',
|
||
|
|
},
|
||
|
|
mode: {
|
||
|
|
type: String,
|
||
|
|
value: '',
|
||
|
|
},
|
||
|
|
url: {
|
||
|
|
type: String,
|
||
|
|
value: '',
|
||
|
|
},
|
||
|
|
openType: {
|
||
|
|
type: String,
|
||
|
|
value: 'navigate',
|
||
|
|
},
|
||
|
|
delay: {
|
||
|
|
type: Number,
|
||
|
|
value: 1,
|
||
|
|
},
|
||
|
|
speed: {
|
||
|
|
type: Number,
|
||
|
|
value: 60,
|
||
|
|
observer: 'init',
|
||
|
|
},
|
||
|
|
scrollable: null,
|
||
|
|
leftIcon: {
|
||
|
|
type: String,
|
||
|
|
value: '',
|
||
|
|
},
|
||
|
|
color: String,
|
||
|
|
backgroundColor: String,
|
||
|
|
background: String,
|
||
|
|
wrapable: Boolean,
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
show: true,
|
||
|
|
},
|
||
|
|
created: function () {
|
||
|
|
this.resetAnimation = wx.createAnimation({
|
||
|
|
duration: 0,
|
||
|
|
timingFunction: 'linear',
|
||
|
|
});
|
||
|
|
},
|
||
|
|
destroyed: function () {
|
||
|
|
this.timer && clearTimeout(this.timer);
|
||
|
|
},
|
||
|
|
mounted: function () {
|
||
|
|
this.init();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
init: function () {
|
||
|
|
var _this = this;
|
||
|
|
(0, utils_1.requestAnimationFrame)(function () {
|
||
|
|
Promise.all([
|
||
|
|
(0, utils_1.getRect)(_this, '.van-notice-bar__content'),
|
||
|
|
(0, utils_1.getRect)(_this, '.van-notice-bar__wrap'),
|
||
|
|
]).then(function (rects) {
|
||
|
|
var contentRect = rects[0], wrapRect = rects[1];
|
||
|
|
var _a = _this.data, speed = _a.speed, scrollable = _a.scrollable, delay = _a.delay;
|
||
|
|
if (contentRect == null ||
|
||
|
|
wrapRect == null ||
|
||
|
|
!contentRect.width ||
|
||
|
|
!wrapRect.width ||
|
||
|
|
scrollable === false) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (scrollable || wrapRect.width < contentRect.width) {
|
||
|
|
var duration = ((wrapRect.width + contentRect.width) / speed) * 1000;
|
||
|
|
_this.wrapWidth = wrapRect.width;
|
||
|
|
_this.contentWidth = contentRect.width;
|
||
|
|
_this.duration = duration;
|
||
|
|
_this.animation = wx.createAnimation({
|
||
|
|
duration: duration,
|
||
|
|
timingFunction: 'linear',
|
||
|
|
delay: delay,
|
||
|
|
});
|
||
|
|
_this.scroll(true);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
scroll: function (isInit) {
|
||
|
|
var _this = this;
|
||
|
|
if (isInit === void 0) { isInit = false; }
|
||
|
|
this.timer && clearTimeout(this.timer);
|
||
|
|
this.timer = null;
|
||
|
|
this.setData({
|
||
|
|
animationData: this.resetAnimation
|
||
|
|
.translateX(isInit ? 0 : this.wrapWidth)
|
||
|
|
.step()
|
||
|
|
.export(),
|
||
|
|
});
|
||
|
|
(0, utils_1.requestAnimationFrame)(function () {
|
||
|
|
_this.setData({
|
||
|
|
animationData: _this.animation
|
||
|
|
.translateX(-_this.contentWidth)
|
||
|
|
.step()
|
||
|
|
.export(),
|
||
|
|
});
|
||
|
|
});
|
||
|
|
this.timer = setTimeout(function () {
|
||
|
|
_this.scroll();
|
||
|
|
}, this.duration + this.data.delay);
|
||
|
|
},
|
||
|
|
onClickIcon: function (event) {
|
||
|
|
if (this.data.mode === 'closeable') {
|
||
|
|
this.timer && clearTimeout(this.timer);
|
||
|
|
this.timer = null;
|
||
|
|
this.setData({ show: false });
|
||
|
|
this.$emit('close', event.detail);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onClick: function (event) {
|
||
|
|
this.$emit('click', event);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|