• 最新
  • 版块
  • 标签
  • 热门
  • 用户
  • 群组
  • 太微中文教程
  • 新插件投票看板
皮肤
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • 默认(不使用皮肤)
  • 不使用皮肤
折叠
太微中文论坛icon

太微中文论坛

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

已定时 已固定 已锁定 已移动 已解决 讨论
howto
22 帖子 3 发布者 1.1k 浏览
    • 从旧到新
    • 从新到旧
    • 最多赞同
回复
  • 在新帖中回复
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • 机杼机 离线
    机杼机 离线
    机杼
    写于 最后由 编辑
    #13

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

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

    1 条回复 最后回复
    0
  • oeyoewsO 离线
    oeyoewsO 离线
    oeyoews
    写于 最后由 编辑
    #14

    不太清楚 wikitext 用的不多

    机杼机 1 条回复 最后回复
    0
  • 机杼机 离线
    机杼机 离线
    机杼
    在 中回复了 oeyoews 最后由 编辑
    #15

    @oeyoews 好的,谢谢。

    1 条回复 最后回复
    0
  • 机杼机 离线
    机杼机 离线
    机杼
    写于 最后由 编辑
    #16

    b6cc02d4-1f8c-44b6-9589-f146dd0db9ef-image.png

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

    1 条回复 最后回复
    0
  • hulu2024H 离线
    hulu2024H 离线
    hulu2024
    在 中回复了 机杼 最后由 hulu2024 编辑
    #17

    @机杼

    \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>
    
    
    

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

    oeyoewsO hulu2024H 2 条回复 最后回复
    0
  • oeyoewsO 离线
    oeyoewsO 离线
    oeyoews
    在 中回复了 hulu2024 最后由 编辑
    #18

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

    hulu2024H 1 条回复 最后回复
    0
  • hulu2024H 离线
    hulu2024H 离线
    hulu2024
    在 中回复了 hulu2024 最后由 编辑
    #19
    \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突然觉得有点多余,这样也可以。

    hulu2024H 1 条回复 最后回复
    0
  • hulu2024H 离线
    hulu2024H 离线
    hulu2024
    在 中回复了 oeyoews 最后由 编辑
    #20

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

    1 条回复 最后回复
    0
  • 机杼机 离线
    机杼机 离线
    机杼
    写于 最后由 编辑
    #21

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

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

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

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

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

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

    1 条回复 最后回复
    0
  • 机杼机 机杼 将这个主题转为问答主题,在
  • 机杼机 机杼 将这个主题标记为已解决,在
  • hulu2024H 离线
    hulu2024H 离线
    hulu2024
    在 中回复了 hulu2024 最后由 hulu2024 编辑
    #22

    @hulu2024

    <$list filter="A B C D" variable="a">
    <$button class={{{[[asas]getindex[字母]match<a>then[btn-dark]else[btn-light]]}}} ><$action-setfield $tiddler="asas"  $index="字母" $value=<<a>>/><$action-setfield $tiddler=<<currentTiddler>>  $field="字母" $value=<<a>>/><<a>></$button></$list>
    
    
    * 字母:{{!!字母}}
    
    

    多个按钮,选中其中一个然后变颜色。

    1 条回复 最后回复
    0

  • 登录

  • 没有帐号? 注册

Powered by NodeBB Contributors
  • 第一个帖子
    最后一个帖子
0
  • 最新
  • 版块
  • 标签
  • 热门
  • 用户
  • 群组
  • 太微中文教程
  • 新插件投票看板
  • 登录

  • 没有帐号? 注册