跳转至内容
  • 最新
  • 版块
  • 标签
  • 热门
  • 用户
  • 群组
  • 太微中文教程
  • 新插件投票看板
皮肤
  • Light
  • Brite
  • 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

太微中文展示

  1. 首页信息流
  2. 版块
  3. 讨论
  4. 做一个影视网站常见的筛选展示功能

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

已定时 已固定 已锁定 已移动 讨论
howto
22 帖子 3 发布者 1.1k 浏览 1 关注中
  • 从旧到新
  • 从新到旧
  • 最多赞同
回复
  • 在新帖中回复
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • oeyoewsO oeyoews

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

    机杼机 离线
    机杼机 离线
    机杼
    写于 最后由 编辑
    #7

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

    oeyoewsO 1 条回复 最后回复
    0
    • oeyoewsO oeyoews

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

      hulu2024H 离线
      hulu2024H 离线
      hulu2024
      写于 最后由 编辑
      #8

      @oeyoews 你写的插件很好用,后面看看你怎么写的,我也跟你学学605cbfe4-fa2c-4d0c-ac31-dd5c797a34d3-image.png

      1 条回复 最后回复
      0
      • 机杼机 机杼

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

        oeyoewsO 离线
        oeyoewsO 离线
        oeyoews
        写于 最后由 编辑
        #9

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

        88ab48da-b6cc-4ba0-9477-3ea1e94068b8-image.png

        机杼机 1 条回复 最后回复
        0
        • oeyoewsO oeyoews

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

          88ab48da-b6cc-4ba0-9477-3ea1e94068b8-image.png

          机杼机 离线
          机杼机 离线
          机杼
          写于 最后由 编辑
          #10

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

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

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

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

              image.png

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

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

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

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

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

                  不太清楚 wikitext 用的不多

                  机杼机 1 条回复 最后回复
                  0
                  • oeyoewsO oeyoews

                    不太清楚 wikitext 用的不多

                    机杼机 离线
                    机杼机 离线
                    机杼
                    写于 最后由 编辑
                    #15

                    @oeyoews 好的,谢谢。

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

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

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

                      1 条回复 最后回复
                      0
                      • 机杼机 机杼

                        image.png

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

                        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
                        • hulu2024H 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>
                          
                          
                          

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

                          oeyoewsO 离线
                          oeyoewsO 离线
                          oeyoews
                          写于 最后由 编辑
                          #18

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

                          hulu2024H 1 条回复 最后回复
                          0
                          • hulu2024H 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>
                            
                            
                            

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

                            hulu2024H 离线
                            hulu2024H 离线
                            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
                            • oeyoewsO oeyoews

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

                              hulu2024H 离线
                              hulu2024H 离线
                              hulu2024
                              写于 最后由 编辑
                              #20

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

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

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

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

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

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

                                plugins — docs for plugins by tobibeer

                                favicon

                                (tobibeer.github.io)

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

                                1 条回复 最后回复
                                0
                                • hulu2024H 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突然觉得有点多余,这样也可以。

                                  hulu2024H 离线
                                  hulu2024H 离线
                                  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
                                  • 最新
                                  • 版块
                                  • 标签
                                  • 热门
                                  • 用户
                                  • 群组
                                  • 太微中文教程
                                  • 新插件投票看板