
#使用说明:
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文档即可