tiddlywiki需要现代化的UI组件

[机杼]

我发现tiddlywiki缺少很多现代化的ui，而这些论坛里也找不到比较好的答案。

一个很明显的例子就是tabs。而tabs选项卡基本上没有居中，这让我觉得有些意外，而且应该说没有人去修复。

比如说这里，我想让任务等三个tabs居中，并放大展示。但不知道css怎么写。尝试写了一下，会影响下面内容展示，就放弃了。

感觉类似的问题还是存在的，但国际论坛上的大佬们好像不太关注到这一点。

[机杼]

没有枪，没有炮，咱就自己造。

其实这里选项卡的作用就是进行切换页面。那我们可以用reveal微件和按钮微件，再加上嵌入，就完全可以实现了。

<div class="tft-sidebar-buttons">
  <$button set="$:/state/tft/ProjectsOverview" setTo="任务">任务栏</$button>&nbsp;
  <$button set="$:/state/tft/ProjectsOverview" setTo="项目">项目栏</$button>&nbsp;
  <$button set="$:/state/tft/ProjectsOverview" setTo="其他">意义、想法、回路</$button>&nbsp;
  <$button set="$:/state/tft/ProjectsOverview" setTo="隐藏">隐藏</$button>
</div>

<$reveal type="match" state="$:/state/tft/ProjectsOverview" text="任务">
      <$transclude tiddler="$:/plugins/mabuqian/time-for-task/ViewTemplate/ProjectsOverview/task" mode="block"/>
</$reveal>
<$reveal type="match" state="$:/state/tft/ProjectsOverview" text="项目">
      <$transclude tiddler="$:/plugins/mabuqian/time-for-task/ViewTemplate/ProjectsOverview/project" mode="block"/>
</$reveal>
<$reveal type="match" state="$:/state/tft/ProjectsOverview" text="其他">
      <$transclude tiddler="$:/plugins/mabuqian/time-for-task/ViewTemplate/ProjectsOverview/idea-intention-resonance" mode="block"/>
</$reveal>

按钮代码和reveal代码，而对按钮来说，调整样式就方便很多，随便写一下都可能实现。

这也是我为啥喜欢tiddlywiki，因为缺少了东西，就自己创造了。对别人来说可能没啥用，也无法做到更深入的复用，但就像胶水一样，能粘上就可以了。可能tiddlywiki不是轮子式的，而是胶水式的。