@uxda/appkit 1.0.38 → 1.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.vscode/components.code-snippets +61 -0
- package/.vscode/extensions.json +7 -0
- package/.vscode/settings.json +98 -0
- package/dist/appkit.css +31 -11
- package/dist/index.js +36 -22
- package/package.json +1 -1
- package/src/balance/api/endpoints.ts +2 -2
- package/src/balance/components/AccountView.vue +11 -3
- package/src/balance/components/BalanceCard.vue +3 -3
- package/src/balance/components/ConsumptionFilter.vue +21 -1
- package/src/payment/components/RechargeResult.vue +20 -13
- package/src/payment/components/RechargeView.vue +0 -1
- package/src/shared/composables/index.ts +5 -0
- package/src/styles/fonts.scss +1 -1
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"新建组件": {
|
|
3
|
+
"prefix": ["nsc", "nutshell"],
|
|
4
|
+
"body": [
|
|
5
|
+
"import { PropType, ObjectEmitsOptions, SlotsType } from 'vue'"
|
|
6
|
+
"import { define, MakePropsType } from '../../utils'"
|
|
7
|
+
"",
|
|
8
|
+
"export const ${2}Props = {"
|
|
9
|
+
"\tlabel: {"
|
|
10
|
+
"\t\ttype: String"
|
|
11
|
+
"\t}"
|
|
12
|
+
"}"
|
|
13
|
+
""
|
|
14
|
+
"export type ${1}Emits = {"
|
|
15
|
+
"}"
|
|
16
|
+
""
|
|
17
|
+
"const ${2}Emits: ${1}Emits = {"
|
|
18
|
+
"}"
|
|
19
|
+
""
|
|
20
|
+
"export type ${1}Slots = {"
|
|
21
|
+
"\tdefault: never,"
|
|
22
|
+
"}"
|
|
23
|
+
""
|
|
24
|
+
"export type ${1}Props = MakePropsType<typeof ${2}Props, ${1}Emits>"
|
|
25
|
+
"",
|
|
26
|
+
"$BLOCK_COMMENT_START*"
|
|
27
|
+
" * ${3} 组件 <ns-${2}>"
|
|
28
|
+
" $BLOCK_COMMENT_END"
|
|
29
|
+
"export const Ns${1:$TM_FILENAME_BASE} = define({"
|
|
30
|
+
"\tname: 'Ns${1}',"
|
|
31
|
+
"\tprops: ${2}Props,"
|
|
32
|
+
"\temits: ${2}Emits,"
|
|
33
|
+
"\tsetup (props, ctx) {"
|
|
34
|
+
"\t\treturn {"
|
|
35
|
+
"\t\t}"
|
|
36
|
+
"\t}"
|
|
37
|
+
"})"
|
|
38
|
+
"// 需要增加 import 到 ./index.ts, ../components.ts"
|
|
39
|
+
],
|
|
40
|
+
"description": "新建组件"
|
|
41
|
+
},
|
|
42
|
+
|
|
43
|
+
"新建 vendor": {
|
|
44
|
+
"prefix": ["nsv", "nutshell-vendor"],
|
|
45
|
+
"body": [
|
|
46
|
+
"import { h, SetupContext } from 'vue'",
|
|
47
|
+
"import { ${2:$TM_FILENAME_BASE} as Antdv${2} } from 'ant-design-vue'",
|
|
48
|
+
"import { ${1}Props } from '../../../../components'"
|
|
49
|
+
"",
|
|
50
|
+
"export const ${1:$TM_FILENAME_BASE} = (props: ${1}Props, ctx: SetupContext) => {",
|
|
51
|
+
"",
|
|
52
|
+
"\treturn h(Antdv${2}, {",
|
|
53
|
+
"\t\tclass: 'ns-${3}',",
|
|
54
|
+
"\t}, () => '')",
|
|
55
|
+
"}",
|
|
56
|
+
"// + import => ./index.ts, ../components.ts"
|
|
57
|
+
""
|
|
58
|
+
],
|
|
59
|
+
"description": "新建组件"
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
{
|
|
2
|
+
"eslint.enable": true,
|
|
3
|
+
"eslint.validate": [],
|
|
4
|
+
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
|
|
5
|
+
"files.exclude": {
|
|
6
|
+
"**/dist": true,
|
|
7
|
+
"**/nutshell.css": true,
|
|
8
|
+
"**/antdv.css": true,
|
|
9
|
+
"**/nutui.css": true,
|
|
10
|
+
"**/auto-imports.d.ts": true,
|
|
11
|
+
"**/node_modules": true,
|
|
12
|
+
"**/yarn-error.log": true,
|
|
13
|
+
"**/.eslintrc-auto-import.json": true,
|
|
14
|
+
},
|
|
15
|
+
"workbench.colorCustomizations": {
|
|
16
|
+
"[Atlantic Night]": {
|
|
17
|
+
"editor.background": "#060f3d",
|
|
18
|
+
"tab.border": "#060f3d",
|
|
19
|
+
"tab.activeBackground": "#060f3d",
|
|
20
|
+
"tab.activeBorder": "#060f3d",
|
|
21
|
+
"tab.activeBorderTop": "#060f3d",
|
|
22
|
+
"tab.inactiveBackground": "#060f3d",
|
|
23
|
+
"tab.activeModifiedBorder": "#060f3d",
|
|
24
|
+
"sideBar.background": "#060f3d",
|
|
25
|
+
"sideBar.border": "#060f3d",
|
|
26
|
+
"sideBar.foreground": "#0091ff",
|
|
27
|
+
"sideBarSectionHeader.border": "#060f3d",
|
|
28
|
+
"focusBorder": "#060f3d",
|
|
29
|
+
"sideBarSectionHeader.background": "#060f3d",
|
|
30
|
+
"activityBar.background": "#060f3d",
|
|
31
|
+
"activityBar.foreground": "#ff009d",
|
|
32
|
+
"activityBar.activeBorder": "#ff009d",
|
|
33
|
+
"activityBar.inactiveForeground": "#ff009d",
|
|
34
|
+
"scrollbarSlider.background": "#00569d66",
|
|
35
|
+
"activityBar.border": "#060f3d",
|
|
36
|
+
"activityBar.activeBackground": "#060f3d",
|
|
37
|
+
"editorGroup.border": "#060f3d",
|
|
38
|
+
"editorGroupHeader.noTabsBackground": "#060f3d",
|
|
39
|
+
"editorGroupHeader.tabsBackground": "#060f3d",
|
|
40
|
+
"editorGroupHeader.tabsBorder": "#060f3d",
|
|
41
|
+
"editorWidget.background": "#060f3d",
|
|
42
|
+
"editorHoverWidget.background": "#001163",
|
|
43
|
+
"editorHoverWidget.border": "#002aff",
|
|
44
|
+
"editorSuggestWidget.background": "#001163",
|
|
45
|
+
"editorSuggestWidget.border": "#002aff",
|
|
46
|
+
"editorSuggestWidget.focusHighlightForeground": "#00ff73",
|
|
47
|
+
"editorSuggestWidget.selectedBackground": "#ff009d",
|
|
48
|
+
"editorGutter.background": "#060f3d",
|
|
49
|
+
"editor.lineHighlightBackground": "#08165a",
|
|
50
|
+
"editor.lineHighlightBorder": "#060f3d",
|
|
51
|
+
"titleBar.activeBackground": "#060f3d",
|
|
52
|
+
"titleBar.inactiveBackground": "#060f3d",
|
|
53
|
+
"quickInput.background": "#001163",
|
|
54
|
+
"quickInputList.focusBackground": "#ff009d",
|
|
55
|
+
"quickInputTitle.background": "#ff0000",
|
|
56
|
+
"quickInput.foreground": "#00ff73",
|
|
57
|
+
"input.background": "#060f3d",
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"editor.semanticTokenColorCustomizations": {
|
|
61
|
+
"rules": {
|
|
62
|
+
"keyword.void": {
|
|
63
|
+
"foreground": "#ffff99",
|
|
64
|
+
"fontStyle": "underline"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
"editor.tokenColorCustomizations": {
|
|
69
|
+
"[Shades of Purple]": {
|
|
70
|
+
"comments": {
|
|
71
|
+
"foreground": "#00ffae",
|
|
72
|
+
"fontStyle": ""
|
|
73
|
+
},
|
|
74
|
+
"textMateRules": [
|
|
75
|
+
{
|
|
76
|
+
"name": "types",
|
|
77
|
+
"scope": "entity.name.type",
|
|
78
|
+
"settings": {
|
|
79
|
+
"fontStyle": "bold underline",
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"scope": "variable.other.readwrite.ts",
|
|
84
|
+
"settings": {
|
|
85
|
+
"foreground": "#ff00c8"
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"scope": "entity.other.attribute-name.html",
|
|
90
|
+
"settings": {
|
|
91
|
+
"fontStyle": "",
|
|
92
|
+
"foreground": "#ffbb00"
|
|
93
|
+
},
|
|
94
|
+
}
|
|
95
|
+
]
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
package/dist/appkit.css
CHANGED
|
@@ -137,36 +137,41 @@
|
|
|
137
137
|
color: #FD6701;
|
|
138
138
|
}
|
|
139
139
|
.recharge-result {
|
|
140
|
+
padding-top: 120px;
|
|
141
|
+
}
|
|
142
|
+
.recharge-result .content {
|
|
140
143
|
display: flex;
|
|
141
|
-
width:
|
|
142
|
-
height:
|
|
144
|
+
width: 100%;
|
|
145
|
+
height: fit-content;
|
|
143
146
|
flex-direction: column;
|
|
144
|
-
justify-content:
|
|
147
|
+
justify-content: flex-start;
|
|
145
148
|
align-items: center;
|
|
146
149
|
}
|
|
147
150
|
.recharge-result h2 {
|
|
148
151
|
font-size: 16px;
|
|
149
152
|
font-weight: bold;
|
|
150
|
-
margin:
|
|
153
|
+
margin-top: 20px;
|
|
151
154
|
}
|
|
152
155
|
.recharge-result .caption {
|
|
153
156
|
color: #353535;
|
|
154
157
|
opacity: 0.5;
|
|
158
|
+
margin-top: 8px;
|
|
155
159
|
}
|
|
156
160
|
.recharge-result .figure {
|
|
157
161
|
width: 100px;
|
|
158
162
|
height: 100px;
|
|
159
|
-
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+
|
|
163
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
|
|
160
164
|
}
|
|
161
165
|
.recharge-result .back-button {
|
|
162
|
-
margin-top:
|
|
166
|
+
margin-top: 40px;
|
|
167
|
+
width: 128px;
|
|
163
168
|
}
|
|
164
169
|
page {
|
|
165
170
|
--text-color: #333;
|
|
166
171
|
--text-color-dark-mode: #eee;
|
|
167
172
|
}
|
|
168
173
|
.number {
|
|
169
|
-
font-family: 'DIN alternate';
|
|
174
|
+
font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
|
|
170
175
|
}
|
|
171
176
|
.account-card .card {
|
|
172
177
|
background: #2F2F2F;
|
|
@@ -217,8 +222,8 @@ page {
|
|
|
217
222
|
}
|
|
218
223
|
.account-card .card .line {
|
|
219
224
|
margin: 6px 0px 8px 0px;
|
|
220
|
-
height:
|
|
221
|
-
background:
|
|
225
|
+
height: 0.5px;
|
|
226
|
+
background: rgb(195, 195, 195);
|
|
222
227
|
opacity: 0.2;
|
|
223
228
|
}
|
|
224
229
|
.account-card .card .card-row-right .pay {
|
|
@@ -234,7 +239,7 @@ page {
|
|
|
234
239
|
.account-card .card .card-row-right .pay .pay-icon {
|
|
235
240
|
display: block;
|
|
236
241
|
font-size: 0;
|
|
237
|
-
width:
|
|
242
|
+
width: 3.5px;
|
|
238
243
|
height: 6px;
|
|
239
244
|
margin-left: 6px;
|
|
240
245
|
}
|
|
@@ -271,6 +276,7 @@ page {
|
|
|
271
276
|
width: 100%;
|
|
272
277
|
}
|
|
273
278
|
.consumption-filter-title {
|
|
279
|
+
position: relative;
|
|
274
280
|
height: 44px;
|
|
275
281
|
line-height: 44px;
|
|
276
282
|
font-size: 17px;
|
|
@@ -334,6 +340,20 @@ page {
|
|
|
334
340
|
height: 32px;
|
|
335
341
|
background: #fff;
|
|
336
342
|
}
|
|
343
|
+
.consumption-filter .icon {
|
|
344
|
+
display: block;
|
|
345
|
+
width: 20px;
|
|
346
|
+
height: 20px;
|
|
347
|
+
background-size: 40px;
|
|
348
|
+
background-repeat: no-repeat;
|
|
349
|
+
background-position: center center;
|
|
350
|
+
}
|
|
351
|
+
.consumption-filter .icon.icon-x {
|
|
352
|
+
position: absolute;
|
|
353
|
+
right: 10px;
|
|
354
|
+
top: 11px;
|
|
355
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MSA0MUgxVjFINDFWNDFaIiBmaWxsPSIjRDhEOEQ4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjM1NjEgMjAuOTk5OUwzMy45NjM3IDMxLjYwNzJDMzQuNjE0NiAzMi4yNTgxIDM0LjYxNDYgMzMuMzEzNCAzMy45NjM3IDMzLjk2NDJDMzMuMzQyNSAzNC41ODU1IDMyLjM1MjcgMzQuNjEzOCAzMS42OTc5IDM0LjA0ODlMMjAuOTk5NCAyMy4zNTY2TDEwLjM5MzUgMzMuOTY0MkM5Ljc0MjY1IDM0LjYxNTEgOC42ODczOCAzNC42MTUxIDguMDM2NSAzMy45NjQyQzcuNDE1MTkgMzMuMzQyOSA3LjM4Njk3IDMyLjM1MzIgNy45NTE3OSAzMS42OTg0TDE4LjY0MjggMjAuOTk5OUw4LjAzNjUgMTAuMzk0QzcuMzg1NjMgOS43NDMxNCA3LjM4NTYzIDguNjg3ODcgOC4wMzY1IDguMDM2OTlDOC42NTc3OSA3LjQxNTY4IDkuNjQ3NTQgNy4zODc0NiAxMC4zMDIzIDcuOTUyMjdMMjAuOTk5NCAxOC42NDMzTDMxLjYwNjcgOC4wMzY5OUMzMi4yNTc2IDcuMzg2MTIgMzMuMzEyOSA3LjM4NjEyIDMzLjk2MzcgOC4wMzY5OUMzNC41ODUgOC42NTgyOCAzNC42MTMzIDkuNjQ4MDMgMzQuMDQ4NSAxMC4zMDI4TDIzLjM1NjEgMjAuOTk5OVoiIGZpbGw9IiMxNzFBMUQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjAxIi8+Cjwvc3ZnPgo=");
|
|
356
|
+
}
|
|
337
357
|
.consumption-date-filter {
|
|
338
358
|
height: 100%;
|
|
339
359
|
display: flex;
|
|
@@ -683,7 +703,7 @@ page {
|
|
|
683
703
|
.consumption-rules-popup {
|
|
684
704
|
border-radius: 16px;
|
|
685
705
|
width: 70%;
|
|
686
|
-
height:
|
|
706
|
+
max-height: 80%;
|
|
687
707
|
padding: 24px;
|
|
688
708
|
}
|
|
689
709
|
.balance-reminder-popup {
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createTextVNode, createStaticVNode, createCommentVNode, renderSlot, createVNode, ref, onMounted, unref, computed, withDirectives, vShow } from 'vue';
|
|
2
|
-
import Taro, { useDidShow, usePageScroll } from '@tarojs/taro';
|
|
2
|
+
import Taro, { useDidShow, usePageScroll, usePullDownRefresh } from '@tarojs/taro';
|
|
3
3
|
import { Grid, GridItem, Button, Checkbox, Popup, OverLay, Icon, DatePicker, Picker } from '@nutui/nutui-taro';
|
|
4
4
|
|
|
5
5
|
const _hoisted_1$b = { class: "token-line number" };
|
|
@@ -570,21 +570,22 @@ var script$7 = /* @__PURE__ */ defineComponent({
|
|
|
570
570
|
script$7.__file = "src/payment/components/RechargeView.vue";
|
|
571
571
|
|
|
572
572
|
const _hoisted_1$6 = { class: "recharge-result" };
|
|
573
|
-
const _hoisted_2$6 =
|
|
573
|
+
const _hoisted_2$6 = { class: "content" };
|
|
574
|
+
const _hoisted_3$6 = /* @__PURE__ */ createElementVNode(
|
|
574
575
|
"div",
|
|
575
576
|
{ class: "figure" },
|
|
576
577
|
null,
|
|
577
578
|
-1
|
|
578
579
|
/* HOISTED */
|
|
579
580
|
);
|
|
580
|
-
const
|
|
581
|
+
const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
|
|
581
582
|
"h2",
|
|
582
583
|
null,
|
|
583
584
|
"\u5145\u503C\u6210\u529F",
|
|
584
585
|
-1
|
|
585
586
|
/* HOISTED */
|
|
586
587
|
);
|
|
587
|
-
const
|
|
588
|
+
const _hoisted_5$5 = /* @__PURE__ */ createElementVNode(
|
|
588
589
|
"div",
|
|
589
590
|
{ class: "caption" },
|
|
590
591
|
"\u4E91\u8C46\u5C06\u57285\u5206\u949F\u4E4B\u5185\u5230\u8D26",
|
|
@@ -602,20 +603,22 @@ var script$6 = /* @__PURE__ */ defineComponent({
|
|
|
602
603
|
return (_ctx, _cache) => {
|
|
603
604
|
const _component_nut_button = resolveComponent("nut-button");
|
|
604
605
|
return openBlock(), createElementBlock("div", _hoisted_1$6, [
|
|
605
|
-
_hoisted_2$6,
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
606
|
+
createElementVNode("div", _hoisted_2$6, [
|
|
607
|
+
_hoisted_3$6,
|
|
608
|
+
_hoisted_4$5,
|
|
609
|
+
_hoisted_5$5,
|
|
610
|
+
createVNode(_component_nut_button, {
|
|
611
|
+
class: "back-button",
|
|
612
|
+
type: "default",
|
|
613
|
+
onClick: onBackClick
|
|
614
|
+
}, {
|
|
615
|
+
default: withCtx(() => [
|
|
616
|
+
createTextVNode("\u8FD4\u56DE")
|
|
617
|
+
]),
|
|
618
|
+
_: 1
|
|
619
|
+
/* STABLE */
|
|
620
|
+
})
|
|
621
|
+
])
|
|
619
622
|
]);
|
|
620
623
|
};
|
|
621
624
|
}
|
|
@@ -687,8 +690,8 @@ const endpointsList = {
|
|
|
687
690
|
accountType: positionMappingsReversed[data.position] || "",
|
|
688
691
|
inOrOut: directionMappingsReversed[data.direction] || "",
|
|
689
692
|
changeType: typeMappingsReversed[data.type] || "",
|
|
690
|
-
|
|
691
|
-
|
|
693
|
+
operateTimeStart: data.dateFrom || "",
|
|
694
|
+
operateTimeEnd: data.dateTo || ""
|
|
692
695
|
};
|
|
693
696
|
},
|
|
694
697
|
transform(result) {
|
|
@@ -915,7 +918,9 @@ const _hoisted_1$4 = { class: "consumption-filter" };
|
|
|
915
918
|
const _hoisted_2$4 = /* @__PURE__ */ createElementVNode(
|
|
916
919
|
"div",
|
|
917
920
|
{ class: "consumption-filter-title" },
|
|
918
|
-
|
|
921
|
+
[
|
|
922
|
+
/* @__PURE__ */ createElementVNode("h3", null, "\u9009\u62E9\u7B5B\u9009\u9879")
|
|
923
|
+
],
|
|
919
924
|
-1
|
|
920
925
|
/* HOISTED */
|
|
921
926
|
);
|
|
@@ -959,6 +964,9 @@ var script$4 = /* @__PURE__ */ defineComponent({
|
|
|
959
964
|
result[index] = value;
|
|
960
965
|
};
|
|
961
966
|
const reset = () => {
|
|
967
|
+
result[0] = "\u5168\u90E8";
|
|
968
|
+
result[1] = "\u5168\u90E8";
|
|
969
|
+
result[2] = "\u5168\u90E8";
|
|
962
970
|
};
|
|
963
971
|
const onOkClick = () => {
|
|
964
972
|
emit("complete", result);
|
|
@@ -1424,6 +1432,12 @@ var script$1 = /* @__PURE__ */ defineComponent({
|
|
|
1424
1432
|
const { scrollTop } = e;
|
|
1425
1433
|
scrollY.value = scrollTop;
|
|
1426
1434
|
});
|
|
1435
|
+
usePullDownRefresh(() => {
|
|
1436
|
+
loadBalance();
|
|
1437
|
+
setTimeout(() => {
|
|
1438
|
+
Taro.stopPullDownRefresh();
|
|
1439
|
+
}, 500);
|
|
1440
|
+
});
|
|
1427
1441
|
return (_ctx, _cache) => {
|
|
1428
1442
|
const _component_nut_popup = resolveComponent("nut-popup");
|
|
1429
1443
|
return openBlock(), createElementBlock(
|
|
@@ -1637,7 +1651,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
|
|
|
1637
1651
|
position: "bottom",
|
|
1638
1652
|
style: { height: "70%" },
|
|
1639
1653
|
round: "",
|
|
1640
|
-
"close-on-click-overlay":
|
|
1654
|
+
"close-on-click-overlay": true,
|
|
1641
1655
|
visible: filterOpen.value,
|
|
1642
1656
|
"onUpdate:visible": _cache[5] || (_cache[5] = ($event) => filterOpen.value = $event)
|
|
1643
1657
|
}, {
|
package/package.json
CHANGED
|
@@ -63,8 +63,8 @@ const endpointsList: HttpEndpoints = {
|
|
|
63
63
|
accountType: positionMappingsReversed[data.position] || '',
|
|
64
64
|
inOrOut: directionMappingsReversed[data.direction] || '',
|
|
65
65
|
changeType: typeMappingsReversed[data.type] || '',
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
operateTimeStart: data.dateFrom || '',
|
|
67
|
+
operateTimeEnd: data.dateTo || '',
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
transform (result: any) {
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
position="bottom"
|
|
118
118
|
:style="{ height: '70%' }"
|
|
119
119
|
round
|
|
120
|
-
:close-on-click-overlay="
|
|
120
|
+
:close-on-click-overlay="true"
|
|
121
121
|
v-model:visible="filterOpen">
|
|
122
122
|
<consumption-filter :modelValue="[
|
|
123
123
|
filtering.position,
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
</template>
|
|
129
129
|
|
|
130
130
|
<script lang="ts" setup>
|
|
131
|
-
import Taro, { useDidShow, usePageScroll } from '@tarojs/taro'
|
|
131
|
+
import Taro, { useDidShow, usePageScroll, usePullDownRefresh } from '@tarojs/taro'
|
|
132
132
|
import { computed, reactive, ref } from 'vue'
|
|
133
133
|
import { endpoints, makeHttp } from '../api'
|
|
134
134
|
import { ConsumptionFiltering, ConsumptionGroups, Balance } from '../types'
|
|
@@ -232,6 +232,14 @@ usePageScroll((e) => {
|
|
|
232
232
|
const { scrollTop } = e
|
|
233
233
|
scrollY.value = scrollTop
|
|
234
234
|
})
|
|
235
|
+
|
|
236
|
+
usePullDownRefresh(() => {
|
|
237
|
+
// 页面下拉刷新
|
|
238
|
+
loadBalance()
|
|
239
|
+
setTimeout(() => {
|
|
240
|
+
Taro.stopPullDownRefresh()
|
|
241
|
+
}, 500);
|
|
242
|
+
})
|
|
235
243
|
</script>
|
|
236
244
|
|
|
237
245
|
<style lang="scss">
|
|
@@ -478,7 +486,7 @@ usePageScroll((e) => {
|
|
|
478
486
|
.consumption-rules-popup {
|
|
479
487
|
border-radius: 16px;
|
|
480
488
|
width: 70%;
|
|
481
|
-
height:
|
|
489
|
+
max-height: 80%;
|
|
482
490
|
padding: 24px;
|
|
483
491
|
}
|
|
484
492
|
</style>
|
|
@@ -128,8 +128,8 @@ useDidShow(() => {
|
|
|
128
128
|
}
|
|
129
129
|
.line{
|
|
130
130
|
margin: 6px 0px 8px 0px;
|
|
131
|
-
height:
|
|
132
|
-
background:
|
|
131
|
+
height: 0.5px;
|
|
132
|
+
background: rgb(195, 195, 195);
|
|
133
133
|
opacity: 0.2;
|
|
134
134
|
}
|
|
135
135
|
.card-row-right{
|
|
@@ -145,7 +145,7 @@ useDidShow(() => {
|
|
|
145
145
|
.pay-icon{
|
|
146
146
|
display: block;
|
|
147
147
|
font-size: 0;
|
|
148
|
-
width:
|
|
148
|
+
width: 3.5px;
|
|
149
149
|
height: 6px;
|
|
150
150
|
margin-left: 6px;
|
|
151
151
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="consumption-filter">
|
|
3
|
-
<div class="consumption-filter-title"
|
|
3
|
+
<div class="consumption-filter-title">
|
|
4
|
+
<h3>选择筛选项</h3>
|
|
5
|
+
</div>
|
|
4
6
|
<div class="consumption-filter-content">
|
|
5
7
|
<template v-for="(item, index) in filterSections" :key="index">
|
|
6
8
|
<div class="title">{{ item.title }}</div>
|
|
@@ -80,6 +82,9 @@ const onFilterSectionClick = (index: number, value: MixteValues) => {
|
|
|
80
82
|
}
|
|
81
83
|
|
|
82
84
|
const reset = () => {
|
|
85
|
+
result[0] = '全部'
|
|
86
|
+
result[1] = '全部'
|
|
87
|
+
result[2] = '全部'
|
|
83
88
|
}
|
|
84
89
|
|
|
85
90
|
const onOkClick = () => {
|
|
@@ -95,6 +100,7 @@ const onOkClick = () => {
|
|
|
95
100
|
flex-direction: column;
|
|
96
101
|
width: 100%;
|
|
97
102
|
&-title {
|
|
103
|
+
position: relative;
|
|
98
104
|
height: 44px;
|
|
99
105
|
line-height: 44px;
|
|
100
106
|
font-size: 17px;
|
|
@@ -172,5 +178,19 @@ const onOkClick = () => {
|
|
|
172
178
|
height: 32px;
|
|
173
179
|
background: #fff;
|
|
174
180
|
}
|
|
181
|
+
.icon {
|
|
182
|
+
display: block;
|
|
183
|
+
width: 20px;
|
|
184
|
+
height: 20px;
|
|
185
|
+
background-size: 40px;
|
|
186
|
+
background-repeat: no-repeat;
|
|
187
|
+
background-position: center center;
|
|
188
|
+
&.icon-x {
|
|
189
|
+
position: absolute;
|
|
190
|
+
right: 10px;
|
|
191
|
+
top: 11px;
|
|
192
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MSA0MUgxVjFINDFWNDFaIiBmaWxsPSIjRDhEOEQ4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjM1NjEgMjAuOTk5OUwzMy45NjM3IDMxLjYwNzJDMzQuNjE0NiAzMi4yNTgxIDM0LjYxNDYgMzMuMzEzNCAzMy45NjM3IDMzLjk2NDJDMzMuMzQyNSAzNC41ODU1IDMyLjM1MjcgMzQuNjEzOCAzMS42OTc5IDM0LjA0ODlMMjAuOTk5NCAyMy4zNTY2TDEwLjM5MzUgMzMuOTY0MkM5Ljc0MjY1IDM0LjYxNTEgOC42ODczOCAzNC42MTUxIDguMDM2NSAzMy45NjQyQzcuNDE1MTkgMzMuMzQyOSA3LjM4Njk3IDMyLjM1MzIgNy45NTE3OSAzMS42OTg0TDE4LjY0MjggMjAuOTk5OUw4LjAzNjUgMTAuMzk0QzcuMzg1NjMgOS43NDMxNCA3LjM4NTYzIDguNjg3ODcgOC4wMzY1IDguMDM2OTlDOC42NTc3OSA3LjQxNTY4IDkuNjQ3NTQgNy4zODc0NiAxMC4zMDIzIDcuOTUyMjdMMjAuOTk5NCAxOC42NDMzTDMxLjYwNjcgOC4wMzY5OUMzMi4yNTc2IDcuMzg2MTIgMzMuMzEyOSA3LjM4NjEyIDMzLjk2MzcgOC4wMzY5OUMzNC41ODUgOC42NTgyOCAzNC42MTMzIDkuNjQ4MDMgMzQuMDQ4NSAxMC4zMDI4TDIzLjM1NjEgMjAuOTk5OVoiIGZpbGw9IiMxNzFBMUQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjAxIi8+Cjwvc3ZnPgo=")
|
|
193
|
+
}
|
|
194
|
+
}
|
|
175
195
|
}
|
|
176
196
|
</style>
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="recharge-result">
|
|
3
|
-
<div class="
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
<div class="content">
|
|
4
|
+
<div class="figure"></div>
|
|
5
|
+
<h2>充值成功</h2>
|
|
6
|
+
<div class="caption">云豆将在5分钟之内到账</div>
|
|
7
|
+
<nut-button class="back-button" type="default" @click="onBackClick">返回</nut-button>
|
|
8
|
+
</div>
|
|
7
9
|
</div>
|
|
8
10
|
</template>
|
|
9
11
|
|
|
@@ -18,28 +20,33 @@ function onBackClick () {
|
|
|
18
20
|
|
|
19
21
|
<style lang="scss">
|
|
20
22
|
.recharge-result {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
padding-top: 120px;
|
|
24
|
+
.content {
|
|
25
|
+
display: flex;
|
|
26
|
+
width: 100%;
|
|
27
|
+
height: fit-content;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
justify-content: flex-start;
|
|
30
|
+
align-items: center;
|
|
31
|
+
}
|
|
27
32
|
h2 {
|
|
28
33
|
font-size: 16px;
|
|
29
34
|
font-weight: bold;
|
|
30
|
-
margin:
|
|
35
|
+
margin-top: 20px;
|
|
31
36
|
}
|
|
32
37
|
.caption {
|
|
33
38
|
color: #353535;
|
|
34
39
|
opacity: 0.5;
|
|
40
|
+
margin-top: 8px;
|
|
35
41
|
}
|
|
36
42
|
.figure {
|
|
37
43
|
width: 100px;
|
|
38
44
|
height: 100px;
|
|
39
|
-
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+
|
|
45
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
|
|
40
46
|
}
|
|
41
47
|
.back-button {
|
|
42
|
-
margin-top:
|
|
48
|
+
margin-top: 40px;
|
|
49
|
+
width: 128px;
|
|
43
50
|
}
|
|
44
51
|
}
|
|
45
52
|
</style>
|
package/src/styles/fonts.scss
CHANGED