完成简易版的充值和充值记录查询页面,简单的我的页面
This commit is contained in:
@@ -1 +0,0 @@
|
||||
export {};
|
@@ -1,70 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
var component_1 = require("../common/component");
|
||||
(0, component_1.VantComponent)({
|
||||
classes: [
|
||||
'main-item-class',
|
||||
'content-item-class',
|
||||
'main-active-class',
|
||||
'content-active-class',
|
||||
'main-disabled-class',
|
||||
'content-disabled-class',
|
||||
],
|
||||
props: {
|
||||
items: {
|
||||
type: Array,
|
||||
observer: 'updateSubItems',
|
||||
},
|
||||
activeId: null,
|
||||
mainActiveIndex: {
|
||||
type: Number,
|
||||
value: 0,
|
||||
observer: 'updateSubItems',
|
||||
},
|
||||
height: {
|
||||
type: null,
|
||||
value: 300,
|
||||
},
|
||||
max: {
|
||||
type: Number,
|
||||
value: Infinity,
|
||||
},
|
||||
selectedIcon: {
|
||||
type: String,
|
||||
value: 'success',
|
||||
},
|
||||
},
|
||||
data: {
|
||||
subItems: [],
|
||||
},
|
||||
methods: {
|
||||
// 当一个子项被选择时
|
||||
onSelectItem: function (event) {
|
||||
var item = event.currentTarget.dataset.item;
|
||||
var isArray = Array.isArray(this.data.activeId);
|
||||
// 判断有没有超出右侧选择的最大数
|
||||
var isOverMax = isArray && this.data.activeId.length >= this.data.max;
|
||||
// 判断该项有没有被选中, 如果有被选中,则忽视是否超出的条件
|
||||
var isSelected = isArray
|
||||
? this.data.activeId.indexOf(item.id) > -1
|
||||
: this.data.activeId === item.id;
|
||||
if (!item.disabled && (!isOverMax || isSelected)) {
|
||||
this.$emit('click-item', item);
|
||||
}
|
||||
},
|
||||
// 当一个导航被点击时
|
||||
onClickNav: function (event) {
|
||||
var index = event.detail;
|
||||
var item = this.data.items[index];
|
||||
if (!item.disabled) {
|
||||
this.$emit('click-nav', { index: index });
|
||||
}
|
||||
},
|
||||
// 更新子项列表
|
||||
updateSubItems: function () {
|
||||
var _a = this.data, items = _a.items, mainActiveIndex = _a.mainActiveIndex;
|
||||
var _b = (items[mainActiveIndex] || {}).children, children = _b === void 0 ? [] : _b;
|
||||
this.setData({ subItems: children });
|
||||
},
|
||||
},
|
||||
});
|
@@ -1,8 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "../icon/index",
|
||||
"van-sidebar": "../sidebar/index",
|
||||
"van-sidebar-item": "../sidebar-item/index"
|
||||
}
|
||||
}
|
@@ -1,41 +0,0 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
<wxs src="./index.wxs" module="wxs" />
|
||||
|
||||
<view
|
||||
class="van-tree-select"
|
||||
style="height: {{ utils.addUnit(height) }}"
|
||||
>
|
||||
<scroll-view scroll-y class="van-tree-select__nav">
|
||||
<van-sidebar active-key="{{ mainActiveIndex }}" bind:change="onClickNav" custom-class="van-tree-select__nav__inner">
|
||||
<van-sidebar-item
|
||||
wx:for="{{ items }}"
|
||||
wx:key="index"
|
||||
custom-class="main-item-class"
|
||||
active-class="main-active-class"
|
||||
disabled-class="main-disabled-class"
|
||||
badge="{{ item.badge }}"
|
||||
dot="{{ item.dot }}"
|
||||
title="{{ item.text }}"
|
||||
disabled="{{ item.disabled }}"
|
||||
/>
|
||||
</van-sidebar>
|
||||
</scroll-view>
|
||||
<scroll-view scroll-y class="van-tree-select__content">
|
||||
<slot name="content" />
|
||||
<view
|
||||
wx:for="{{ subItems }}"
|
||||
wx:key="id"
|
||||
class="van-ellipsis content-item-class {{ utils.bem('tree-select__item', { active: wxs.isActive(activeId, item.id), disabled: item.disabled }) }} {{ wxs.isActive(activeId, item.id) ? 'content-active-class' : '' }} {{ item.disabled ? 'content-disabled-class' : '' }}"
|
||||
data-item="{{ item }}"
|
||||
bind:tap="onSelectItem"
|
||||
>
|
||||
{{ item.text }}
|
||||
<van-icon
|
||||
wx:if="{{ wxs.isActive(activeId, item.id) }}"
|
||||
name="{{ selectedIcon }}"
|
||||
size="16px"
|
||||
class="van-tree-select__selected"
|
||||
/>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
@@ -1,12 +0,0 @@
|
||||
/* eslint-disable */
|
||||
var array = require('../wxs/array.wxs');
|
||||
|
||||
function isActive (activeList, itemId) {
|
||||
if (array.isArray(activeList)) {
|
||||
return activeList.indexOf(itemId) > -1;
|
||||
}
|
||||
|
||||
return activeList === itemId;
|
||||
}
|
||||
|
||||
module.exports.isActive = isActive;
|
@@ -1 +0,0 @@
|
||||
@import '../common/index.wxss';.van-tree-select{display:flex;font-size:var(--tree-select-font-size,14px);position:relative;-webkit-user-select:none;user-select:none}.van-tree-select__nav{--sidebar-padding:12px 8px 12px 12px;background-color:var(--tree-select-nav-background-color,#f7f8fa);flex:1}.van-tree-select__nav__inner{height:100%;width:100%!important}.van-tree-select__content{background-color:var(--tree-select-content-background-color,#fff);flex:2}.van-tree-select__item{font-weight:700;line-height:var(--tree-select-item-height,44px);padding:0 32px 0 var(--padding-md,16px);position:relative}.van-tree-select__item--active{color:var(--tree-select-item-active-color,#ee0a24)}.van-tree-select__item--disabled{color:var(--tree-select-item-disabled-color,#c8c9cc)}.van-tree-select__selected{position:absolute;right:var(--padding-md,16px);top:50%;transform:translateY(-50%)}
|
Reference in New Issue
Block a user