@jx3box/jx3box-common-ui 5.4.8 → 5.4.9
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/box.less +48 -37
- package/package.json +2 -2
- package/src/Box.vue +6 -1
package/assets/css/box.less
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
.c-header-jx3box {
|
|
2
2
|
background-color: @bg-black;
|
|
3
3
|
.z(800);
|
|
4
|
-
overflow-y:auto;
|
|
4
|
+
overflow-y: auto;
|
|
5
5
|
.w(100%);
|
|
6
|
-
box-shadow: 0 5px 5px rgba(0,0,0
|
|
7
|
-
transition:0.5s ease-in-out;
|
|
6
|
+
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
|
|
7
|
+
transition: 0.5s ease-in-out;
|
|
8
8
|
.clearfix;
|
|
9
9
|
|
|
10
10
|
.none;
|
|
11
|
-
&.on{
|
|
11
|
+
&.on {
|
|
12
12
|
.db;
|
|
13
13
|
}
|
|
14
14
|
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
background-color: @bg-light;
|
|
47
47
|
.pr;
|
|
48
48
|
overflow: hidden;
|
|
49
|
-
.u-pic-hover{
|
|
49
|
+
.u-pic-hover {
|
|
50
50
|
.none;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -61,7 +61,8 @@
|
|
|
61
61
|
// }
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
|
-
.u-pic
|
|
64
|
+
.u-pic,
|
|
65
|
+
.u-pic-hover {
|
|
65
66
|
.size(32px);
|
|
66
67
|
.db;
|
|
67
68
|
.auto(x);
|
|
@@ -101,21 +102,23 @@
|
|
|
101
102
|
}
|
|
102
103
|
|
|
103
104
|
.pr;
|
|
104
|
-
.u-close{
|
|
105
|
+
.u-close {
|
|
105
106
|
// .pa;.rb(0);
|
|
106
107
|
.fr;
|
|
107
|
-
background-color
|
|
108
|
+
background-color: @color;
|
|
108
109
|
.fz(13px);
|
|
109
|
-
padding:5px 10px;
|
|
110
|
-
i{
|
|
110
|
+
padding: 5px 10px;
|
|
111
|
+
i {
|
|
112
|
+
.mr(3px);
|
|
113
|
+
}
|
|
111
114
|
.pointer;
|
|
112
115
|
}
|
|
113
116
|
}
|
|
114
|
-
.c-header-jx3box.isOverlay{
|
|
115
|
-
background-color:rgba(0,0,0
|
|
117
|
+
.c-header-jx3box.isOverlay {
|
|
118
|
+
background-color: rgba(0, 0, 0, 0.85);
|
|
116
119
|
}
|
|
117
120
|
@media screen and (max-width: @ipad) {
|
|
118
|
-
.c-jx3box{
|
|
121
|
+
.c-jx3box {
|
|
119
122
|
.u-app-start {
|
|
120
123
|
clear: none;
|
|
121
124
|
}
|
|
@@ -123,42 +126,50 @@
|
|
|
123
126
|
}
|
|
124
127
|
}
|
|
125
128
|
|
|
126
|
-
@media screen and (max-width
|
|
127
|
-
.c-jx3box{
|
|
128
|
-
.u-list{
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
li{
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
129
|
+
@media screen and (max-width: @phone) {
|
|
130
|
+
.c-jx3box {
|
|
131
|
+
.u-list {
|
|
132
|
+
padding-right: 20px;
|
|
133
|
+
// display: flex;
|
|
134
|
+
// flex-wrap: wrap;
|
|
135
|
+
li {
|
|
136
|
+
// flex: 1;
|
|
137
|
+
margin-right: 15px;
|
|
138
|
+
margin-bottom: 15px;
|
|
139
|
+
&:nth-child(4n) {
|
|
140
|
+
.mr(0) !important;
|
|
141
|
+
}
|
|
136
142
|
}
|
|
137
143
|
}
|
|
138
|
-
.u-item{
|
|
139
|
-
.
|
|
140
|
-
.u-txt{
|
|
144
|
+
.u-item {
|
|
145
|
+
.size(68px);
|
|
146
|
+
.u-txt {
|
|
141
147
|
.fz(10px);
|
|
142
148
|
}
|
|
143
|
-
.u-pic{
|
|
149
|
+
.u-pic {
|
|
144
150
|
.size(28px);
|
|
145
151
|
}
|
|
146
152
|
}
|
|
147
|
-
li:nth-child(4n) .u-item{
|
|
148
|
-
.mr(0) !important;
|
|
149
|
-
}
|
|
150
153
|
}
|
|
151
154
|
}
|
|
152
|
-
@media screen and (max-width:320px){
|
|
153
|
-
.c-jx3box{
|
|
154
|
-
.u-
|
|
155
|
+
@media screen and (max-width: 320px) {
|
|
156
|
+
.c-jx3box {
|
|
157
|
+
.u-list{
|
|
158
|
+
li{
|
|
159
|
+
.mr(12px);
|
|
160
|
+
.mb(12px);
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
.u-item {
|
|
155
164
|
.size(60px);
|
|
156
|
-
.u-txt{
|
|
157
|
-
.
|
|
165
|
+
.u-txt {
|
|
166
|
+
.pr;
|
|
167
|
+
left:-3px;
|
|
168
|
+
transform: scale(0.8);
|
|
158
169
|
}
|
|
159
|
-
.u-pic{
|
|
170
|
+
.u-pic {
|
|
160
171
|
.size(28px);
|
|
161
172
|
}
|
|
162
173
|
}
|
|
163
174
|
}
|
|
164
|
-
}
|
|
175
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jx3box/jx3box-common-ui",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.9",
|
|
4
4
|
"description": "JX3BOX UI",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@jx3box/jx3box-comment-ui": "^1.6.6",
|
|
34
34
|
"@jx3box/jx3box-common": "^6.7.8",
|
|
35
35
|
"@jx3box/jx3box-data": "^1.8.3",
|
|
36
|
-
"@jx3box/jx3box-editor": "^1.1.
|
|
36
|
+
"@jx3box/jx3box-editor": "^1.1.2",
|
|
37
37
|
"axios": "^0.19.2",
|
|
38
38
|
"element-ui": "^2.13.2",
|
|
39
39
|
"jquery": "^3.5.1",
|
package/src/Box.vue
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<span class="u-txt">首页</span>
|
|
13
13
|
</a>
|
|
14
14
|
</li>
|
|
15
|
-
<li v-for="(item,i) in data" :key="i" :class="{'u-app-start':item.lf}"
|
|
15
|
+
<li v-for="(item,i) in data" :key="i" :class="{'u-app-start':item.lf}">
|
|
16
16
|
<a class="u-item" :href="item.href" :target="item.href | getTarget">
|
|
17
17
|
<img class="u-pic" svg-inline :src="item.img | getBoxIcon" />
|
|
18
18
|
<img class="u-pic-hover" svg-inline :src="item.hover | getBoxIcon" />
|
|
@@ -55,6 +55,11 @@ export default {
|
|
|
55
55
|
originicon: function () {
|
|
56
56
|
return __imgPath + "image/box/origin.svg";
|
|
57
57
|
},
|
|
58
|
+
list : function (){
|
|
59
|
+
return this.data.map((item,i) => {
|
|
60
|
+
return item.status && item.client == this.client
|
|
61
|
+
})
|
|
62
|
+
}
|
|
58
63
|
},
|
|
59
64
|
methods: {
|
|
60
65
|
closeBox: function () {
|