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

太微中文论坛

  1. 首页信息流
  2. 版块
  3. 讨论
  4. tm-modal怎么自定义样式

tm-modal怎么自定义样式

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

    我想改一下这个模块的样式,不然宽高实在是不方便。

    我最近在做一个弹出设置式的插件,类似于思源笔记或Obsidian的那种形式。

    e1763dce-1f4a-42ee-98a3-1ea8c8e0201d-image.png

    但 现在遇到了一个问题,就是tm-modal不好自定义样式。文档上说可以增加class字段,然后设置值来添加。

    我看到论坛讨论这里确实有一个方法,但这个样式做出来之后会有问题。

    45592d49-4ab8-411c-8483-2a6f488a1de6-image.png

    目前我推了一个之前没有修改的版本在我的插件仓库里,可以帮忙看看。

    • https://dongrentianyu.github.io/sin/
    • https://github.com/dongrentianyu/sin
    • 在src/PopupControlPanel文件夹中

    我感觉也像是css的问题,但问了一天AI了,也没找到原因。这个问题是上面论坛那个解决方案中就有的,我也不知道为什么。

    但令我很奇怪的是,我又在别人的wiki中发现了可以设置宽度。

    be96c446-7454-44ea-bb11-cf885c956d0e-image.png

    但又没找到他是怎么设置的,也没有任何形式的说明。

    而且他写的代码也没有别的特殊之处,我不知道这个是如何实现的。

    论坛上也没有别的解决方案了。

    1 条回复 最后回复
    0
    • 机杼机 离线
      机杼机 离线
      机杼
      写于 最后由 编辑
      #2
      • https://wattaged.github.io/popmap/#Popmap

      上面图片的网址。

      顺带吐槽一下,这就是我认为TiddlyWiki的不便之处。TiddlyWiki既不像Obsidian那样社区发达,虽然Obsidian是闭源的,但为什么Obsidian插件反而更丰富呢?TiddlyWiki拥有wikitext的编程方式,为什么插件写起来还这么难受呢?现在我都不敢想象如果没有TiddlyWiki舞这个文档,我要如何使用TiddlyWiki。但Obsidian用户不需要什么特殊的文档,因为markdown的文档多如牛毛。而思源笔记呢,自带了一大堆文档,还有一个中文友好的社区,有太多人愿意为之贡献和付出了。

      而且TiddlyWiki国际论坛,几乎从来没有保存解决方案,有也只是一些用户自己保存了一些自己常用的方案。这就导致,如果有新用户进来,他也遇到了这个问题,那么他的解决办法除了直接在社区里提问,就是像我一样去翻整个TiddlyWiki社区论坛讨论,这让我感觉像是翻垃圾堆。因为要看一大堆与我想解决问题无关的内容。

      他们一边抱怨没有足够多的贡献者,一边又不愿意自己去做一些发展社区的事情,甚至都让我感觉他们不希望新用户加入,他们可能觉得只要等待,新用户就会自动吸引过来了。

      所以有很多时候,我也觉得自己是在浪费时间。

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

        image.png
        这种自定义样式吗

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

          @oeyoews 对的,只要修改宽高就好。当然有更好的样式就更好了。

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

            这和tm-modal 还没关系, 你样式有问题, 不知道你预期的效果是什么样的

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

              @oeyoews 类似上面图片思源笔记那种形式的。只要足够宽高就可以。大概宽高占比80%就行。

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

                https://github.com/oeyoews/tiddlywiki-starter-kit/blob/main/plugins/oeyoews/tiddlywiki-modal-ui/tiddlers/style/style.css 看这个css 的写法, 别用tiddlywiki 的局部样式的写法, 不好调试

                https://github.com/oeyoews/tiddlywiki-starter-kit/blob/main/plugins/oeyoews/tiddlywiki-modal-ui/readme.tid 不想写太多样式的话, 先用tc-modal-centered class, 然后自己调整宽高就行

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

                  image.png

                  或者直接看这个codemirror6 弹窗写法, 之前给 music 插件也写过一个设置页面, 不过现在插件找不到了。

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

                    @oeyoews 好,我再试试。

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

                      image.png

                      改成这样了,勉强能用吧。感觉这种事情真不好做。

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

                        Obsidian 的插件大都是从头写起,纯 TS 写,有门槛,所以去写的几乎都是专业程序员,至于为啥有这么多专业程序员用户,那肯定是宣传多了,用户基数大嘛。

                        弹框这种,从头写个新的肯定比复用旧的要简单,我平时大部分内容都是从头写新的,或者看旧的不爽就去改核心里的了。现有的用起来主要是图个省事,如果要追求效果完全和设计稿一致,还是得自己通过 JS 写新的。

                        1 条回复 最后回复
                        0

                        • 登录

                        • 没有帐号? 注册

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