@jx3box/jx3box-common-ui 9.0.8 → 9.0.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/package.json +1 -1
- package/src/App.vue +3 -0
- package/src/filters/versionBy.vue +48 -0
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
<orderBy />
|
|
64
64
|
<tagBy :data="['PVE', 'PVX']" :type="tag" />
|
|
65
65
|
<clientBy type="" />
|
|
66
|
+
<versionBy value="" />
|
|
66
67
|
<zlpBy />
|
|
67
68
|
|
|
68
69
|
<topicBy v-model="tag2" :topics="post_topics" />
|
|
@@ -190,6 +191,7 @@ import tagBy from "./filters/tagBy.vue";
|
|
|
190
191
|
import clientBy from "./filters/clientBy.vue";
|
|
191
192
|
import zlpBy from "./filters/zlpBy.vue";
|
|
192
193
|
import topicBy from "./filters/topicBy.vue";
|
|
194
|
+
import versionBy from "./filters/versionBy.vue";
|
|
193
195
|
|
|
194
196
|
import uploadImage from "./upload/upload_banner.vue";
|
|
195
197
|
// import AuthorMedal from "./medal/medal.vue";
|
|
@@ -252,6 +254,7 @@ export default {
|
|
|
252
254
|
clientBy,
|
|
253
255
|
zlpBy,
|
|
254
256
|
topicBy,
|
|
257
|
+
versionBy,
|
|
255
258
|
|
|
256
259
|
uploadImage,
|
|
257
260
|
// AuthorMedal,
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="w-filter-client">
|
|
3
|
+
<ul>
|
|
4
|
+
<li class="u-client" :class="{on: version == ''}" @click="filter('')">
|
|
5
|
+
双端
|
|
6
|
+
</li>
|
|
7
|
+
<li
|
|
8
|
+
class="u-client"
|
|
9
|
+
:class="{ on: version == value }"
|
|
10
|
+
v-for="(label, value) in versions"
|
|
11
|
+
:key="value"
|
|
12
|
+
@click="filter(value)"
|
|
13
|
+
>{{ label }}</li>
|
|
14
|
+
</ul>
|
|
15
|
+
</div>
|
|
16
|
+
</template>
|
|
17
|
+
|
|
18
|
+
<script>
|
|
19
|
+
export default {
|
|
20
|
+
name: "versionBy",
|
|
21
|
+
props: ["value"],
|
|
22
|
+
data: function () {
|
|
23
|
+
return {
|
|
24
|
+
version: this.value || "",
|
|
25
|
+
};
|
|
26
|
+
},
|
|
27
|
+
computed: {
|
|
28
|
+
versions: function () {
|
|
29
|
+
const versions = {
|
|
30
|
+
0: "旗舰",
|
|
31
|
+
1: "无界"
|
|
32
|
+
}
|
|
33
|
+
return versions;
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
methods: {
|
|
37
|
+
filter: function (val) {
|
|
38
|
+
this.version = val;
|
|
39
|
+
this.$emit("filter", { type: "version", val: val });
|
|
40
|
+
this.$forceUpdate();
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
</script>
|
|
45
|
+
|
|
46
|
+
<style lang="less">
|
|
47
|
+
@import "../../assets/css/client-by.less";
|
|
48
|
+
</style>
|