@jx3box/jx3box-common-ui 6.7.3 → 6.7.4
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 +52 -24
- package/package.json +1 -1
- package/src/header/user.vue +10 -7
package/assets/css/header.less
CHANGED
|
@@ -266,6 +266,9 @@ body {
|
|
|
266
266
|
position: absolute;
|
|
267
267
|
right: 10px;
|
|
268
268
|
top: 0;
|
|
269
|
+
display: flex;
|
|
270
|
+
align-items: center;
|
|
271
|
+
height: 100%;
|
|
269
272
|
|
|
270
273
|
.u-dropdown {
|
|
271
274
|
border-bottom: 0 solid transparent;
|
|
@@ -387,14 +390,15 @@ body {
|
|
|
387
390
|
|
|
388
391
|
//消息面板
|
|
389
392
|
.c-header-msg {
|
|
390
|
-
float: left;
|
|
391
393
|
position: relative;
|
|
392
394
|
height: 100%;
|
|
393
395
|
|
|
394
396
|
.u-msg {
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
397
|
+
.h(100%);
|
|
398
|
+
.flex;
|
|
399
|
+
align-items: center;
|
|
400
|
+
|
|
401
|
+
padding: 0 10px;
|
|
398
402
|
&:hover {
|
|
399
403
|
opacity: 0.7;
|
|
400
404
|
}
|
|
@@ -406,7 +410,7 @@ body {
|
|
|
406
410
|
height: 17px;
|
|
407
411
|
display: block;
|
|
408
412
|
.pr;
|
|
409
|
-
top:
|
|
413
|
+
top: 1px;
|
|
410
414
|
// margin-top: 9px;
|
|
411
415
|
svg {
|
|
412
416
|
width: 100%;
|
|
@@ -602,7 +606,6 @@ body {
|
|
|
602
606
|
|
|
603
607
|
//操作面板
|
|
604
608
|
.c-header-panel {
|
|
605
|
-
float: left;
|
|
606
609
|
position: relative;
|
|
607
610
|
height: 100%;
|
|
608
611
|
user-select: none;
|
|
@@ -610,8 +613,10 @@ body {
|
|
|
610
613
|
box-sizing: border-box;
|
|
611
614
|
|
|
612
615
|
.u-post {
|
|
613
|
-
|
|
614
|
-
|
|
616
|
+
padding: 0 10px;
|
|
617
|
+
height: 100%;
|
|
618
|
+
.flex;
|
|
619
|
+
align-items: center;
|
|
615
620
|
}
|
|
616
621
|
|
|
617
622
|
.u-add {
|
|
@@ -642,7 +647,6 @@ body {
|
|
|
642
647
|
|
|
643
648
|
// 用户资产
|
|
644
649
|
.c-header-assets {
|
|
645
|
-
float: left;
|
|
646
650
|
position: relative;
|
|
647
651
|
height: 100%;
|
|
648
652
|
|
|
@@ -654,8 +658,10 @@ body {
|
|
|
654
658
|
}
|
|
655
659
|
}
|
|
656
660
|
.u-asset {
|
|
657
|
-
|
|
658
|
-
|
|
661
|
+
padding: 0 10px;
|
|
662
|
+
height: 100%;
|
|
663
|
+
.flex;
|
|
664
|
+
align-items: center;
|
|
659
665
|
&:hover {
|
|
660
666
|
.tm(0.7);
|
|
661
667
|
}
|
|
@@ -677,7 +683,7 @@ body {
|
|
|
677
683
|
color: #3d454d;
|
|
678
684
|
border: 1px solid rgba(27, 31, 35, 0.15);
|
|
679
685
|
border-radius: 4px;
|
|
680
|
-
box-shadow: 0 3px 12px rgba(0,0,0
|
|
686
|
+
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
|
|
681
687
|
right: 0;
|
|
682
688
|
list-style: none;
|
|
683
689
|
margin: -6px 0 0 0;
|
|
@@ -736,10 +742,29 @@ body {
|
|
|
736
742
|
}
|
|
737
743
|
}
|
|
738
744
|
|
|
745
|
+
// vip
|
|
746
|
+
.c-header-vip {
|
|
747
|
+
height: 100%;
|
|
748
|
+
.u-vip {
|
|
749
|
+
padding: 0 10px;
|
|
750
|
+
height: 100%;
|
|
751
|
+
.flex;
|
|
752
|
+
align-items: center;
|
|
753
|
+
}
|
|
754
|
+
}
|
|
755
|
+
|
|
739
756
|
// 管理菜单
|
|
740
757
|
.c-header-manage {
|
|
758
|
+
height: 100%;
|
|
759
|
+
.u-manage {
|
|
760
|
+
padding: 0 10px;
|
|
761
|
+
height: 100%;
|
|
762
|
+
.flex;
|
|
763
|
+
align-items: center;
|
|
764
|
+
}
|
|
741
765
|
}
|
|
742
766
|
|
|
767
|
+
|
|
743
768
|
//登录、注册
|
|
744
769
|
.c-header-login {
|
|
745
770
|
margin: 16px 5px 16px 0;
|
|
@@ -818,10 +843,6 @@ body {
|
|
|
818
843
|
}
|
|
819
844
|
|
|
820
845
|
// 用户信息
|
|
821
|
-
.c-header-info {
|
|
822
|
-
float: left;
|
|
823
|
-
padding: 16px 0;
|
|
824
|
-
}
|
|
825
846
|
.c-header-profile {
|
|
826
847
|
cursor: pointer;
|
|
827
848
|
position: relative;
|
|
@@ -906,7 +927,7 @@ body {
|
|
|
906
927
|
color: #3d454d;
|
|
907
928
|
border: 1px solid rgba(27, 31, 35, 0.15);
|
|
908
929
|
border-radius: 4px;
|
|
909
|
-
box-shadow: 0 3px 12px rgba(0,0,0
|
|
930
|
+
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
|
|
910
931
|
right: 0;
|
|
911
932
|
list-style: none;
|
|
912
933
|
position: absolute;
|
|
@@ -921,17 +942,17 @@ body {
|
|
|
921
942
|
padding: 10px;
|
|
922
943
|
}
|
|
923
944
|
|
|
924
|
-
.u-basic{
|
|
945
|
+
.u-basic {
|
|
925
946
|
.flex;
|
|
926
947
|
align-items: center;
|
|
927
|
-
gap:3px;
|
|
948
|
+
gap: 3px;
|
|
928
949
|
}
|
|
929
950
|
|
|
930
|
-
.u-displayname{
|
|
951
|
+
.u-displayname {
|
|
931
952
|
.fz(15px);
|
|
932
953
|
.nobreak;
|
|
933
954
|
max-width: 200px;
|
|
934
|
-
color
|
|
955
|
+
color: @color;
|
|
935
956
|
.bold;
|
|
936
957
|
}
|
|
937
958
|
|
|
@@ -939,7 +960,9 @@ body {
|
|
|
939
960
|
font-size: 12px;
|
|
940
961
|
color: #999;
|
|
941
962
|
margin-top: 6px;
|
|
942
|
-
b{
|
|
963
|
+
b {
|
|
964
|
+
color: @color;
|
|
965
|
+
}
|
|
943
966
|
}
|
|
944
967
|
.u-copy {
|
|
945
968
|
margin-left: 5px;
|
|
@@ -968,7 +991,7 @@ body {
|
|
|
968
991
|
}
|
|
969
992
|
|
|
970
993
|
.u-other {
|
|
971
|
-
padding:10px 5px;
|
|
994
|
+
padding: 10px 5px;
|
|
972
995
|
.u-item {
|
|
973
996
|
display: block;
|
|
974
997
|
padding: 5px 10px;
|
|
@@ -979,7 +1002,7 @@ body {
|
|
|
979
1002
|
color: #fff;
|
|
980
1003
|
}
|
|
981
1004
|
|
|
982
|
-
i{
|
|
1005
|
+
i {
|
|
983
1006
|
.mr(5px);
|
|
984
1007
|
}
|
|
985
1008
|
}
|
|
@@ -1016,3 +1039,8 @@ body {
|
|
|
1016
1039
|
top: @header-height;
|
|
1017
1040
|
left: 0;
|
|
1018
1041
|
}
|
|
1042
|
+
|
|
1043
|
+
// tooltip
|
|
1044
|
+
.c-header-tooltip {
|
|
1045
|
+
margin-top: -5px !important;
|
|
1046
|
+
}
|
package/package.json
CHANGED
package/src/header/user.vue
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<template v-if="isLogin">
|
|
4
4
|
<!-- 消息中心 -->
|
|
5
5
|
<div class="c-header-msg" id="c-header-msg">
|
|
6
|
-
<el-tooltip effect="dark" content="消息中心" placement="bottom">
|
|
6
|
+
<el-tooltip effect="dark" content="消息中心" placement="bottom" popper-class="c-header-tooltip">
|
|
7
7
|
<a class="u-msg" :href="url.msg">
|
|
8
8
|
<i class="u-icon u-icon-msg">
|
|
9
9
|
<i class="u-pop" style="display: none" v-show="pop"></i>
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<!-- 创作中心 -->
|
|
17
17
|
<div class="c-header-panel" id="c-header-panel">
|
|
18
|
-
<el-tooltip effect="dark" content="创作中心" placement="bottom">
|
|
18
|
+
<el-tooltip effect="dark" content="创作中心" placement="bottom" popper-class="c-header-tooltip">
|
|
19
19
|
<a class="u-post" :href="url.publish">
|
|
20
20
|
<img class="u-add" svg-inline src="../../assets/img/header/edit.svg" />
|
|
21
21
|
</a>
|
|
@@ -78,9 +78,9 @@
|
|
|
78
78
|
</div>
|
|
79
79
|
|
|
80
80
|
<!-- vip -->
|
|
81
|
-
<div class="c-header-panel" id="c-header-vip">
|
|
82
|
-
<el-tooltip effect="dark" content="会员中心" placement="bottom">
|
|
83
|
-
<a class="u-post" href="/vip/premium">
|
|
81
|
+
<div class="c-header-panel c-header-vip" id="c-header-vip">
|
|
82
|
+
<el-tooltip effect="dark" content="会员中心" placement="bottom" popper-class="c-header-tooltip">
|
|
83
|
+
<a class="u-post u-vip" href="/vip/premium">
|
|
84
84
|
<img class="u-add" svg-inline src="../../assets/img/header/vip.svg" />
|
|
85
85
|
</a>
|
|
86
86
|
</el-tooltip>
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
@mouseenter="showManage = true"
|
|
94
94
|
@mouseleave="showManage = false"
|
|
95
95
|
>
|
|
96
|
-
<span class="u-post">
|
|
96
|
+
<span class="u-post u-manage">
|
|
97
97
|
<img class="u-add" svg-inline src="../../assets/img/header/manage.svg" />
|
|
98
98
|
</span>
|
|
99
99
|
<ul class="u-menu" v-show="showManage">
|
|
@@ -311,7 +311,10 @@ export default {
|
|
|
311
311
|
},
|
|
312
312
|
levelStyle: function () {
|
|
313
313
|
return {
|
|
314
|
-
|
|
314
|
+
background: __userLevelColor[this.level],
|
|
315
|
+
color: '#fff',
|
|
316
|
+
padding: '2px 8px',
|
|
317
|
+
borderRadius: '2px',
|
|
315
318
|
};
|
|
316
319
|
},
|
|
317
320
|
},
|