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

机杼

大概类似这种效果，能想到怎样搞，但想搞得好看一点。

机杼

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

需要更多的展示功能。

机杼

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

hulu2024

local-player 这个用setvars做个，以前是search:搜索范围[],这种搜索就比较粗糙。类型年份和地区这些都用各自的字段精确匹配，现在匹配search只是用来搜索标题和自己想搜索的字段，不过做的话就是看起来比较繁琐一点。你先看是不是这种效果。

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 我就只是简单会用，源码没看过

太微中文展示

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