@jx3box/jx3box-ui 2.0.10 → 2.0.12
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/common/right-msg.less +27 -0
- package/index.js +3 -1
- package/package.json +1 -1
- package/src/App.vue +6 -0
- package/src/RightSideMsg.vue +24 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
.c-sidebar-right-msg {
|
|
2
|
+
@aiconh: 22px;
|
|
3
|
+
|
|
4
|
+
border: 1px solid @primary;
|
|
5
|
+
margin: 15px 15px 5px 15px;
|
|
6
|
+
padding: 10px 10px 10px 30px;
|
|
7
|
+
.r(6px);
|
|
8
|
+
.pr;
|
|
9
|
+
.flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
|
|
12
|
+
.u-icon {
|
|
13
|
+
.db;
|
|
14
|
+
.size(16px);
|
|
15
|
+
svg {
|
|
16
|
+
.size(16px);
|
|
17
|
+
fill: @primary;
|
|
18
|
+
}
|
|
19
|
+
.pa;
|
|
20
|
+
.lt(10px, 50%);
|
|
21
|
+
transform: translateY(-50%);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.u-msg {
|
|
25
|
+
.fz(12px, @aiconh);
|
|
26
|
+
}
|
|
27
|
+
}
|
package/index.js
CHANGED
|
@@ -10,6 +10,7 @@ import Breadcrumb from "./src/Breadcrumb.vue";
|
|
|
10
10
|
import LeftSidebar from "./src/LeftSidebar.vue";
|
|
11
11
|
import RightSidebar from "./src/RightSidebar.vue";
|
|
12
12
|
import LeftSideToggle from "./src/LeftSideToggle.vue";
|
|
13
|
+
import RightSideMsg from "./src/RightSideMsg.vue";
|
|
13
14
|
|
|
14
15
|
// 列表页
|
|
15
16
|
import markBy from "./src/filters/markBy.vue";
|
|
@@ -51,6 +52,7 @@ const components = {
|
|
|
51
52
|
LeftSidebar,
|
|
52
53
|
RightSidebar,
|
|
53
54
|
LeftSideToggle,
|
|
55
|
+
RightSideMsg,
|
|
54
56
|
|
|
55
57
|
tagBy,
|
|
56
58
|
orderBy,
|
|
@@ -68,7 +70,7 @@ const components = {
|
|
|
68
70
|
UserPop,
|
|
69
71
|
SuspendCommon,
|
|
70
72
|
AdminDrop,
|
|
71
|
-
}
|
|
73
|
+
};
|
|
72
74
|
|
|
73
75
|
const install = function (app) {
|
|
74
76
|
Object.keys(components).forEach((key) => {
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -146,6 +146,12 @@
|
|
|
146
146
|
</el-tabs>
|
|
147
147
|
<el-divider></el-divider>
|
|
148
148
|
<RightSidebar :show-toggle="true" style="padding: 15px">
|
|
149
|
+
<RightSideMsg>
|
|
150
|
+
<em>综合交流群</em> :
|
|
151
|
+
<strong class="u-link" title="点击复制">
|
|
152
|
+
<a>100473604</a>
|
|
153
|
+
</strong>
|
|
154
|
+
</RightSideMsg>
|
|
149
155
|
<PostTopic type="bps" :id="48857"></PostTopic>
|
|
150
156
|
<div id="directory"></div>
|
|
151
157
|
<PostVersion :post="post"></PostVersion>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="c-sidebar-right-msg">
|
|
3
|
+
<i class="u-icon"><img svg-inline src="../assets/img/rightsidebar/ac.svg" /></i>
|
|
4
|
+
<div class="u-msg">
|
|
5
|
+
<slot></slot>
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script>
|
|
11
|
+
export default {
|
|
12
|
+
name: "RightSideMsg",
|
|
13
|
+
data: function () {
|
|
14
|
+
return {};
|
|
15
|
+
},
|
|
16
|
+
computed: {},
|
|
17
|
+
methods: {},
|
|
18
|
+
mounted: function () {},
|
|
19
|
+
};
|
|
20
|
+
</script>
|
|
21
|
+
|
|
22
|
+
<style lang="less">
|
|
23
|
+
@import "../assets/css/common/right-msg.less";
|
|
24
|
+
</style>
|