@jx3box/jx3box-common-ui 9.0.30 → 9.0.32

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jx3box/jx3box-common-ui",
3
- "version": "9.0.30",
3
+ "version": "9.0.32",
4
4
  "description": "JX3BOX UI",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/Box.vue CHANGED
@@ -50,7 +50,7 @@
50
50
  import search from "./header/search.vue";
51
51
  import _ from "lodash";
52
52
  import Bus from "../service/bus";
53
- import { __imgPath } from "@jx3box/jx3box-common/data/jx3box.json";
53
+ import { __imgPath, __cdn } from "@jx3box/jx3box-common/data/jx3box.json";
54
54
  import box from "../assets/data/box.json";
55
55
  import { getMenu } from "../service/header.js";
56
56
  import { trimSlash } from "../assets/js/utils";
@@ -92,7 +92,9 @@ export default {
92
92
  return client == "all" ? true : client == this.client;
93
93
  },
94
94
  getBoxIcon: function (val) {
95
- return __imgPath + "image/box/" + val;
95
+ val = val && val?.replace(".png", ".svg");
96
+ let web_url = __cdn + "logo-light/" + val;
97
+ return web_url;
96
98
  },
97
99
  getTarget: function (val) {
98
100
  if (window.innerWidth < 768 || val?.startsWith("/")) {
@@ -2,18 +2,21 @@
2
2
  <div class="c-header-panel c-header-manage" id="c-header-manage">
3
3
  <span class="u-post u-manage">
4
4
  <!-- <i class="u-icon u-icon-msg"> -->
5
- <i class="u-pop" style="display: none" v-show="showPop"></i>
5
+ <i class="u-pop" style="display: none" v-show="showPop || !isAuth"></i>
6
6
  <img class="u-add" svg-inline src="../../assets/img/header/manage.svg" />
7
7
  <!-- </i> -->
8
8
  </span>
9
9
  <ul class="u-menu u-pop-content">
10
- <li v-for="item in userPanel" :key="item.label">
11
- <a :href="item.link" :target="item.target || '_self'" class="u-menu-item" @click="onClick(item)">
12
- <img :src="resolveImg(item.icon)" svg-inline class="u-menu-icon" :alt="item.icon" />
13
- {{ item.label }}
14
- <span v-if="showPop" class="u-new">New!</span>
15
- </a>
16
- </li>
10
+ <template v-for="item in userPanel">
11
+ <li :key="item.label" v-if="item.remark == 'auth' ? !isAuth: true">
12
+ <a :href="item.link" :target="item.target || '_self'" class="u-menu-item" @click="onClick(item)">
13
+ <img :src="resolveImg(item.icon)" svg-inline class="u-menu-icon" :alt="item.icon" />
14
+ {{ item.label }}
15
+ <span v-if="showPop" class="u-new">New!</span>
16
+ <span v-if="item.remark == 'auth' && !isAuth" class="u-new">New!</span>
17
+ </a>
18
+ </li>
19
+ </template>
17
20
  <hr v-if="userPanel.length" />
18
21
  <template v-if="isTeammate">
19
22
  <li v-for="item in adminPanel" :key="item.label">
@@ -31,6 +34,7 @@
31
34
  import panel from "../../assets/data/panel.json";
32
35
  import { getMenu } from "../../service/header";
33
36
  import { __imgPath } from "@jx3box/jx3box-common/data/jx3box.json";
37
+ import User from "@jx3box/jx3box-common/js/user";
34
38
  export default {
35
39
  name: "Manage",
36
40
  data() {
@@ -57,6 +61,9 @@ export default {
57
61
  return item.onlyAdmin;
58
62
  });
59
63
  },
64
+ isAuth() {
65
+ return User.isPhoneMember();
66
+ }
60
67
  },
61
68
  mounted() {
62
69
  this.loadPanel();