@jx3box/jx3box-common-ui 6.6.9 → 6.7.1
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/assets/css/header.less +80 -64
- package/assets/img/header/coin.svg +15 -1
- package/package.json +2 -4
- package/src/header/gameSwitch.vue +6 -0
- package/src/header/user.vue +28 -21
- package/src/interact/batchReward.vue +139 -126
package/assets/css/header.less
CHANGED
|
@@ -648,14 +648,14 @@ body {
|
|
|
648
648
|
|
|
649
649
|
.u-coin {
|
|
650
650
|
.db;
|
|
651
|
-
.size(
|
|
651
|
+
.size(15px);
|
|
652
652
|
* {
|
|
653
653
|
fill: #fff !important;
|
|
654
654
|
}
|
|
655
655
|
}
|
|
656
656
|
.u-asset {
|
|
657
657
|
.db;
|
|
658
|
-
padding:
|
|
658
|
+
padding: 26px 10px 23px 10px;
|
|
659
659
|
&:hover {
|
|
660
660
|
.tm(0.7);
|
|
661
661
|
}
|
|
@@ -898,85 +898,101 @@ body {
|
|
|
898
898
|
opacity: 0.7;
|
|
899
899
|
}
|
|
900
900
|
}
|
|
901
|
+
}
|
|
901
902
|
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
903
|
+
.c-header-userdata {
|
|
904
|
+
background-clip: padding-box;
|
|
905
|
+
background-color: #fff;
|
|
906
|
+
color: #3d454d;
|
|
907
|
+
border: 1px solid rgba(27, 31, 35, 0.15);
|
|
908
|
+
border-radius: 4px;
|
|
909
|
+
box-shadow: 0 3px 12px rgba(0,0,0,.1);
|
|
910
|
+
right: 0;
|
|
911
|
+
list-style: none;
|
|
912
|
+
position: absolute;
|
|
913
|
+
z-index: 820;
|
|
914
|
+
top: 100%;
|
|
915
|
+
width: 400px;
|
|
916
|
+
margin-top: 18px;
|
|
917
|
+
margin-right: -10px;
|
|
918
|
+
|
|
919
|
+
.u-profile {
|
|
920
|
+
background-color: #f4f6f7;
|
|
921
|
+
padding: 10px;
|
|
922
|
+
}
|
|
917
923
|
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
924
|
+
.u-basic{
|
|
925
|
+
.flex;
|
|
926
|
+
align-items: center;
|
|
927
|
+
gap:3px;
|
|
928
|
+
}
|
|
922
929
|
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
.
|
|
929
|
-
|
|
930
|
-
.pointer;
|
|
930
|
+
.u-displayname{
|
|
931
|
+
.fz(15px);
|
|
932
|
+
.nobreak;
|
|
933
|
+
max-width: 200px;
|
|
934
|
+
color:@color;
|
|
935
|
+
.bold;
|
|
936
|
+
}
|
|
931
937
|
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
938
|
+
.u-id {
|
|
939
|
+
font-size: 12px;
|
|
940
|
+
color: #999;
|
|
941
|
+
margin-top: 6px;
|
|
942
|
+
b{color:@color;}
|
|
943
|
+
}
|
|
944
|
+
.u-copy {
|
|
945
|
+
margin-left: 5px;
|
|
946
|
+
.pointer;
|
|
947
|
+
|
|
948
|
+
&:hover {
|
|
949
|
+
color: @primary;
|
|
941
950
|
}
|
|
951
|
+
}
|
|
942
952
|
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
953
|
+
.u-actions {
|
|
954
|
+
width: 100%;
|
|
955
|
+
.flex;
|
|
946
956
|
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
957
|
+
.el-button {
|
|
958
|
+
border-radius: 0;
|
|
959
|
+
flex: 1;
|
|
950
960
|
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
}
|
|
961
|
+
&:first-of-type {
|
|
962
|
+
border-left-width: 0;
|
|
963
|
+
}
|
|
964
|
+
&:last-of-type {
|
|
965
|
+
border-right-width: 0;
|
|
957
966
|
}
|
|
958
967
|
}
|
|
968
|
+
}
|
|
959
969
|
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
970
|
+
.u-other {
|
|
971
|
+
padding:10px 5px;
|
|
972
|
+
.u-item {
|
|
973
|
+
display: block;
|
|
974
|
+
padding: 5px 10px;
|
|
975
|
+
color: #454545;
|
|
965
976
|
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
}
|
|
977
|
+
&:hover {
|
|
978
|
+
background: @primary;
|
|
979
|
+
color: #fff;
|
|
970
980
|
}
|
|
971
|
-
.u-logout {
|
|
972
|
-
padding: 0 10px 10px 10px;
|
|
973
981
|
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
}
|
|
982
|
+
i{
|
|
983
|
+
.mr(5px);
|
|
977
984
|
}
|
|
978
985
|
}
|
|
979
986
|
}
|
|
987
|
+
|
|
988
|
+
.u-logout {
|
|
989
|
+
padding: 0 10px 10px 10px;
|
|
990
|
+
.mt(10px);
|
|
991
|
+
|
|
992
|
+
.el-button {
|
|
993
|
+
width: 100%;
|
|
994
|
+
}
|
|
995
|
+
}
|
|
980
996
|
}
|
|
981
997
|
|
|
982
998
|
@media print {
|
|
@@ -1 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve">
|
|
5
|
+
<g>
|
|
6
|
+
<g>
|
|
7
|
+
<path d="M127.9,256C56.9,256-0.8,198,0,126.5C0.8,56.2,58.5-0.9,129.7,0C200,0.9,256.9,58.6,256,129.8
|
|
8
|
+
C255,199.7,198,256.1,127.9,256z M14.4,128c0,62.7,50.7,113.5,113.4,113.7c62.8,0.2,113.8-50.8,113.9-113.5
|
|
9
|
+
c0-62.9-50.8-113.9-113.9-113.8C65.1,14.6,14.6,65.3,14.4,128z"/>
|
|
10
|
+
<path d="M127.9,191.1c-21-21-42-42-62.9-62.9c21-21,42.1-42.1,63.1-63.1C149,85.9,170.1,107,191,128
|
|
11
|
+
C170.1,149,149,170,127.9,191.1z M83.4,128c14.9,14.9,29.9,29.9,44.6,44.6c14.9-14.9,29.8-29.8,44.6-44.6
|
|
12
|
+
c-14.8-14.8-29.8-29.8-44.6-44.6C113.2,98.2,98.2,113.2,83.4,128z"/>
|
|
13
|
+
</g>
|
|
14
|
+
</g>
|
|
15
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jx3box/jx3box-common-ui",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.7.1",
|
|
4
4
|
"description": "JX3BOX UI",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"build": "vue-cli-service build",
|
|
10
10
|
"lint": "vue-cli-service lint",
|
|
11
11
|
"inspect": "vue inspect > output.js",
|
|
12
|
-
"update": "npm --registry https://registry.npmjs.org install @jx3box/jx3box-common@latest @jx3box/jx3box-data@latest
|
|
12
|
+
"update": "npm --registry https://registry.npmjs.org install @jx3box/jx3box-common@latest @jx3box/jx3box-data@latest",
|
|
13
13
|
"header": "vue-cli-service build --target lib --name newheader src/Header.vue && cp public/index.html dist/newheader.html"
|
|
14
14
|
},
|
|
15
15
|
"eslintConfig": {
|
|
@@ -30,10 +30,8 @@
|
|
|
30
30
|
"last 2 versions"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@jx3box/jx3box-comment-ui": "^1.7.8",
|
|
34
33
|
"@jx3box/jx3box-common": "^7.6.2",
|
|
35
34
|
"@jx3box/jx3box-data": "^3.0.3",
|
|
36
|
-
"@jx3box/jx3box-editor": "^1.6.9",
|
|
37
35
|
"axios": "^0.26.1",
|
|
38
36
|
"dayjs": "^1.11.0",
|
|
39
37
|
"element-ui": "^2.13.2",
|
package/src/header/user.vue
CHANGED
|
@@ -122,28 +122,26 @@
|
|
|
122
122
|
<li>
|
|
123
123
|
<a :href="url.publish">发布中心</a>
|
|
124
124
|
</li>
|
|
125
|
+
<hr />
|
|
125
126
|
<li v-if="isAdmin">
|
|
126
127
|
<a href="/admin">站点配置</a>
|
|
127
128
|
</li>
|
|
128
129
|
<li v-if="isEditor">
|
|
129
130
|
<a href="https://os.jx3box.com/admin">管理平台</a>
|
|
130
131
|
</li>
|
|
131
|
-
<hr>
|
|
132
132
|
<li>
|
|
133
133
|
<a @click="logout">退出登录</a>
|
|
134
134
|
</li>
|
|
135
135
|
</ul>
|
|
136
136
|
</template>
|
|
137
137
|
<template v-else>
|
|
138
|
-
<div class="
|
|
138
|
+
<div class="c-header-userdata" v-show="!fold">
|
|
139
139
|
<div class="u-profile">
|
|
140
|
-
<
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
<div class="m-vip">
|
|
146
|
-
<a href="/dashboard/cooperation">
|
|
140
|
+
<div class="u-basic">
|
|
141
|
+
<a class="u-displayname" href="/dashboard" :title="user.name">{{
|
|
142
|
+
showUserName(user.name)
|
|
143
|
+
}}</a>
|
|
144
|
+
<a class="u-sign" href="/dashboard/cooperation">
|
|
147
145
|
<img
|
|
148
146
|
:src="super_author_icon"
|
|
149
147
|
class="u-superauthor-profile"
|
|
@@ -151,16 +149,21 @@
|
|
|
151
149
|
title="签约作者"
|
|
152
150
|
:class="{ off: !isSuperAuthor }"
|
|
153
151
|
/></a>
|
|
154
|
-
|
|
155
152
|
<a
|
|
156
153
|
class="u-vip"
|
|
157
154
|
href="/vip/premium?from=header_usermenu"
|
|
158
155
|
target="_blank"
|
|
159
|
-
title="
|
|
156
|
+
title="专业版账号"
|
|
160
157
|
>
|
|
161
158
|
<i class="i-icon-vip" :class="{ on: isPRO }">{{ vipType }}</i>
|
|
162
159
|
</a>
|
|
163
160
|
</div>
|
|
161
|
+
<div class="u-id">
|
|
162
|
+
<span
|
|
163
|
+
>魔盒UID：<b>{{ user.uid }}</b></span
|
|
164
|
+
>
|
|
165
|
+
<i class="el-icon-document-copy u-copy" @click.stop="copyText(user.uid)"></i>
|
|
166
|
+
</div>
|
|
164
167
|
</div>
|
|
165
168
|
|
|
166
169
|
<el-button-group class="u-actions">
|
|
@@ -169,16 +172,22 @@
|
|
|
169
172
|
<a class="el-button el-button--default" href="/dashboard/frame">主题风格</a>
|
|
170
173
|
</el-button-group>
|
|
171
174
|
|
|
172
|
-
<div class="
|
|
173
|
-
<a href="/dashboard/fav" class="u-item"
|
|
174
|
-
<a href="/team/role/manage" class="u-item"
|
|
175
|
-
<a href="/dashboard/purchases" class="u-item"
|
|
176
|
-
|
|
175
|
+
<div class="u-other">
|
|
176
|
+
<a href="/dashboard/fav" class="u-item"><i class="el-icon-star-off"></i>收藏订阅 </a>
|
|
177
|
+
<a href="/team/role/manage" class="u-item"><i class="el-icon-user"></i>角色管理 </a>
|
|
178
|
+
<a href="/dashboard/purchases" class="u-item"
|
|
179
|
+
><i class="el-icon-shopping-cart-2"></i>已购资源
|
|
180
|
+
</a>
|
|
181
|
+
<a href="/dashboard/mall" class="u-item"
|
|
182
|
+
><i class="el-icon-shopping-bag-1"></i>订单中心
|
|
183
|
+
</a>
|
|
177
184
|
<hr />
|
|
178
|
-
<a href="/dashboard/feedback" class="u-item"
|
|
185
|
+
<a href="/dashboard/feedback" class="u-item"
|
|
186
|
+
><i class="el-icon-phone-outline"></i>反馈帮助
|
|
187
|
+
</a>
|
|
179
188
|
<hr />
|
|
180
189
|
<div class="u-logout">
|
|
181
|
-
<el-button @click="logout">退出登录</el-button>
|
|
190
|
+
<el-button @click="logout" size="small">退出登录</el-button>
|
|
182
191
|
</div>
|
|
183
192
|
</div>
|
|
184
193
|
</div>
|
|
@@ -214,6 +223,7 @@ export default {
|
|
|
214
223
|
panel,
|
|
215
224
|
isEditor: false,
|
|
216
225
|
isAdmin: false,
|
|
226
|
+
isPhone: window.innerWidth < 768,
|
|
217
227
|
|
|
218
228
|
// 是否有消息
|
|
219
229
|
pop: false,
|
|
@@ -299,9 +309,6 @@ export default {
|
|
|
299
309
|
color: __userLevelColor[this.level],
|
|
300
310
|
};
|
|
301
311
|
},
|
|
302
|
-
isPhone: function () {
|
|
303
|
-
return window.innerWidth < 768;
|
|
304
|
-
},
|
|
305
312
|
},
|
|
306
313
|
watch: {
|
|
307
314
|
fold(val) {
|
|
@@ -1,39 +1,50 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
2
|
+
<div class="w-boxcoin-user">
|
|
3
|
+
<el-button @click="openBoxcoinPop" type="primary" size="mini">批量打赏</el-button>
|
|
4
|
+
<el-dialog
|
|
5
|
+
title="投币打赏"
|
|
6
|
+
:visible.sync="visible"
|
|
7
|
+
custom-class="w-boxcoin-pop"
|
|
8
|
+
append-to-body
|
|
9
|
+
:close-on-click-modal="false"
|
|
10
|
+
>
|
|
11
|
+
<div class="w-boxcoin-user-content">
|
|
12
|
+
<div class="u-left">
|
|
13
|
+
<em class="u-label">当前拥有盒币</em>
|
|
14
|
+
<b>{{ left }}</b>
|
|
15
|
+
<a class="u-charge" :href="chargeLink" target="_blank">[充值]</a>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="u-list">
|
|
18
|
+
<em class="u-label">❤️ 打赏</em>
|
|
19
|
+
<Contributors v-if="authors && authors.length" :authors="authors" @chosen="handleChosen" />
|
|
20
|
+
<div class="u-points">
|
|
21
|
+
<el-radio-group v-model="count">
|
|
22
|
+
<el-radio :label="item" v-for="item in fitPoints" :key="item" border>
|
|
23
|
+
<b>{{ item }}</b
|
|
24
|
+
>盒币
|
|
25
|
+
</el-radio>
|
|
26
|
+
</el-radio-group>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="u-msg">
|
|
30
|
+
<em class="u-label">📝 寄语</em>
|
|
31
|
+
<div class="u-input">
|
|
32
|
+
<el-input
|
|
33
|
+
v-model="remark"
|
|
34
|
+
placeholder="请输入寄语（必填）"
|
|
35
|
+
:minlength="2"
|
|
36
|
+
:maxlength="30"
|
|
37
|
+
show-word-limit
|
|
38
|
+
></el-input>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
<span slot="footer" class="dialog-footer">
|
|
43
|
+
<el-button @click="visible = false">取 消</el-button>
|
|
44
|
+
<el-button type="primary" @click="submit" :disabled="!ready">确 定</el-button>
|
|
45
|
+
</span>
|
|
46
|
+
</el-dialog>
|
|
47
|
+
</div>
|
|
37
48
|
</template>
|
|
38
49
|
|
|
39
50
|
<script>
|
|
@@ -41,112 +52,114 @@ import { batchReward } from "../../service/thx.js";
|
|
|
41
52
|
import User from "@jx3box/jx3box-common/js/user";
|
|
42
53
|
import Contributors from "./Contributors.vue";
|
|
43
54
|
export default {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
55
|
+
name: "BatchReward",
|
|
56
|
+
props: ["boxcoin", "postType", "items", "own", "points", "authors", "client"],
|
|
57
|
+
components: {
|
|
58
|
+
Contributors,
|
|
59
|
+
},
|
|
60
|
+
data: function () {
|
|
61
|
+
return {
|
|
62
|
+
visible: false,
|
|
52
63
|
|
|
53
|
-
|
|
54
|
-
|
|
64
|
+
count: 0,
|
|
65
|
+
remark: "辛苦了，谢谢大大！",
|
|
55
66
|
|
|
56
|
-
|
|
67
|
+
left: this.own,
|
|
57
68
|
|
|
58
|
-
|
|
69
|
+
chargeLink: "/vip/boxcoin?redirect=" + location.href,
|
|
59
70
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
},
|
|
63
|
-
computed: {
|
|
64
|
-
ready: function () {
|
|
65
|
-
return this.isEnough && this.count && this.remark;
|
|
66
|
-
},
|
|
67
|
-
isEnough: function () {
|
|
68
|
-
return this.left && this.left >= this.count;
|
|
69
|
-
},
|
|
70
|
-
allowBoxcoin: function () {
|
|
71
|
-
return this.postType && (this.authors && this.authors.length);
|
|
72
|
-
},
|
|
73
|
-
hostClient: function () {
|
|
74
|
-
return location.href.includes("origin") ? "origin" : "std";
|
|
75
|
-
},
|
|
76
|
-
fitPoints: function () {
|
|
77
|
-
return this.points;
|
|
78
|
-
},
|
|
79
|
-
},
|
|
80
|
-
watch: {
|
|
81
|
-
own: function (val) {
|
|
82
|
-
this.left = val;
|
|
71
|
+
chosen: "", // 被选中的人
|
|
72
|
+
};
|
|
83
73
|
},
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
74
|
+
computed: {
|
|
75
|
+
ready: function () {
|
|
76
|
+
return this.isEnough && this.count && this.remark;
|
|
77
|
+
},
|
|
78
|
+
isEnough: function () {
|
|
79
|
+
return this.left && this.left >= this.count;
|
|
80
|
+
},
|
|
81
|
+
allowBoxcoin: function () {
|
|
82
|
+
return this.postType && this.authors && this.authors.length;
|
|
83
|
+
},
|
|
84
|
+
hostClient: function () {
|
|
85
|
+
return location.href.includes("origin") ? "origin" : "std";
|
|
86
|
+
},
|
|
87
|
+
fitPoints: function () {
|
|
88
|
+
return this.points;
|
|
89
|
+
},
|
|
93
90
|
},
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
91
|
+
watch: {
|
|
92
|
+
own: function (val) {
|
|
93
|
+
this.left = val;
|
|
94
|
+
},
|
|
97
95
|
},
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
this.
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
this
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
96
|
+
methods: {
|
|
97
|
+
openBoxcoinPop: function () {
|
|
98
|
+
if (!(this.items && this.items.length))
|
|
99
|
+
return this.$message({ message: `请选择需要打赏的作品`, type: "warning" });
|
|
100
|
+
if (User.isLogin()) {
|
|
101
|
+
this.visible = true;
|
|
102
|
+
} else {
|
|
103
|
+
User.toLogin();
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
// 选择要打赏的对象
|
|
107
|
+
handleChosen(userId) {
|
|
108
|
+
this.chosen = userId;
|
|
109
|
+
},
|
|
110
|
+
submit: function () {
|
|
111
|
+
batchReward(this.postType, this.count, {
|
|
112
|
+
items: this.items,
|
|
113
|
+
remark: this.remark,
|
|
114
|
+
client: this.client || this.hostClient,
|
|
115
|
+
})
|
|
116
|
+
.then((res) => {
|
|
117
|
+
return res.data.data;
|
|
118
|
+
})
|
|
119
|
+
.then((data) => {
|
|
120
|
+
// 1.扣除额度
|
|
121
|
+
data.success.map((item) => {
|
|
122
|
+
this.$message({
|
|
123
|
+
message: `作品${this.items[item.index].article_id}打赏成功`,
|
|
124
|
+
type: "success",
|
|
125
|
+
});
|
|
126
|
+
this.left -= this.count;
|
|
127
|
+
});
|
|
128
|
+
data.fail.map((item) => {
|
|
129
|
+
this.$message({
|
|
130
|
+
message: `作品${this.items[item.index].article_id}打赏失败,原因：${item.msg}`,
|
|
131
|
+
type: "error",
|
|
132
|
+
});
|
|
133
|
+
});
|
|
134
|
+
})
|
|
135
|
+
.finally(() => {
|
|
136
|
+
this.visible = false;
|
|
137
|
+
});
|
|
138
|
+
},
|
|
122
139
|
},
|
|
123
|
-
init: function () { },
|
|
124
|
-
},
|
|
125
|
-
created: function () { },
|
|
126
|
-
mounted: function () { },
|
|
127
140
|
};
|
|
128
141
|
</script>
|
|
129
142
|
|
|
130
143
|
<style scoped lang="less">
|
|
131
144
|
.w-boxcoin-user {
|
|
132
|
-
|
|
133
|
-
|
|
145
|
+
.dbi;
|
|
146
|
+
.x(left);
|
|
134
147
|
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
148
|
+
.u-icon {
|
|
149
|
+
.size(26px);
|
|
150
|
+
.y;
|
|
151
|
+
.pr;
|
|
152
|
+
top: -2px;
|
|
153
|
+
}
|
|
141
154
|
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
155
|
+
.u-count {
|
|
156
|
+
color: #888;
|
|
157
|
+
.ml(10px);
|
|
158
|
+
}
|
|
146
159
|
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
160
|
+
.u-charge {
|
|
161
|
+
.underline(@color-link);
|
|
162
|
+
.ml(10px);
|
|
163
|
+
}
|
|
151
164
|
}
|
|
152
165
|
</style>
|