@jx3box/jx3box-ui 2.0.16 → 2.0.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.
- package/assets/css/bread/crumb.less +1 -1
- package/assets/css/common/bottom.less +21 -0
- package/assets/css/common/footer.less +2 -2
- package/assets/css/single/thx.less +2 -2
- package/assets/css/wiki/wiki-panel.less +3 -3
- package/assets/css/wiki/wiki-revisions.less +3 -3
- package/index.js +2 -0
- package/package.json +3 -3
- package/src/App.vue +5 -0
- package/src/CommonBottom.vue +25 -0
- package/src/author/AuthorGift.vue +1 -1
- package/src/filters/clientBy.vue +2 -2
- package/src/filters/orderBy.vue +1 -1
- package/src/filters/topicBy.vue +1 -1
- package/src/filters/versionBy.vue +34 -2
- package/src/interact/BoxcoinUser.vue +1 -1
- package/src/single/Creators.vue +3 -3
- package/src/single/PostHeader.vue +1 -1
- package/assets/css/filters/client-by.less +0 -34
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
@gray: #888;
|
|
2
|
+
@space: 20px;
|
|
3
|
+
@pink: #f39;
|
|
4
|
+
|
|
5
|
+
.m-bottom {
|
|
6
|
+
font-size: 12px;
|
|
7
|
+
color: @gray;
|
|
8
|
+
margin-top: @space;
|
|
9
|
+
font-family: verdana,'Trebuchet MS',Tahoma;
|
|
10
|
+
|
|
11
|
+
a {
|
|
12
|
+
color: @gray;
|
|
13
|
+
&:hover {
|
|
14
|
+
color: @pink;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.u-feedback {
|
|
19
|
+
float: right;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// .w-share2,
|
|
7
7
|
// .w-rss,
|
|
8
8
|
// .w-boxcoin-admin {
|
|
9
|
-
//
|
|
9
|
+
//
|
|
10
10
|
// .mr(20px);
|
|
11
11
|
// }
|
|
12
12
|
.x;
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
}
|
|
71
71
|
b {
|
|
72
72
|
// color:#49c10f;
|
|
73
|
-
// color
|
|
73
|
+
// color:var(--el-color-primary);
|
|
74
74
|
color: #fba524;
|
|
75
75
|
.fz(20px,1);
|
|
76
76
|
.dbi;
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.u-more {
|
|
53
|
-
color:
|
|
53
|
+
color: var(--el-color-primary);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
.el-button {
|
|
@@ -159,8 +159,8 @@
|
|
|
159
159
|
width: 28px;
|
|
160
160
|
height: 28px;
|
|
161
161
|
line-height: 28px;
|
|
162
|
-
color:
|
|
163
|
-
fill:
|
|
162
|
+
color: var(--el-color-primary);
|
|
163
|
+
fill: var(--el-color-primary);
|
|
164
164
|
font-size: 22px;
|
|
165
165
|
}
|
|
166
166
|
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
color: @color;
|
|
41
41
|
|
|
42
42
|
&[href] {
|
|
43
|
-
color:
|
|
43
|
+
color: var(--el-color-primary);
|
|
44
44
|
|
|
45
45
|
&:hover {
|
|
46
|
-
box-shadow: 0 1px 0
|
|
46
|
+
box-shadow: 0 1px 0 var(--el-color-primary);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
}
|
|
@@ -60,4 +60,4 @@
|
|
|
60
60
|
border-bottom: none;
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
}
|
|
63
|
+
}
|
package/index.js
CHANGED
|
@@ -3,6 +3,7 @@ import CommonHeader from "./src/CommonHeader.vue";
|
|
|
3
3
|
import Footer from "./src/Footer.vue";
|
|
4
4
|
import CommonFooter from "./src/CommonFooter.vue";
|
|
5
5
|
import Icon from "./src/Icon.vue";
|
|
6
|
+
import CommonBottom from "./src/CommonBottom.vue";
|
|
6
7
|
|
|
7
8
|
// 布局
|
|
8
9
|
import Main from "./src/Main.vue";
|
|
@@ -46,6 +47,7 @@ const components = {
|
|
|
46
47
|
CommonFooter,
|
|
47
48
|
Footer,
|
|
48
49
|
Icon,
|
|
50
|
+
CommonBottom,
|
|
49
51
|
|
|
50
52
|
Main,
|
|
51
53
|
Breadcrumb,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jx3box/jx3box-ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.18",
|
|
4
4
|
"description": "JX3BOX Vue3 UI",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@element-plus/icons-vue": "^2.3.2",
|
|
36
|
-
"@jx3box/jx3box-common": "^9.1.
|
|
37
|
-
"@jx3box/jx3box-data": "^3.9.
|
|
36
|
+
"@jx3box/jx3box-common": "^9.1.5",
|
|
37
|
+
"@jx3box/jx3box-data": "^3.9.4",
|
|
38
38
|
"@tinymce/tinymce-vue": "^5.1.1",
|
|
39
39
|
"@vueuse/core": "^9.13.0",
|
|
40
40
|
"@vueuse/head": "^0.7.6",
|
package/src/App.vue
CHANGED
|
@@ -40,6 +40,11 @@
|
|
|
40
40
|
<div class="m-block">
|
|
41
41
|
<UploadBanner v-model="uploadBanner" />
|
|
42
42
|
</div>
|
|
43
|
+
|
|
44
|
+
<h1 class="m-title">公共bottom</h1>
|
|
45
|
+
<div class="m-block">
|
|
46
|
+
<CommonBottom />
|
|
47
|
+
</div>
|
|
43
48
|
</el-tab-pane>
|
|
44
49
|
<el-tab-pane label="文章列表" name="list">
|
|
45
50
|
<h1 class="m-title">筛选</h1>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<footer class="m-bottom">
|
|
3
|
+
<a :href="homepage" target="_blank">© JX3BOX.COM</a>
|
|
4
|
+
<a class="u-feedback" :href="feedback" target="_blank">❤ Help</a>
|
|
5
|
+
</footer>
|
|
6
|
+
</template>
|
|
7
|
+
|
|
8
|
+
<script>
|
|
9
|
+
import jx3box from "@jx3box/jx3box-common/data/jx3box.json";
|
|
10
|
+
const { __Root } = jx3box;
|
|
11
|
+
export default {
|
|
12
|
+
name: "Bottom",
|
|
13
|
+
data: function() {
|
|
14
|
+
return {
|
|
15
|
+
homepage: __Root,
|
|
16
|
+
// feedback: '/feedback' + '&refer=' + location.href,
|
|
17
|
+
feedback: "mailto:service@jx3box.com?subject=Feedback",
|
|
18
|
+
};
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
</script>
|
|
22
|
+
|
|
23
|
+
<style lang="less">
|
|
24
|
+
@import "../assets/css/common/bottom.less";
|
|
25
|
+
</style>
|
package/src/filters/clientBy.vue
CHANGED
|
@@ -103,9 +103,9 @@ export default {
|
|
|
103
103
|
.pointer;
|
|
104
104
|
|
|
105
105
|
&.on {
|
|
106
|
-
background-color:
|
|
106
|
+
background-color: var(--el-color-primary);
|
|
107
107
|
color: #fff;
|
|
108
|
-
border-color:
|
|
108
|
+
border-color: var(--el-color-primary);
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
}
|
package/src/filters/orderBy.vue
CHANGED
package/src/filters/topicBy.vue
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="w-filter-
|
|
2
|
+
<div class="w-filter-version">
|
|
3
3
|
<ul>
|
|
4
4
|
<li class="u-client" :class="{on: version == ''}" @click="filter('')">
|
|
5
5
|
{{ $jx3boxT("jx3boxUi.versionBy.all", "双端") }}
|
|
@@ -53,5 +53,37 @@ export default {
|
|
|
53
53
|
|
|
54
54
|
<style lang="less">
|
|
55
55
|
/* src/filters/versionBy.vue */
|
|
56
|
-
|
|
56
|
+
.w-filter-version {
|
|
57
|
+
font-size: 0;
|
|
58
|
+
ul,
|
|
59
|
+
li {
|
|
60
|
+
list-style: none;
|
|
61
|
+
padding: 0;
|
|
62
|
+
margin: 0;
|
|
63
|
+
}
|
|
64
|
+
ul {
|
|
65
|
+
.clearfix;
|
|
66
|
+
.dbi;
|
|
67
|
+
background-color: @bg-gray;
|
|
68
|
+
border: 1px solid #eee;
|
|
69
|
+
.r(3px);
|
|
70
|
+
overflow: hidden;
|
|
71
|
+
}
|
|
72
|
+
li {
|
|
73
|
+
padding: 5px 10px;
|
|
74
|
+
.fl;
|
|
75
|
+
.fz(12px);
|
|
76
|
+
border-right: 1px solid #eee;
|
|
77
|
+
&:last-child {
|
|
78
|
+
border-right: none;
|
|
79
|
+
}
|
|
80
|
+
.pointer;
|
|
81
|
+
|
|
82
|
+
&.on {
|
|
83
|
+
background-color: var(--el-color-primary);
|
|
84
|
+
color: #fff;
|
|
85
|
+
border-color: var(--el-color-primary);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
57
89
|
</style>
|
package/src/single/Creators.vue
CHANGED
|
@@ -182,7 +182,7 @@ export default {
|
|
|
182
182
|
}
|
|
183
183
|
&:hover {
|
|
184
184
|
.u-name {
|
|
185
|
-
color:
|
|
185
|
+
color: var(--el-color-primary);
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
188
|
.u-up {
|
|
@@ -201,8 +201,8 @@ export default {
|
|
|
201
201
|
.dbi;
|
|
202
202
|
.fz(12px,1);
|
|
203
203
|
font-style: normal;
|
|
204
|
-
border: 1px solid
|
|
205
|
-
color:
|
|
204
|
+
border: 1px solid var(--el-color-primary);
|
|
205
|
+
color: var(--el-color-primary);
|
|
206
206
|
padding: 3px 10px;
|
|
207
207
|
.r(2px);
|
|
208
208
|
.mt(5px);
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/* assets/css/filters/client-by.less */
|
|
2
|
-
.w-filter-client {
|
|
3
|
-
font-size: 0;
|
|
4
|
-
ul,
|
|
5
|
-
li {
|
|
6
|
-
list-style: none;
|
|
7
|
-
padding: 0;
|
|
8
|
-
margin: 0;
|
|
9
|
-
}
|
|
10
|
-
ul {
|
|
11
|
-
.clearfix;
|
|
12
|
-
.dbi;
|
|
13
|
-
background-color: @bg-gray;
|
|
14
|
-
border: 1px solid #eee;
|
|
15
|
-
.r(3px);
|
|
16
|
-
overflow: hidden;
|
|
17
|
-
}
|
|
18
|
-
li {
|
|
19
|
-
padding: 5px 10px;
|
|
20
|
-
.fl;
|
|
21
|
-
.fz(12px);
|
|
22
|
-
border-right: 1px solid #eee;
|
|
23
|
-
&:last-child {
|
|
24
|
-
border-right: none;
|
|
25
|
-
}
|
|
26
|
-
.pointer;
|
|
27
|
-
|
|
28
|
-
&.on {
|
|
29
|
-
background-color: @color-link;
|
|
30
|
-
color: #fff;
|
|
31
|
-
border-color: darken(@color-link, 5%);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|