完成简易版的充值和充值记录查询页面,简单的我的页面
This commit is contained in:
@@ -1 +0,0 @@
|
||||
export {};
|
@@ -1,125 +0,0 @@
|
||||
"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);
|
||||
},
|
||||
},
|
||||
});
|
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "../icon/index"
|
||||
}
|
||||
}
|
@@ -1,38 +0,0 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
<wxs src="./index.wxs" module="computed" />
|
||||
|
||||
<view
|
||||
wx:if="{{ show }}"
|
||||
class="custom-class {{ utils.bem('notice-bar', { withicon: mode, wrapable }) }}"
|
||||
style="{{ computed.rootStyle({ color, backgroundColor, background }) }}"
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<van-icon
|
||||
wx:if="{{ leftIcon }}"
|
||||
name="{{ leftIcon }}"
|
||||
class="van-notice-bar__left-icon"
|
||||
/>
|
||||
<slot wx:else name="left-icon" />
|
||||
|
||||
<view class="van-notice-bar__wrap">
|
||||
<view class="van-notice-bar__content {{ scrollable === false && !wrapable ? 'van-ellipsis' : '' }}" animation="{{ animationData }}">
|
||||
{{ text }}
|
||||
<slot wx:if="{{ !text }}"></slot>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<van-icon
|
||||
wx:if="{{ mode === 'closeable' }}"
|
||||
class="van-notice-bar__right-icon"
|
||||
name="cross"
|
||||
catch:tap="onClickIcon"
|
||||
/>
|
||||
<navigator
|
||||
wx:elif="{{ mode === 'link' }}"
|
||||
url="{{ url }}"
|
||||
open-type="{{ openType }}"
|
||||
>
|
||||
<van-icon class="van-notice-bar__right-icon" name="arrow" />
|
||||
</navigator>
|
||||
<slot wx:else name="right-icon" />
|
||||
</view>
|
@@ -1,15 +0,0 @@
|
||||
/* eslint-disable */
|
||||
var style = require('../wxs/style.wxs');
|
||||
var addUnit = require('../wxs/add-unit.wxs');
|
||||
|
||||
function rootStyle(data) {
|
||||
return style({
|
||||
color: data.color,
|
||||
'background-color': data.backgroundColor,
|
||||
background: data.background,
|
||||
});
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
rootStyle: rootStyle,
|
||||
};
|
@@ -1 +0,0 @@
|
||||
@import '../common/index.wxss';.van-notice-bar{align-items:center;background-color:var(--notice-bar-background-color,#fffbe8);color:var(--notice-bar-text-color,#ed6a0c);display:flex;font-size:var(--notice-bar-font-size,14px);height:var(--notice-bar-height,40px);line-height:var(--notice-bar-line-height,24px);padding:var(--notice-bar-padding,0 16px)}.van-notice-bar--withicon{padding-right:40px;position:relative}.van-notice-bar--wrapable{height:auto;padding:var(--notice-bar-wrapable-padding,8px 16px)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal}.van-notice-bar__left-icon{align-items:center;display:flex;margin-right:4px;vertical-align:middle}.van-notice-bar__left-icon,.van-notice-bar__right-icon{font-size:var(--notice-bar-icon-size,16px);min-width:var(--notice-bar-icon-min-width,22px)}.van-notice-bar__right-icon{position:absolute;right:15px;top:10px}.van-notice-bar__wrap{flex:1;height:var(--notice-bar-line-height,24px);overflow:hidden;position:relative}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}
|
Reference in New Issue
Block a user