@jx3box/jx3box-vue3-ui 0.9.0 → 0.9.2

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.
Files changed (9) hide show
  1. package/assets/css/like2.less +3 -2
  2. package/assets/css/share2.less +1 -3
  3. package/assets/css/thx.less +3 -1
  4. package/package.json +1 -1
  5. package/src/interact/BoxcoinAdmin.vue +5 -1
  6. package/src/interact/BoxcoinUser.vue +7 -4
  7. package/src/interact/Fav.vue +12 -4
  8. package/src/interact/Like.vue +5 -1
  9. package/src/interact/Share.vue +5 -2
package/assets/css/like2.less CHANGED
@@ -2,14 +2,15 @@
2
2
  .pointer;
3
3
  .dbi;
4
4
  .u-icon {
5
- .size(28px);
5
+ .size(26px);
6
6
  .y;
7
7
  .pr;
8
- top: -4px;
9
8
  }
10
9
  .u-count {
11
10
  color: #888;
12
11
  .ml(10px);
12
+ .pr;
13
+ top: 4px;
13
14
  }
14
15
 
15
16
  &.disabled {
package/assets/css/share2.less CHANGED
@@ -2,12 +2,10 @@
2
2
  .pointer;
3
3
  .dbi;
4
4
  .u-icon {
5
- .size(32px);
5
+ .size(26px);
6
6
  .y;
7
- padding: 4px;
8
7
  box-sizing: border-box;
9
8
  .pr;
10
- top: -3px;
11
9
  }
12
10
  .u-simple-icon {
13
11
  .size(20px);
package/assets/css/thx.less CHANGED
@@ -17,6 +17,9 @@
17
17
  }
18
18
  .w-thx-panel {
19
19
  .mb(20px);
20
+ .flex;
21
+ align-items: center;
22
+ justify-content: center;
20
23
  }
21
24
  .w-thx-copyright {
22
25
  .fz(12px,2);
@@ -39,7 +42,6 @@
39
42
  .size(26px);
40
43
  .y;
41
44
  .pr;
42
- top: -1px;
43
45
  }
44
46
  }
