ike-weblca-html 2.2.16 → 2.2.18

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 (3) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/IkeWebHeader.js +332 -315
package/src/IkeWebHeader.js CHANGED
@@ -159,6 +159,10 @@ export class IkeWebHeader extends LitElement {
159
159
  height: 24px;
160
160
  }
161
161
 
162
+ .message-icon-dark {
163
+ filter: brightness(0);
164
+ }
165
+
162
166
  .message-badge {
163
167
  position: absolute;
164
168
  top: -8px;
@@ -451,7 +455,7 @@ export class IkeWebHeader extends LitElement {
451
455
  首届CBPC供应商产品碳足迹管理能力大赛:
452
456
  '首届CBPC供应商产品碳足迹管理能力大赛',
453
457
  登录: '登录',
454
- 个人中心: '个人中心',
458
+ 个人主页: '个人主页',
455
459
  }
456
460
 
457
461
  /** 繁体中文语言包 */
@@ -470,7 +474,7 @@ export class IkeWebHeader extends LitElement {
470
474
  首届CBPC供应商产品碳足迹管理能力大赛:
471
475
  '首屆CBPC供應商產品碳足迹管理能力大賽',
472
476
  登录: '登录',
473
- 个人中心: '个人中心',
477
+ 个人主页: '个人主页',
474
478
  }
475
479
 
476
480
  /** 英文语言包 */
@@ -490,7 +494,7 @@ export class IkeWebHeader extends LitElement {
490
494
  首届CBPC供应商产品碳足迹管理能力大赛:
491
495
  'First CBPC Supplier Product Carbon Footprint Management Capability Competition',
492
496
  登录: 'Login',
493
- 个人中心: 'Personal Center',
497
+ 个人主页: 'Personal Center',
494
498
  }
495
499
 
496
500
  /** 当前使用的国际化对象 */
@@ -853,14 +857,19 @@ export class IkeWebHeader extends LitElement {
853
857
  try {
854
858
  if (window.caches) {
855
859
  const cacheNames = await window.caches.keys()
856
- await Promise.all(cacheNames.map((cacheName) => window.caches.delete(cacheName)))
860
+ await Promise.all(
861
+ cacheNames.map((cacheName) => window.caches.delete(cacheName))
862
+ )
857
863
  }
858
864
  } catch (error) {
859
865
  console.error('Error clearing Cache Storage:', error)
860
866
  }
861
867
 
862
868
  try {
863
- if (window.indexedDB && typeof window.indexedDB.databases === 'function') {
869
+ if (
870
+ window.indexedDB &&
871
+ typeof window.indexedDB.databases === 'function'
872
+ ) {
864
873
  const databases = await window.indexedDB.databases()
865
874
  await Promise.all(
866
875
  databases
@@ -869,7 +878,10 @@ export class IkeWebHeader extends LitElement {
869
878
  (database) =>
870
879
  new Promise((resolve) => {
871
880
  const request = window.indexedDB.deleteDatabase(database.name)
872
- request.onsuccess = request.onerror = request.onblocked = resolve
881
+ request.onsuccess =
882
+ request.onerror =
883
+ request.onblocked =
884
+ resolve
873
885
  })
874
886
  )
875
887
  )
@@ -991,316 +1003,321 @@ export class IkeWebHeader extends LitElement {
991
1003
 
992
1004
  render() {
993
1005
  return html` <div
994
- class="ike-web-header"
995
- style="
1006
+ class="ike-web-header"
1007
+ style="
996
1008
  background: ${this.isPlat
997
- ? '#063223'
998
- : '#FFFFFF'}; color: ${this.isPlat ? '#fff' : '#063223'}"
999
- >
1000
- <div style="display: flex;align-items: center">
1001
- <img
1002
- src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/WebLCA_logo.png"
1003
- class="iwh-url"
1004
- alt=""
1005
- />
1006
- ${this.status !== 'www' || this.isLocalSecondaryPreview
1007
- ? html` <div class="box-a" style="display: flex;align-items: center">
1008
- <img src="${this.logo}" alt="" />
1009
- <span
1010
- style="margin-left: 12px;color: #373737;font-weight: 600;color: ${this
1011
- .isPlat
1012
- ? '#fff'
1013
- : '#063223'}"
1014
- >${this.name}</span
1009
+ ? '#063223'
1010
+ : '#FFFFFF'}; color: ${this.isPlat ? '#fff' : '#063223'}"
1011
+ >
1012
+ <div style="display: flex;align-items: center">
1013
+ <img
1014
+ src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/WebLCA_logo.png"
1015
+ class="iwh-url"
1016
+ alt=""
1017
+ />
1018
+ ${this.status !== 'www' || this.isLocalSecondaryPreview
1019
+ ? html` <div
1020
+ class="box-a"
1021
+ style="display: flex;align-items: center"
1015
1022
  >
1016
- </div>`
1017
- : ''}
1018
-
1019
- <!-- 左侧菜单项：eFootprint、CarbonZero、GPM ---- 111111 -->
1020
- ${html` <div class="left-menu-items">
1021
- ${html` <div
1022
- class="left-menu-item"
1023
- style="color: ${this.hostName.includes('efootprint.net/login')
1024
- ? '#06AA3E'
1025
- : this.isPlat
1026
- ? '#fff'
1027
- : '#373737'}"
1028
- @click="${this._handleServiceClick}"
1029
- data-url="${this._getServiceLoginUrl()}"
1030
- data-login-url="${this._getServiceTargetUrl('eFootprint')}"
1031
- data-service="ef"
1032
- >
1033
- eFootprint
1034
- </div>`}
1035
- ${html` <div
1036
- class="left-menu-item"
1037
- style="color: ${this.hostName.includes('webcarbon.net')
1038
- ? '#06AA3E'
1039
- : this.isPlat
1040
- ? '#fff'
1041
- : '#373737'}"
1042
- @click="${this._handleServiceClick}"
1043
- data-login-url="${this._getServiceTargetUrl('carbonZero')}"
1044
- data-url="${this._getServiceLoginUrl()}"
1045
- data-service="cz"
1046
- >
1047
- CarbonZero
1048
- </div>`}
1049
- ${html` <div
1050
- class="left-menu-item"
1051
- style="color: ${this.hostName.includes('webgpm.net')
1052
- ? '#06AA3E'
1053
- : this.isPlat
1054
- ? '#fff'
1055
- : '#373737'}"
1056
- @click="${this._handleServiceClick}"
1057
- data-login-url="${this._getServiceTargetUrl('gpm')}"
1058
- data-url="${this._getServiceLoginUrl()}"
1059
- data-service="gpm"
1060
- >
1061
- GPM
1062
- </div>`}
1063
- </div>`}
1064
- </div>
1065
-
1066
- <div class="iwh-right">
1067
- <div class="header-list flex align-center">
1068
- <div class="el-menu-demo">
1069
- <div
1070
- class="menu-item"
1071
- style="color: ${this.hostName.includes('weblca.net/home')
1023
+ <img src="${this.logo}" alt="" />
1024
+ <span
1025
+ style="margin-left: 12px;color: #373737;font-weight: 600;color: ${this
1026
+ .isPlat
1027
+ ? '#fff'
1028
+ : '#063223'}"
1029
+ >${this.name}</span
1030
+ >
1031
+ </div>`
1032
+ : ''}
1033
+
1034
+ <!-- 左侧菜单项：eFootprint、CarbonZero、GPM ---- 111111 -->
1035
+ ${html` <div class="left-menu-items">
1036
+ ${html` <div
1037
+ class="left-menu-item"
1038
+ style="color: ${this.hostName.includes('efootprint.net/login')
1072
1039
  ? '#06AA3E'
1073
1040
  : this.isPlat
1074
1041
  ? '#fff'
1075
1042
  : '#373737'}"
1076
- @click="${this._routerPush}"
1077
- data-login-url="${this._getHomeUrl()}"
1078
- data-url="${this._getHomeUrl()}"
1043
+ @click="${this._handleServiceClick}"
1044
+ data-url="${this._getServiceLoginUrl()}"
1045
+ data-login-url="${this._getServiceTargetUrl('eFootprint')}"
1046
+ data-service="ef"
1079
1047
  >
1080
- ${this.i18n['首页']}
1081
- </div>
1048
+ eFootprint
1049
+ </div>`}
1050
+ ${html` <div
1051
+ class="left-menu-item"
1052
+ style="color: ${this.hostName.includes('webcarbon.net')
1053
+ ? '#06AA3E'
1054
+ : this.isPlat
1055
+ ? '#fff'
1056
+ : '#373737'}"
1057
+ @click="${this._handleServiceClick}"
1058
+ data-login-url="${this._getServiceTargetUrl('carbonZero')}"
1059
+ data-url="${this._getServiceLoginUrl()}"
1060
+ data-service="cz"
1061
+ >
1062
+ CarbonZero
1063
+ </div>`}
1064
+ ${html` <div
1065
+ class="left-menu-item"
1066
+ style="color: ${this.hostName.includes('webgpm.net')
1067
+ ? '#06AA3E'
1068
+ : this.isPlat
1069
+ ? '#fff'
1070
+ : '#373737'}"
1071
+ @click="${this._handleServiceClick}"
1072
+ data-login-url="${this._getServiceTargetUrl('gpm')}"
1073
+ data-url="${this._getServiceLoginUrl()}"
1074
+ data-service="gpm"
1075
+ >
1076
+ GPM
1077
+ </div>`}
1078
+ </div>`}
1079
+ </div>
1082
1080
 
1083
- <!-- 平台专属菜单项：标准库和核算模板 -->
1084
- ${this.isPlat && false
1085
- ? html` <div
1086
- class="menu-item"
1087
- style="color: ${this.isPlat ? '#fff' : '#373737'}"
1088
- @click="${this._routerPush}"
1089
- data-login-url="https://www.weblca.net/standard"
1090
- data-url="https://www.weblca.net/standard"
1091
- >
1092
- ${this.i18n['标准库']}
1093
- </div>
1094
- <div
1095
- class="menu-item"
1096
- style="color: ${this.isPlat ? '#fff' : '#373737'}"
1097
- @click="${this._routerPush}"
1098
- data-login-url="https://www.weblca.net/template"
1099
- data-url="https://www.weblca.net/template"
1100
- >
1101
- ${this.i18n['核算模版']}
1102
- </div>`
1103
- : ''}
1104
- ${this.isPlat || this.alreadyServices.includes('database')
1105
- ? html` <div
1106
- class="menu-item menu-item-database"
1107
- style=" position: relative;color: ${this.hostName.includes(
1108
- 'weblca.net/database'
1109
- )
1110
- ? '#06AA3E'
1111
- : this.isPlat
1112
- ? '#fff'
1113
- : '#373737'}"
1114
- @click="${this._routerPush}"
1115
- data-login-urlurl="https://www.weblca.net/database"
1116
- data-url="https://www.weblca.net/database"
1117
- >
1118
- ${this.isPlat
1119
- ? html`<img
1120
- class="posi"
1121
- src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/HOT.png"
1122
- alt=""
1123
- />`
1124
- : ''}
1125
- ${this.i18n['数据库']}
1126
- <div class="menu-sub-group">
1127
- <div
1128
- @click="${this._routerPush}"
1129
- data-login-url="https://www.weblca.net/database"
1130
- data-url="https://www.weblca.net/database"
1131
- class="menu-sub-item"
1132
- >
1133
- ${this.i18n['数据库']}
1134
- </div>
1135
- <div
1136
- @click="${this._routerPush}"
1137
- data-login-url="https://www.weblca.net/database/leather"
1138
- data-url="https://www.weblca.net/database/leather"
1139
- class="menu-sub-item"
1140
- >
1141
- ${this.i18n['皮革LCA数据库']}
1142
- </div>
1143
- </div>
1144
- </div>`
1145
- : ''}
1146
- ${this.isPlat || this.alreadyServices.includes('databankpage')
1147
- ? html` <div
1148
- class="menu-item"
1149
- style="color: ${this.hostName.includes('/databankpage')
1150
- ? '#06AA3E'
1151
- : this.isPlat
1152
- ? '#fff'
1153
- : '#373737'}"
1154
- @click="${this._routerPush}"
1155
- data-login-url="https://www.weblca.net/databankpage"
1156
- data-url="https://www.weblca.net/databankpage"
1157
- >
1158
- ${this.i18n['资料库']}
1159
- </div>`
1160
- : ''}
1161
- ${this.isPlat
1162
- ? html` <div
1163
- class="menu-item menu-item-database"
1164
- style=" position: relative;color: ${this.hostName.includes(
1165
- 'efootprint.net/contest'
1166
- )
1167
- ? '#06AA3E'
1168
- : this.isPlat
1169
- ? '#fff'
1170
- : '#373737'}"
1171
- >
1172
- ${this.i18n['LCA大赛']}
1173
- <div class="menu-sub-group menu-sub-group-1">
1174
- <div
1081
+ <div class="iwh-right">
1082
+ <div class="header-list flex align-center">
1083
+ <div class="el-menu-demo">
1084
+ <div
1085
+ class="menu-item"
1086
+ style="color: ${this.hostName.includes('weblca.net/home')
1087
+ ? '#06AA3E'
1088
+ : this.isPlat
1089
+ ? '#fff'
1090
+ : '#373737'}"
1091
+ @click="${this._routerPush}"
1092
+ data-login-url="${this._getHomeUrl()}"
1093
+ data-url="${this._getHomeUrl()}"
1094
+ >
1095
+ ${this.i18n['首页']}
1096
+ </div>
1097
+
1098
+ <!-- 平台专属菜单项：标准库和核算模板 -->
1099
+ ${this.isPlat && false
1100
+ ? html` <div
1101
+ class="menu-item"
1102
+ style="color: ${this.isPlat ? '#fff' : '#373737'}"
1175
1103
  @click="${this._routerPush}"
1176
- data-login-url="https://www.weblca.net/contest"
1177
- data-url="https://www.weblca.net/contest"
1178
- class="menu-sub-item"
1104
+ data-login-url="https://www.weblca.net/standard"
1105
+ data-url="https://www.weblca.net/standard"
1179
1106
  >
1180
- ${this.i18n['2025全生命周期创新大赛']}
1107
+ ${this.i18n['标准库']}
1181
1108
  </div>
1182
1109
  <div
1110
+ class="menu-item"
1111
+ style="color: ${this.isPlat ? '#fff' : '#373737'}"
1183
1112
  @click="${this._routerPush}"
1184
- data-login-url="https://www.weblca.net/contest/cccd"
1185
- data-url="https://www.weblca.net/contest/cccd"
1186
- class="menu-sub-item"
1113
+ data-login-url="https://www.weblca.net/template"
1114
+ data-url="https://www.weblca.net/template"
1187
1115
  >
1188
- ${this.i18n['化工专题比赛']}
1116
+ ${this.i18n['核算模版']}
1117
+ </div>`
1118
+ : ''}
1119
+ ${this.isPlat || this.alreadyServices.includes('database')
1120
+ ? html` <div
1121
+ class="menu-item menu-item-database"
1122
+ style=" position: relative;color: ${this.hostName.includes(
1123
+ 'weblca.net/database'
1124
+ )
1125
+ ? '#06AA3E'
1126
+ : this.isPlat
1127
+ ? '#fff'
1128
+ : '#373737'}"
1129
+ @click="${this._routerPush}"
1130
+ data-login-urlurl="https://www.weblca.net/database"
1131
+ data-url="https://www.weblca.net/database"
1132
+ >
1133
+ ${this.isPlat
1134
+ ? html`<img
1135
+ class="posi"
1136
+ src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/HOT.png"
1137
+ alt=""
1138
+ />`
1139
+ : ''}
1140
+ ${this.i18n['数据库']}
1141
+ <div class="menu-sub-group">
1142
+ <div
1143
+ @click="${this._routerPush}"
1144
+ data-login-url="https://www.weblca.net/database"
1145
+ data-url="https://www.weblca.net/database"
1146
+ class="menu-sub-item"
1147
+ >
1148
+ ${this.i18n['数据库']}
1149
+ </div>
1150
+ <div
1151
+ @click="${this._routerPush}"
1152
+ data-login-url="https://www.weblca.net/database/leather"
1153
+ data-url="https://www.weblca.net/database/leather"
1154
+ class="menu-sub-item"
1155
+ >
1156
+ ${this.i18n['皮革LCA数据库']}
1157
+ </div>
1189
1158
  </div>
1190
- <div
1191
- @click="${this._routerPush}"
1192
- data-login-url="https://www.weblca.net/contest/cbpc"
1193
- data-url="https://www.weblca.net/contest/cbpc"
1194
- class="menu-sub-item"
1195
- >
1196
- ${this.i18n['首届CBPC供应商产品碳足迹管理能力大赛']}
1159
+ </div>`
1160
+ : ''}
1161
+ ${this.isPlat || this.alreadyServices.includes('databankpage')
1162
+ ? html` <div
1163
+ class="menu-item"
1164
+ style="color: ${this.hostName.includes('/databankpage')
1165
+ ? '#06AA3E'
1166
+ : this.isPlat
1167
+ ? '#fff'
1168
+ : '#373737'}"
1169
+ @click="${this._routerPush}"
1170
+ data-login-url="https://www.weblca.net/databankpage"
1171
+ data-url="https://www.weblca.net/databankpage"
1172
+ >
1173
+ ${this.i18n['资料库']}
1174
+ </div>`
1175
+ : ''}
1176
+ ${this.isPlat
1177
+ ? html` <div
1178
+ class="menu-item menu-item-database"
1179
+ style=" position: relative;color: ${this.hostName.includes(
1180
+ 'efootprint.net/contest'
1181
+ )
1182
+ ? '#06AA3E'
1183
+ : this.isPlat
1184
+ ? '#fff'
1185
+ : '#373737'}"
1186
+ >
1187
+ ${this.i18n['LCA大赛']}
1188
+ <div class="menu-sub-group menu-sub-group-1">
1189
+ <div
1190
+ @click="${this._routerPush}"
1191
+ data-login-url="https://www.weblca.net/contest"
1192
+ data-url="https://www.weblca.net/contest"
1193
+ class="menu-sub-item"
1194
+ >
1195
+ ${this.i18n['2025全生命周期创新大赛']}
1196
+ </div>
1197
+ <div
1198
+ @click="${this._routerPush}"
1199
+ data-login-url="https://www.weblca.net/contest/cccd"
1200
+ data-url="https://www.weblca.net/contest/cccd"
1201
+ class="menu-sub-item"
1202
+ >
1203
+ ${this.i18n['化工专题比赛']}
1204
+ </div>
1205
+ <div
1206
+ @click="${this._routerPush}"
1207
+ data-login-url="https://www.weblca.net/contest/cbpc"
1208
+ data-url="https://www.weblca.net/contest/cbpc"
1209
+ class="menu-sub-item"
1210
+ >
1211
+ ${this.i18n['首届CBPC供应商产品碳足迹管理能力大赛']}
1212
+ </div>
1197
1213
  </div>
1198
- </div>
1199
- </div>`
1200
- : ''}
1201
- ${this.isPlat
1202
- ? html` <div
1203
- class="menu-item"
1204
- style="color: ${this.hostName.includes(
1205
- 'efootprint.net/training'
1206
- )
1207
- ? '#06AA3E'
1208
- : this.isPlat
1209
- ? '#fff'
1210
- : '#373737'}"
1211
- @click="${this._routerPush}"
1212
- data-login-url="https://www.weblca.net/training"
1213
- data-url="https://www.weblca.net/training"
1214
- >
1215
- ${this.i18n['专业培训']}
1216
- </div>`
1217
- : ''}
1218
- <div
1219
- class="menu-item"
1220
- style="color: ${this.isPlat ? '#fff' : '#373737'}"
1221
- @click="${this._scroll}"
1222
- data-login-url="#"
1223
- data-url="#"
1224
- >
1225
- ${this.i18n['联系我们']}
1226
- </div>
1214
+ </div>`
1215
+ : ''}
1216
+ ${this.isPlat
1217
+ ? html` <div
1218
+ class="menu-item"
1219
+ style="color: ${this.hostName.includes(
1220
+ 'efootprint.net/training'
1221
+ )
1222
+ ? '#06AA3E'
1223
+ : this.isPlat
1224
+ ? '#fff'
1225
+ : '#373737'}"
1226
+ @click="${this._routerPush}"
1227
+ data-login-url="https://www.weblca.net/training"
1228
+ data-url="https://www.weblca.net/training"
1229
+ >
1230
+ ${this.i18n['专业培训']}
1231
+ </div>`
1232
+ : ''}
1233
+ <div
1234
+ class="menu-item"
1235
+ style="color: ${this.isPlat ? '#fff' : '#373737'}"
1236
+ @click="${this._scroll}"
1237
+ data-login-url="#"
1238
+ data-url="#"
1239
+ >
1240
+ ${this.i18n['联系我们']}
1241
+ </div>
1227
1242
 
1228
- ${this.isShowLang
1229
- ? html` <div
1230
- class="menu-item menu-item-database"
1231
- style=" position: relative;
1243
+ ${this.isShowLang
1244
+ ? html` <div
1245
+ class="menu-item menu-item-database"
1246
+ style=" position: relative;
1232
1247
  text-align: center;
1233
1248
  display: flex;
1234
1249
  align-items: center;
1235
1250
  color: ${this.hostName.includes(
1236
- 'weblca.net/database'
1237
- )
1238
- ? '#06AA3E'
1239
- : this.isPlat
1240
- ? '#fff'
1241
- : '#373737'}"
1242
- >
1243
- ${this.isPlat
1244
- ? html`<img
1245
- src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/language.png"
1246
- alt=""
1247
- />`
1248
- : html`<img
1249
- src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/language_block.png"
1250
- alt=""
1251
- />`}
1252
- <div class="menu-sub-group">
1253
- <div
1254
- @click="${this._clickLang}"
1255
- data-lang="zh_CN"
1256
- class="menu-sub-item"
1257
- >
1258
- 中文简体
1259
- </div>
1260
- <div
1261
- @click="${this._clickLang}"
1262
- data-lang="zh_TW"
1263
- class="menu-sub-item"
1264
- >
1265
- 中文繁体
1251
+ 'weblca.net/database'
1252
+ )
1253
+ ? '#06AA3E'
1254
+ : this.isPlat
1255
+ ? '#fff'
1256
+ : '#373737'}"
1257
+ >
1258
+ ${this.isPlat
1259
+ ? html`<img
1260
+ src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/language.png"
1261
+ alt=""
1262
+ />`
1263
+ : html`<img
1264
+ src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/language_block.png"
1265
+ alt=""
1266
+ />`}
1267
+ <div class="menu-sub-group">
1268
+ <div
1269
+ @click="${this._clickLang}"
1270
+ data-lang="zh_CN"
1271
+ class="menu-sub-item"
1272
+ >
1273
+ 中文简体
1274
+ </div>
1275
+ <div
1276
+ @click="${this._clickLang}"
1277
+ data-lang="zh_TW"
1278
+ class="menu-sub-item"
1279
+ >
1280
+ 中文繁体
1281
+ </div>
1282
+ <div
1283
+ @click="${this._clickLang}"
1284
+ data-lang="en_US"
1285
+ class="menu-sub-item"
1286
+ >
1287
+ English
1288
+ </div>
1266
1289
  </div>
1290
+ </div>`
1291
+ : ''}
1292
+
1293
+ <!-- 消息图标 - 仅在登录状态下显示 -->
1294
+ ${this.isLoggedIn
1295
+ ? html`
1267
1296
  <div
1268
- @click="${this._clickLang}"
1269
- data-lang="en_US"
1270
- class="menu-sub-item"
1297
+ @click="${this._routerPush}"
1298
+ data-login-url="${this._getNotificationUrl()}"
1299
+ data-url="${this._getNotificationUrl()}"
1300
+ class="message-icon-container"
1271
1301
  >
1272
- English
1302
+ <img
1303
+ src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/message.png"
1304
+ alt="消息"
1305
+ class="message-icon ${this.isPlat
1306
+ ? ''
1307
+ : 'message-icon-dark'}"
1308
+ />
1309
+ ${this.messageCount > 0
1310
+ ? html`<div class="message-badge">
1311
+ ${this.messageCount}
1312
+ </div>`
1313
+ : ''}
1273
1314
  </div>
1274
- </div>
1275
- </div>`
1276
- : ''}
1277
-
1278
- <!-- 消息图标 - 仅在登录状态下显示 -->
1279
- ${this.isLoggedIn
1280
- ? html`
1281
- <div
1282
- @click="${this._routerPush}"
1283
- data-login-url="${this._getNotificationUrl()}"
1284
- data-url="${this._getNotificationUrl()}"
1285
- class="message-icon-container"
1286
- >
1287
- <img
1288
- src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/message.png"
1289
- alt="消息"
1290
- class="message-icon"
1291
- />
1292
- ${this.messageCount > 0
1293
- ? html`<div class="message-badge">
1294
- ${this.messageCount}
1295
- </div>`
1296
- : ''}
1297
- </div>
1298
- `
1299
- : ''}
1315
+ `
1316
+ : ''}
1300
1317
 
1301
- <!-- 登录/用户信息 -->
1302
- ${this.isLoggedIn
1303
- ? html` <div
1318
+ <!-- 登录/用户信息 -->
1319
+ ${this.isLoggedIn
1320
+ ? html` <div
1304
1321
  class="user-menu ${this.isUserMenuOpen ? 'open' : ''}"
1305
1322
  @click="${this._toggleUserMenu}"
1306
1323
  >
@@ -1363,7 +1380,7 @@ export class IkeWebHeader extends LitElement {
1363
1380
  class="user-action"
1364
1381
  @click="${this._goPersonalCenter}"
1365
1382
  >
1366
- 个人中心
1383
+ 个人主页
1367
1384
  </div>
1368
1385
  <div class="user-action" @click="${this._logout}">
1369
1386
  退出登录
@@ -1371,7 +1388,7 @@ export class IkeWebHeader extends LitElement {
1371
1388
  </div>
1372
1389
  </div>
1373
1390
  </div>`
1374
- : html` <div
1391
+ : html` <div
1375
1392
  class="login-button"
1376
1393
  style="border-color: ${this.isPlat
1377
1394
  ? '#fff'
@@ -1381,33 +1398,33 @@ export class IkeWebHeader extends LitElement {
1381
1398
  ${this.i18n['登录']}
1382
1399
  </div>`}
1383
1400
 
1384
- <!-- <div class="menu-item">-->
1385
- <!-- <el-icon style="cursor: pointer" size="28" color="#fff">-->
1386
- <!-- <UserFilled/>-->
1387
- <!-- </el-icon>-->
1388
- <!-- </div>-->
1401
+ <!-- <div class="menu-item">-->
1402
+ <!-- <el-icon style="cursor: pointer" size="28" color="#fff">-->
1403
+ <!-- <UserFilled/>-->
1404
+ <!-- </el-icon>-->
1405
+ <!-- </div>-->
1406
+ </div>
1389
1407
  </div>
1390
1408
  </div>
1391
1409
  </div>
1392
- </div>
1393
- ${this.permissionModalMessage
1394
- ? html`<div class="permission-modal-mask">
1395
- <div class="permission-modal" role="alertdialog" aria-modal="true">
1396
- <div class="permission-modal-title">提示</div>
1397
- <div class="permission-modal-content">
1398
- ${this.permissionModalMessage}
1399
- </div>
1400
- <div class="permission-modal-footer">
1401
- <button
1402
- class="permission-modal-button"
1403
- @click="${this._hidePermissionModal}"
1404
- >
1405
- 确定
1406
- </button>
1410
+ ${this.permissionModalMessage
1411
+ ? html`<div class="permission-modal-mask">
1412
+ <div class="permission-modal" role="alertdialog" aria-modal="true">
1413
+ <div class="permission-modal-title">提示</div>
1414
+ <div class="permission-modal-content">
1415
+ ${this.permissionModalMessage}
1416
+ </div>
1417
+ <div class="permission-modal-footer">
1418
+ <button
1419
+ class="permission-modal-button"
1420
+ @click="${this._hidePermissionModal}"
1421
+ >
1422
+ 确定
1423
+ </button>
1424
+ </div>
1407
1425
  </div>
1408
- </div>
1409
- </div>`
1410
- : ''}`
1426
+ </div>`
1427
+ : ''}`
1411
1428
  }
1412
1429
 
1413
1430
  _routerPush(e) {