初始
This commit is contained in:
132
node_modules/@vant/weapp/lib/notice-bar/index.js
generated
vendored
Normal file
132
node_modules/@vant/weapp/lib/notice-bar/index.js
generated
vendored
Normal file
@@ -0,0 +1,132 @@
|
||||
"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 scrollable = _this.data.scrollable;
|
||||
if (contentRect == null ||
|
||||
wrapRect == null ||
|
||||
!contentRect.width ||
|
||||
!wrapRect.width ||
|
||||
scrollable === false) {
|
||||
return;
|
||||
}
|
||||
if (scrollable || wrapRect.width < contentRect.width) {
|
||||
_this.initAnimation(wrapRect.width, contentRect.width);
|
||||
_this.scroll(true);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
initAnimation: function (warpWidth, contentWidth) {
|
||||
var _a = this.data, speed = _a.speed, delay = _a.delay;
|
||||
this.wrapWidth = warpWidth;
|
||||
this.contentWidth = contentWidth;
|
||||
// begin 0
|
||||
this.contentDuration = (contentWidth / speed) * 1000;
|
||||
// begin -wrapWidth
|
||||
this.duration = ((warpWidth + contentWidth) / speed) * 1000;
|
||||
this.animation = wx.createAnimation({
|
||||
duration: this.contentDuration,
|
||||
timingFunction: 'linear',
|
||||
delay: delay,
|
||||
});
|
||||
},
|
||||
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(),
|
||||
});
|
||||
var duration = isInit ? this.contentDuration : this.duration;
|
||||
(0, utils_1.requestAnimationFrame)(function () {
|
||||
_this.setData({
|
||||
animationData: _this.animation
|
||||
.translateX(-_this.contentWidth)
|
||||
.step({ duration: duration })
|
||||
.export(),
|
||||
});
|
||||
});
|
||||
this.timer = setTimeout(function () {
|
||||
_this.scroll();
|
||||
}, 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);
|
||||
},
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user