45
47
  .w-boxcoin-pop {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jx3box/jx3box-vue3-ui",
3
- "version": "0.9.0",
3
+ "version": "0.9.2",
4
4
  "description": "JX3BOX Vue3 UI",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/interact/BoxcoinAdmin.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="w-boxcoin-admin" v-if="allowBoxcoin">
3
3
  <el-tooltip effect="dark" content="品鉴" placement="top-start">
4
4
  <div class="w-boxcoin-block">
5
- <img @click="openBoxcoinPop" class="u-icon" svg-inline src="../../assets/img/widget/like3.svg" />
5
+ <img @click="openBoxcoinPop" class="u-icon" svg-inline :src="iconPath" />
6
6
  </div>
7
7
  </el-tooltip>
8
8
  <el-dialog
@@ -71,6 +71,7 @@ import { grantBoxcoin } from "../../service/thx.js";
71
71
  import { getBreadcrumb } from "../../service/breadcrumb.js";
72
72
  import User from "@jx3box/jx3box-common/js/user";
73
73
  import Contributors from "./Contributors.vue";
74
+ import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
74
75
  export default {
75
76
  name: "BoxcoinAdmin",
76
77
  props: ["postType", "postId", "userId", "own", "total", "points", "max", "min", "authors", "client"],
@@ -118,6 +119,9 @@ export default {
118
119
  fitPoints: function () {
119
120
  return this.points.filter((item) => item <= this.left);
120
121
  },
122
+ iconPath() {
123
+ return JX3BOX.__cdn + "design/vector/icon/taste.svg"
124
+ },
121
125
  },
122
126
  watch: {
123
127
  own: function (val) {
package/src/interact/BoxcoinUser.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="w-boxcoin-user" v-if="allowBoxcoin">
3
3
  <el-tooltip effect="dark" content="投币" placement="top-start">
4
4
  <div class="w-boxcoin-block" @click="openBoxcoinPop">
5
- <img class="u-icon" svg-inline :src="likeImg" />
5
+ <img class="u-icon" svg-inline :src="iconPath" />
6
6
  <span class="u-count" v-if="boxcoin">{{ boxcoin }}</span>
7
7
  </div>
8
8
  </el-tooltip>
@@ -65,6 +65,7 @@ import { rewardBoxcoin } from "../../service/thx.js";
65
65
  import User from "@jx3box/jx3box-common/js/user";
66
66
  import Contributors from "./Contributors.vue";
67
67
  import { debounce } from "lodash";
68
+ import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
68
69
  export default {
69
70
  name: "BoxcoinUser",
70
71
  props: ["boxcoin", "postType", "postId", "userId", "own", "points", "authors", "client"],
@@ -84,8 +85,6 @@ export default {
84
85
  chargeLink: "/vip/boxcoin?redirect=" + location.href,
85
86
 
86
87
  chosen: "", // 被选中的人
87
-
88
- likeImg: require("../../assets/img/widget/like4.png"),
89
88
  };
90
89
  },
91
90
  computed: {
@@ -109,6 +108,9 @@ export default {
109
108
  fitPoints: function () {
110
109
  return this.points; //.filter(item => item <= this.left)
111
110
  },
111
+ iconPath() {
112
+ return JX3BOX.__cdn + "design/vector/icon/reward.svg"
113
+ },
112
114
  },
113
115
  watch: {
114
116
  own: function (val) {
@@ -170,11 +172,12 @@ export default {
170
172
  .size(26px);
171
173
  .y;
172
174
  .pr;
173
- top: -2px;
174
175
  }
175
176
  .u-count {
176
177
  color: #888;
177
178
  .ml(10px);
179
+ .pr;
180
+ top: 4px;
178
181
  }
179
182
  .u-charge {
180
183
  .underline(@color-link);
package/src/interact/Fav.vue CHANGED
@@ -2,8 +2,8 @@
2
2
  <div class="w-fav2" :class="{ disabled: favorite }" @click="doFav">
3
3
  <el-tooltip effect="dark" :content="favContent" placement="top-start">
4
4
  <div>
5
- <img v-if="favorite" class="u-icon" svg-inline src="../../assets/img/widget/unstar.svg" />
6
- <img v-else class="u-icon" svg-inline src="../../assets/img/widget/star.svg" />
5
+ <img v-if="favorite" class="u-icon" svg-inline :src="unstarIcon" />
6
+ <img v-else class="u-icon" svg-inline :src="starIcon" />
7
7
  <span class="u-count" v-if="!hiddenNum && total">{{ total }}</span>
8
8
  </div>
9
9
  </el-tooltip>
@@ -13,6 +13,7 @@
13
13
  <script>
14
14
  import User from "@jx3box/jx3box-common/js/user";
15
15
  import { hasFav, addFav, delFav } from "../../service/fav";
16
+ import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
16
17
  export default {
17
18
  name: "FavoriteComp",
18
19
  props: ["postType", "postId", "postTitle", "hiddenNum"],
@@ -27,6 +28,12 @@ export default {
27
28
  favContent() {
28
29
  return this.favorite ? "已收藏" : "收藏";
29
30
  },
31
+ starIcon() {
32
+ return JX3BOX.__cdn + "design/vector/icon/collect.svg"
33
+ },
34
+ unstarIcon() {
35
+ return JX3BOX.__cdn + "design/vector/icon/uncollect.svg"
36
+ },
30
37
  },
31
38
  methods: {
32
39
  doFav: function () {
@@ -71,14 +78,15 @@ export default {
71
78
  .pointer;
72
79
  .dbi;
73
80
  .u-icon {
74
- .size(32px);
81
+ .size(26px);
75
82
  .y;
76
83
  .pr;
77
- top: -1px;
78
84
  }
79
85
  .u-count {
80
86
  color: #888;
81
87
  .ml(10px);
88
+ .pr;
89
+ top: 4px;
82
90
  }
83
91
  }
84
92
  </style>
package/src/interact/Like.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="w-like2" :class="{ disabled: !status }" @click="addLike" v-if="ready">
3
3
  <el-tooltip effect="dark" content="点赞" placement="top-start">
4
4
  <div>
5
- <img class="u-icon" svg-inline src="../../assets/img/widget/like2.svg" />
5
+ <img class="u-icon" svg-inline :src="iconPath" />
6
6
  <span class="u-count" v-if="count">{{ count }}</span>
7
7
  </div>
8
8
  </el-tooltip>
@@ -11,6 +11,7 @@
11
11
 
12
12
  <script>
13
13
  import { postStat, getStat } from "@jx3box/jx3box-common/js/stat";
14
+ import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
14
15
  export default {
15
16
  name: "LikeComp",
16
17
  props: ["postType", "postId"],
@@ -24,6 +25,9 @@ export default {
24
25
  ready() {
25
26
  return this.postType && this.postId;
26
27
  },
28
+ iconPath() {
29
+ return JX3BOX.__cdn + "design/vector/icon/like.svg"
30
+ },
27
31
  },
28
32
  methods: {
29
33
  init: function () {
package/src/interact/Share.vue CHANGED
@@ -29,7 +29,7 @@
29
29
  <template #reference>
30
30
  <!-- <el-tooltip class="item" effect="dark" content="分享" placement="top"> -->
31
31
  <div v-if="simple">
32
- <img class="u-icon u-simple-icon" svg-inline src="../../assets/img/widget/share.svg" />
32
+ <img class="u-icon u-simple-icon" svg-inline :src="iconPath" />
33
33
  <!-- <i class="el-icon-position"></i> -->
34
34
  <span class="u-text">分享</span>
35
35
  </div>
@@ -37,7 +37,7 @@
37
37
  v-else
38
38
  class="u-icon"
39
39
  svg-inline
40
- src="../../assets/img/widget/share2.svg"
40
+ :src="iconPath"
41
41
  />
42
42
  <!-- </el-tooltip> -->
43
43
  </template>
@@ -112,6 +112,9 @@ export default {
112
112
  qq: this.shareToQQ,
113
113
  }
114
114
  },
115
+ iconPath() {
116
+ return JX3BOX.__cdn + "design/vector/icon/share.svg"
117
+ },
115
118
  },
116
119
  methods: {
117
120
  init: function () {