diff --git a/src/project/saas/AppCooperationPropaganda/tagsList.vue b/src/project/saas/AppCooperationPropaganda/tagsList.vue index bf5b72eb..deb0e999 100644 --- a/src/project/saas/AppCooperationPropaganda/tagsList.vue +++ b/src/project/saas/AppCooperationPropaganda/tagsList.vue @@ -3,11 +3,12 @@
{{ items.name }}
+
+ v-for="(item, index) in items.tagList" + :class="[checked.includes(item.id) ? 'active' : '']" + :key="index" + @click="onClick(item.id)"> {{ item.name }}
@@ -23,7 +24,54 @@ export default { name: "tagsList", data() { return { - subTags: [] + subTags: [ + { + id: "1", + name: "第一组", + tagList: [ + { + id: "1.1", + name: "介绍的", + }, + { + id: "1.2", + name: "介绍的啊塑胶地板", + }, + { + id: "1.3", + name: "介绍的", + }, + { + id: "1.4", + name: "介绍的啊啊啊啊啊啊啊啊", + }, + { + id: "1.5", + name: "介绍的啊啊啊", + }, + { + id: "1.6", + name: "介绍的红红火火恍恍惚惚或或或或或或或或或或或或红红火火恍恍惚惚或或或或或或或", + }, + { + id: "1.7", + name: "介绍的红红火火恍恍惚惚或或或或或或或或或或或或红红火火恍恍惚惚或或或或或或或", + }, + ] + }, + { + id: "2", + name: "第二组", + tagList: [ + { + id: "2.2", + name: "的范德萨发", + } + ] + } + ], + checked: [], + list: [] } }, methods: { @@ -40,6 +88,28 @@ export default { } }) }, + onClick(id) { + const index = this.checked.indexOf(id) + + if (index === -1) { + this.checked.push(id) + } else { + this.checked.splice(index, 1) + } + }, + submit() { + if (!this.checked.length) { + return this.$u.toast('请选择标签') + } + + const list = this.list.filter(v => { + return this.checked.includes(v.id) + }) + + uni.$emit('onChecked', list) + + uni.navigateBack() + } }, onShow() { this.getTags() @@ -52,22 +122,27 @@ export default {