@jx3box/jx3box-common-ui 9.2.4 → 9.2.5
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/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="
|
|
2
|
+
<div class="c-post-version" v-if="list && list.length">
|
|
3
3
|
<div class="m-title">
|
|
4
|
-
<div class="u-title"><i class="el-icon-time"></i> 历史版本</div>
|
|
4
|
+
<div class="u-title"><i class="u-icon el-icon-time"></i> 历史版本</div>
|
|
5
5
|
<div class="u-op" @click="toggle"><i class="el-icon-d-caret"></i> 折叠</div>
|
|
6
6
|
</div>
|
|
7
7
|
<ul v-show="show" class="u-list">
|
|
8
8
|
<!-- <el-button @click="onAdd">创建</el-button> -->
|
|
9
|
-
<li v-for="(item, i) in list" class="u-item" :key="i">
|
|
9
|
+
<li v-for="(item, i) in list" class="u-item" :key="i" @click="handleContrast(item)">
|
|
10
10
|
<div class="u-version">
|
|
11
11
|
<span>{{ item.version }}</span> - <span>{{ item.created_at }}</span>
|
|
12
12
|
</div>
|
|
13
|
-
<el-button size="small" type="text"
|
|
13
|
+
<el-button class="u-compare" size="small" type="text"><i class="el-icon-sort u-icon"></i>对比</el-button>
|
|
14
14
|
</li>
|
|
15
15
|
</ul>
|
|
16
16
|
<el-pagination small layout="prev, pager, next" :total="total" :current-page.sync="index" hide-on-single-page>
|
|
@@ -117,8 +117,8 @@ export default {
|
|
|
117
117
|
},
|
|
118
118
|
};
|
|
119
119
|
</script>
|
|
120
|
-
<style
|
|
121
|
-
.
|
|
120
|
+
<style lang="less">
|
|
121
|
+
.c-post-version {
|
|
122
122
|
.m-title {
|
|
123
123
|
.flex;
|
|
124
124
|
justify-content: space-between;
|
|
@@ -138,13 +138,20 @@ export default {
|
|
|
138
138
|
}
|
|
139
139
|
.u-title {
|
|
140
140
|
font-weight: 300;
|
|
141
|
-
font-size:
|
|
141
|
+
font-size: 18px;
|
|
142
|
+
.flex;
|
|
143
|
+
align-items: center;
|
|
144
|
+
gap:5px;
|
|
145
|
+
.u-icon{
|
|
146
|
+
font-size: 20px;
|
|
147
|
+
}
|
|
142
148
|
}
|
|
143
149
|
.u-list {
|
|
144
150
|
list-style: none;
|
|
145
|
-
padding: 10px
|
|
151
|
+
padding: 10px;
|
|
146
152
|
margin: 0;
|
|
147
153
|
li {
|
|
154
|
+
padding:0 10px;
|
|
148
155
|
.fz(13px, 36px);
|
|
149
156
|
.flex;
|
|
150
157
|
justify-content: space-between;
|
|
@@ -153,6 +160,20 @@ export default {
|
|
|
153
160
|
.nobreak;
|
|
154
161
|
&:hover {
|
|
155
162
|
background-color: #e6f0fb;
|
|
163
|
+
|
|
164
|
+
.u-compare{
|
|
165
|
+
.db;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
.pointer;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.u-compare{
|
|
172
|
+
.none;
|
|
173
|
+
|
|
174
|
+
.u-icon{
|
|
175
|
+
transform : rotate(90deg);
|
|
176
|
+
margin-right:3px;
|
|
156
177
|
}
|
|
157
178
|
}
|
|
158
179
|
}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
<el-select
|
|
19
19
|
class="u-select"
|
|
20
20
|
v-model="version1"
|
|
21
|
-
placeholder="
|
|
21
|
+
placeholder="请选择"
|
|
22
22
|
@change="versionChange($event, 1)"
|
|
23
23
|
>
|
|
24
24
|
<el-option
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
<el-select
|
|
35
35
|
class="u-select"
|
|
36
36
|
v-model="version2"
|
|
37
|
-
placeholder="
|
|
37
|
+
placeholder="请选择"
|
|
38
38
|
@change="versionChange($event, 2)"
|
|
39
39
|
>
|
|
40
40
|
<el-option
|