内容修饰
标题
小标签
type支持自定义 可以仿照插件中的相关CSS实现自定义小标签备注功能
折叠块
GitHub仓库
进度条
彩色分割线
提示消息
ToolBench自适应表达式
考虑不同设备中多模态内容的长宽是需要按比例显示的,因此Tool Bench插件为这些多模态标签提供了一套高度自适应表达式(以下简称TB表达式)使用TB表达式可以使你的多模态标签在不同尺寸的设备中也能保持一定的比例。
TB表达式形如三目运算符,不同的是它被${}
符号包裹,并且支持两种运算方式:
${full}
:当使用这种表达式时将返回当前标签的上一层容器的宽度,也就是使元素在宽度上能撑满父容器${expression?trueValue:falseValue}
:当使用这种表达式时会根据expression
的真假来选择使用trueValue
还是falseValue
。expression
只需要半个表达式即可,ToolBench会自动将其与父容器宽度进行比较。 该表达式支持两个变量:full
:代表父容器的宽度cwdith
:代表当前容器的宽度,该变量只在部分元素中适用
我们来看几个案例来更清晰地认识它:
height="${<820?cwidth*(2/3):500}"
:若父容器的宽度小于820px,则当前容器的高度以当前容器的宽度的$2/3$倍显示,否则高度为500px。即保证当前容器的长宽始终为$3:2$。width: ${<800?full:800}
:当父容器宽度小于800px时,当前容器的宽度为撑满父容器,否则宽度显示为800px。
TB表达式并不是在所有的tool
元素中都适用,支持TB表达式的元素会专门进行标注,在写作时请留意。