做一个影视网站常见的筛选展示功能

机杼

aggregation插件里其实有类似的功能。但不够全面展示，更像是查询的时候才用到。

需要更多的展示功能。

机杼

简单尝试了一下，感觉还是有难度。一下子想不出要如何实现，特别是多个筛选器传递部分，不知道怎么传递过去。还是先搁置吧。

hulu2024

hulu2024

此回复已被删除！

oeyoews

现在让我写的话，指定全是all in vue 了，已经重构了十几个插件，后期维护毫无压力。那个 notion-gallery 的插件的 html全是js 手搓的，一点都不想改了，迁移都头疼，有时间直接用vue重写一版

机杼

@oeyoews 有一个你写的插件oeyoews/tiddlywiki-cards在cpl里搜索不到。$:/plugins/oeyoews/tiddlywiki-tailwindcss-plus插件可以搜索到进行安装。能看一下是怎么回事吗？

hulu2024

@oeyoews 你写的插件很好用，后面看看你怎么写的，我也跟你学学

oeyoews

@机杼 cpl 的老bug 了，如果之前提交的插件不存在，也会出现在列表里面， https://github.com/oeyoews/tiddlywiki-starter-kit/tree/main/dev/tiddlywiki-cards 这个插件就是一些样式上的例子。

机杼

@oeyoews 好的。我等下再查看。现在有个问题想请教一下。就是如何用太微里的button微件，来触发改变文本颜色，或者整个按钮的样式。

机杼

因为我发现radio形式的话，几个还好说，像我这里十几个甚至更多的话，看着还是有点占空间了。想改用按钮更简略一点。

机杼

不知道咋通过button微件来改变按钮颜色，就只好通过直接展示文本来确立按钮选择的内容了。

机杼

应该button和radio和select共同使用。如果只有四五个选项，那选radio就比较好。如果有十来个选项，那么就选button，如果更多的话，那么用select，就比较好。

而且最好的是能够前面的筛选对后面的筛选也有效果。也就是一个整体筛选。明天试试。

oeyoews

不太清楚 wikitext 用的不多

机杼

@oeyoews 好的，谢谢。

机杼

差不多有了一个简单的雏形了。而且可以快速复制筛选式。后面可以搞一个新建条目的方式。这样方便保存。

hulu2024

@机杼

\define testCreate()
<$action-listops $tiddler=<<currentTiddler>> $tags="+[cycle[selected notselect]]" />
\end

<$setvars
_a={{{[<currentTiddler>get[tags]]}}}
_b="btn-success"
_c="btn-light"
a="a"
b="b"
c="c">
<$button actions=<<testCreate>> class={{{[<a>match[selected]then<b>else<c>]}}} >test</$button>
</$setvars>

你试一下，这样按钮可以变颜色

oeyoews

@hulu2024 https://github.com/tobibeer/tw5-setvars/blob/master/src/widget.js 看了下setvar widget 果然看不懂

hulu2024

\define testCreate()
<$action-listops $tiddler=<<currentTiddler>> $tags="+[cycle[selected notselect]]" />
\end

<$button actions=<<testCreate>> class={{{[<currentTiddler>get[tags]match[selected]then[btn-success]else[btn-info]]}}} >test</$button>

这块用setvars突然觉得有点多余，这样也可以。

hulu2024

@oeyoews 我就只是简单会用，源码没看过

机杼

2024-03-14 19-55-16.mp4

大概做出来了。效果类似上面的视频。现在就是担心数据量一大，可能会造成卡顿。因为要筛选的项目非常多，上面也只是一部分。基本上可以做到共同筛选了。

但还不能更快速。比如我标签选择了社会学，那么下面的出版社应该就只有少数几个选项。因为社会学的书籍只有少数几本。这种更快的筛选方式现在还不能实现。

目前先这样，后面有需要再改进。同样也是后面有时间再看出个教程啥的。主要是掌握setvars插件。

https://tobibeer.github.io/tw5-plugins/#setvars

快十年前的插件了。未来能不能继续与太微兼容也是一个问题。而且现在也是处于没有人维护的状态。只能是先用着了。

太微中文论坛

做一个影视网站常见的筛选展示功能