完成简易版的充值和充值记录查询页面，简单的我的页面
This commit is contained in:
@@ -1 +0,0 @@
|
||||
export {};
|
||||
@@ -1,136 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
var relation_1 = require("../common/relation");
|
||||
var component_1 = require("../common/component");
|
||||
(0, component_1.VantComponent)({
|
||||
classes: ['item-title-class'],
|
||||
field: true,
|
||||
relation: (0, relation_1.useParent)('dropdown-menu', function () {
|
||||
this.updateDataFromParent();
|
||||
}),
|
||||
props: {
|
||||
value: {
|
||||
type: null,
|
||||
observer: 'rerender',
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
observer: 'rerender',
|
||||
},
|
||||
disabled: Boolean,
|
||||
titleClass: {
|
||||
type: String,
|
||||
observer: 'rerender',
|
||||
},
|
||||
options: {
|
||||
type: Array,
|
||||
value: [],
|
||||
observer: 'rerender',
|
||||
},
|
||||
popupStyle: String,
|
||||
useBeforeToggle: {
|
||||
type: Boolean,
|
||||
value: false,
|
||||
},
|
||||
rootPortal: {
|
||||
type: Boolean,
|
||||
value: false,
|
||||
},
|
||||
},
|
||||
data: {
|
||||
transition: true,
|
||||
showPopup: false,
|
||||
showWrapper: false,
|
||||
displayTitle: '',
|
||||
safeAreaTabBar: false,
|
||||
},
|
||||
methods: {
|
||||
rerender: function () {
|
||||
var _this = this;
|
||||
wx.nextTick(function () {
|
||||
var _a;
|
||||
(_a = _this.parent) === null || _a === void 0 ? void 0 : _a.updateItemListData();
|
||||
});
|
||||
},
|
||||
updateDataFromParent: function () {
|
||||
if (this.parent) {
|
||||
var _a = this.parent.data, overlay = _a.overlay, duration = _a.duration, activeColor = _a.activeColor, closeOnClickOverlay = _a.closeOnClickOverlay, direction = _a.direction, safeAreaTabBar = _a.safeAreaTabBar;
|
||||
this.setData({
|
||||
overlay: overlay,
|
||||
duration: duration,
|
||||
activeColor: activeColor,
|
||||
closeOnClickOverlay: closeOnClickOverlay,
|
||||
direction: direction,
|
||||
safeAreaTabBar: safeAreaTabBar,
|
||||
});
|
||||
}
|
||||
},
|
||||
onOpen: function () {
|
||||
this.$emit('open');
|
||||
},
|
||||
onOpened: function () {
|
||||
this.$emit('opened');
|
||||
},
|
||||
onClose: function () {
|
||||
this.$emit('close');
|
||||
},
|
||||
onClosed: function () {
|
||||
this.$emit('closed');
|
||||
this.setData({ showWrapper: false });
|
||||
},
|
||||
onOptionTap: function (event) {
|
||||
var option = event.currentTarget.dataset.option;
|
||||
var value = option.value;
|
||||
var shouldEmitChange = this.data.value !== value;
|
||||
this.setData({ showPopup: false, value: value });
|
||||
this.$emit('close');
|
||||
this.rerender();
|
||||
if (shouldEmitChange) {
|
||||
this.$emit('change', value);
|
||||
}
|
||||
},
|
||||
toggle: function (show, options) {
|
||||
var _this = this;
|
||||
if (options === void 0) { options = {}; }
|
||||
var showPopup = this.data.showPopup;
|
||||
if (typeof show !== 'boolean') {
|
||||
show = !showPopup;
|
||||
}
|
||||
if (show === showPopup) {
|
||||
return;
|
||||
}
|
||||
this.onBeforeToggle(show).then(function (status) {
|
||||
var _a;
|
||||
if (!status) {
|
||||
return;
|
||||
}
|
||||
_this.setData({
|
||||
transition: !options.immediate,
|
||||
showPopup: show,
|
||||
});
|
||||
if (show) {
|
||||
(_a = _this.parent) === null || _a === void 0 ? void 0 : _a.getChildWrapperStyle().then(function (wrapperStyle) {
|
||||
_this.setData({ wrapperStyle: wrapperStyle, showWrapper: true });
|
||||
_this.rerender();
|
||||
});
|
||||
}
|
||||
else {
|
||||
_this.rerender();
|
||||
}
|
||||
});
|
||||
},
|
||||
onBeforeToggle: function (status) {
|
||||
var _this = this;
|
||||
var useBeforeToggle = this.data.useBeforeToggle;
|
||||
if (!useBeforeToggle) {
|
||||
return Promise.resolve(true);
|
||||
}
|
||||
return new Promise(function (resolve) {
|
||||
_this.$emit('before-toggle', {
|
||||
status: status,
|
||||
callback: function (value) { return resolve(value); },
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
});
|
||||
@@ -1,8 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-popup": "../popup/index",
|
||||
"van-cell": "../cell/index",
|
||||
"van-icon": "../icon/index"
|
||||
}
|
||||
}
|
||||
@@ -1,50 +0,0 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view
|
||||
wx:if="{{ showWrapper }}"
|
||||
class="{{ utils.bem('dropdown-item', direction) }} custom-class"
|
||||
style="{{ wrapperStyle }}"
|
||||
>
|
||||
<van-popup
|
||||
show="{{ showPopup }}"
|
||||
custom-style="position: absolute;{{ popupStyle }}"
|
||||
overlay-style="position: absolute;"
|
||||
overlay="{{ overlay }}"
|
||||
position="{{ direction === 'down' ? 'top' : 'bottom' }}"
|
||||
duration="{{ transition ? duration : 0 }}"
|
||||
safe-area-tab-bar="{{ safeAreaTabBar }}"
|
||||
close-on-click-overlay="{{ closeOnClickOverlay }}"
|
||||
rootPortal="{{ rootPortal }}"
|
||||
bind:enter="onOpen"
|
||||
bind:leave="onClose"
|
||||
bind:close="toggle"
|
||||
bind:after-enter="onOpened"
|
||||
bind:after-leave="onClosed"
|
||||
>
|
||||
<van-cell
|
||||
wx:for="{{ options }}"
|
||||
wx:key="value"
|
||||
data-option="{{ item }}"
|
||||
class="{{ utils.bem('dropdown-item__option', { active: item.value === value } ) }}"
|
||||
clickable
|
||||
icon="{{ item.icon }}"
|
||||
bind:tap="onOptionTap"
|
||||
>
|
||||
<view
|
||||
slot="title"
|
||||
class="van-dropdown-item__title item-title-class"
|
||||
style="{{ item.value === value ? 'color:' + activeColor : '' }}"
|
||||
>
|
||||
{{ item.text }}
|
||||
</view>
|
||||
<van-icon
|
||||
wx:if="{{ item.value === value }}"
|
||||
name="success"
|
||||
class="van-dropdown-item__icon"
|
||||
color="{{ activeColor }}"
|
||||
/>
|
||||
</van-cell>
|
||||
|
||||
<slot />
|
||||
</van-popup>
|
||||
</view>
|
||||
@@ -1 +0,0 @@
|
||||
@import '../common/index.wxss';.van-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active .van-dropdown-item__icon,.van-dropdown-item__option--active .van-dropdown-item__title{color:var(--dropdown-menu-option-active-color,#ee0a24)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__icon{display:block;line-height:inherit}
|
||||
@@ -1,5 +0,0 @@
|
||||
export interface Option {
|
||||
text: string;
|
||||
value: string | number;
|
||||
icon: string;
|
||||
}
|
||||
@@ -1,2 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
Reference in New Issue
Block a user