完成简易版的充值和充值记录查询页面,简单的我的页面
This commit is contained in:
@@ -1 +0,0 @@
|
||||
export {};
|
@@ -1,48 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
var component_1 = require("../common/component");
|
||||
(0, component_1.VantComponent)({
|
||||
classes: ['avatar-class', 'title-class', 'row-class'],
|
||||
props: {
|
||||
row: {
|
||||
type: Number,
|
||||
value: 0,
|
||||
observer: function (value) {
|
||||
this.setData({ rowArray: Array.from({ length: value }) });
|
||||
},
|
||||
},
|
||||
title: Boolean,
|
||||
avatar: Boolean,
|
||||
loading: {
|
||||
type: Boolean,
|
||||
value: true,
|
||||
},
|
||||
animate: {
|
||||
type: Boolean,
|
||||
value: true,
|
||||
},
|
||||
avatarSize: {
|
||||
type: String,
|
||||
value: '32px',
|
||||
},
|
||||
avatarShape: {
|
||||
type: String,
|
||||
value: 'round',
|
||||
},
|
||||
titleWidth: {
|
||||
type: String,
|
||||
value: '40%',
|
||||
},
|
||||
rowWidth: {
|
||||
type: null,
|
||||
value: '100%',
|
||||
observer: function (val) {
|
||||
this.setData({ isArray: val instanceof Array });
|
||||
},
|
||||
},
|
||||
},
|
||||
data: {
|
||||
isArray: false,
|
||||
rowArray: [],
|
||||
},
|
||||
});
|
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
@@ -1,29 +0,0 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view
|
||||
wx:if="{{ loading }}"
|
||||
class="custom-class {{ utils.bem('skeleton', [{animate}]) }}"
|
||||
>
|
||||
<view
|
||||
wx:if="{{ avatar }}"
|
||||
class="avatar-class {{ utils.bem('skeleton__avatar', [avatarShape])}}"
|
||||
style="{{ 'width:' + avatarSize + ';height:' + avatarSize }}"
|
||||
/>
|
||||
<view class="{{ utils.bem('skeleton__content')}}">
|
||||
<view
|
||||
wx:if="{{ title }}"
|
||||
class="title-class {{ utils.bem('skeleton__title') }}"
|
||||
style="{{ 'width:' + titleWidth }}"
|
||||
/>
|
||||
<view
|
||||
wx:for="{{ rowArray }}"
|
||||
wx:key="index"
|
||||
wx:for-index="index"
|
||||
class="row-class {{ utils.bem('skeleton__row') }}"
|
||||
style="{{ 'width:' + (isArray ? rowWidth[index] : rowWidth) }}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:else class="{{ utils.bem('skeleton__content')}}">
|
||||
<slot />
|
||||
</view>
|
@@ -1 +0,0 @@
|
||||
@import '../common/index.wxss';.van-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.van-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,#f2f3f5);flex-shrink:0;margin-right:var(--padding-md,16px)}.van-skeleton__avatar--round{border-radius:100%}.van-skeleton__content{flex:1}.van-skeleton__avatar+.van-skeleton__content{padding-top:var(--padding-xs,8px)}.van-skeleton__row,.van-skeleton__title{background-color:var(--skeleton-row-background-color,#f2f3f5);height:var(--skeleton-row-height,16px)}.van-skeleton__title{margin:0}.van-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink 1.2s ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}
|
Reference in New Issue
Block a user