WIKI公告栏
欢迎各位引航者访问卡拉彼丘WIKI,由于游客访问页面会有一定的页面旧版缓存,建议你登陆B站账号进行浏览,如果您觉得本WIKI有帮助到你,欢迎推荐给身边的引航者。
全站通知:

模板:StyleToggle/doc

来自卡拉彼丘WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

简介

StyleToggle及StyleToggle/switch用于对整个页面或部分元素添加一个可开关的CSS属性,如color、opacity和transform等。

用法

  1. StyleToggle/switch只有至多1个可选匿名参数1,用于指定id,但一个页面内只使用一个switch时可省略。
  2. StyleToggle的参数:
    • 必需匿名参数1,用于指定添加可开关的CSS属性的对象。
    • 可选匿名参数2,为off时初始状态不添加该指定CSS属性。
    • tag参数用于指定根元素标签,默认为div。
    • id参数用于指定对应StyleToggle/switch的id,一个页面内只使用一个switch时也可以省略。
    • 当前共可添加7类CSS属性(可多选),参数名分别对应coloropacitytransformfont-sizewidthfont-familydisplay(可以产生内容切换的效果)。需要其他属性的可自行在StyleToggle的css添加。
    • 如有其他不需要开关的常驻CSS属性,可以添加css参数。
  3. 使用参数display实际上是错误用法,在切换成可见时对应元素的样式为display: inline,即使是<div><table>等也不例外。