@jx3box/jx3box-common-ui 6.7.3 → 6.7.6
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 +53 -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,30 @@ 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 0 8px;
|
|
761
|
+
height: 100%;
|
|
762
|
+
.flex;
|
|
763
|
+
align-items: center;
|
|
764
|
+
svg{.size(19px);}
|
|
765
|
+
}
|
|
741
766
|
}
|
|
742
767
|
|
|
768
|
+
|
|
743
769
|
//登录、注册
|
|
744
770
|
.c-header-login {
|
|
745
771
|
margin: 16px 5px 16px 0;
|
|
@@ -818,10 +844,6 @@ body {
|
|
|
818
844
|
}
|
|
819
845
|
|
|
820
846
|
// 用户信息
|
|
821
|
-
.c-header-info {
|
|
822
|
-
float: left;
|
|
823
|
-
padding: 16px 0;
|
|
824
|
-
}
|
|
825
847
|
.c-header-profile {
|
|
826
848
|
cursor: pointer;
|
|
827
849
|
position: relative;
|
|
@@ -906,7 +928,7 @@ body {
|
|
|
906
928
|
color: #3d454d;
|
|
907
929
|
border: 1px solid rgba(27, 31, 35, 0.15);
|
|
908
930
|
border-radius: 4px;
|
|
909
|
-
box-shadow: 0 3px 12px rgba(0,0,0
|
|
931
|
+
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
|
|
910
932
|
right: 0;
|
|
911
933
|
list-style: none;
|
|
912
934
|
position: absolute;
|
|
@@ -921,17 +943,17 @@ body {
|
|
|
921
943
|
padding: 10px;
|
|
922
944
|
}
|
|
923
945
|
|
|
924
|
-
.u-basic{
|
|
946
|
+
.u-basic {
|
|
925
947
|
.flex;
|
|
926
948
|
align-items: center;
|
|
927
|
-
gap:3px;
|
|
949
|
+
gap: 3px;
|
|
928
950
|
}
|
|
929
951
|
|
|
930
|
-
.u-displayname{
|
|
952
|
+
.u-displayname {
|
|
931
953
|
.fz(15px);
|
|
932
954
|
.nobreak;
|
|
933
955
|
max-width: 200px;
|
|
934
|
-
color
|
|
956
|
+
color: @color;
|
|
935
957
|
.bold;
|
|
936
958
|
}
|
|
937
959
|
|
|
@@ -939,7 +961,9 @@ body {
|
|
|
939
961
|
font-size: 12px;
|
|
940
962
|
color: #999;
|
|
941
963
|
margin-top: 6px;
|
|
942
|
-
b{
|
|
964
|
+
b {
|
|
965
|
+
color: @color;
|
|
966
|
+
}
|
|
943
967
|
}
|
|
944
968
|
.u-copy {
|
|
945
969
|
margin-left: 5px;
|
|
@@ -968,7 +992,7 @@ body {
|
|
|
968
992
|
}
|
|
969
993
|
|
|
970
994
|
.u-other {
|
|
971
|
-
padding:10px 5px;
|
|
995
|
+
padding: 10px 5px;
|
|
972
996
|
.u-item {
|
|
973
997
|
display: block;
|
|
974
998
|
padding: 5px 10px;
|
|
@@ -979,7 +1003,7 @@ body {
|
|
|
979
1003
|
color: #fff;
|
|
980
1004
|
}
|
|
981
1005
|
|
|
982
|
-
i{
|
|
1006
|
+
i {
|
|
983
1007
|
.mr(5px);
|
|
984
1008
|
}
|
|
985
1009
|
}
|
|
@@ -1016,3 +1040,8 @@ body {
|
|
|
1016
1040
|
top: @header-height;
|
|
1017
1041
|
left: 0;
|
|
1018
1042
|
}
|
|
1043
|
+
|
|
1044
|
+
// tooltip
|
|
1045
|
+
.c-header-tooltip {
|
|
1046
|
+
margin-top: -5px !important;
|
|
1047
|
+
}
|
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
|
},
|