Blue_sdo
使用说明

#使用说明:

1. 代码中所有的中文展示部分均可修改定制成任意文字

2. 使用前开启HTML功能

3. div的id请按照注释提示修改成当前日期时间 root后面的id也请一并修改

4. 颜色定制:默认提供如图所示的背景颜色

White■■■■■■■■■■■■■
Black■■■■■■■■■■■■■
Light■■■■■■■■■■■■■
Dark■■■■■■■■■■■■■
Primary■■■■■■■■■■■■■
Link■■■■■■■■■■■■■
Info■■■■■■■■■■■■■
Success■■■■■■■■■■■■■
Warning■■■■■■■■■■■■■
Danger■■■■■■■■■■■■■

要修改颜色,将代码中的primary替换为其他颜色名称即可,注意全小写

即将 m("section.gn-hero.gn-is-primary" 这里的 primary 替换成 info 等颜色代号

5. 其中的标签内容允许修改和使用HTML或Discuz代码,即这部分:

var 列表内容 = [

m("",m.trust(`这里是欢迎词与寄语`)),

m("",m.trust(`这里是社区地图`)),

m("",m.trust(`这里是最新活动`)),

]

其中的汉字可以替换成在现成帖子里编辑完毕的Discuz代码,复制粘贴过来即可,比如替换为:

var 列表内容 = [

m("",m.trust(`[align=center]这里是欢迎词与寄语[/align]

[p]我是第一段[/p]

[p]我是第二段[/p]

`)),

m("",m.trust(`这里是社区地图`)),

m("",m.trust(`这里是最新活动`)),

]

注意只能修改``之间的部分,外包括号请勿修改

6. 列表内容中的三个m分别对应三个标签点击后的切换内容

7. 开发者备注:技术宅内现可以使用Mithril.js框架和Bulma CSS样式库,相关参考文档请参阅:

[1] http://www.mithriljs.net/ https://mithril.js.org/

[2] https://bulma.io/documentation/

所有的CSS样式类名均要加上前缀 gn00-

比如class=button将修改为class=gn00-button以此类推

更多样式参考bulma文档即可