由于最后还是转成了handsome,所以效果是看不出来了,不过把代码复制过去,还是能用的。
之前一直用的是joe的4.5的版本。当时输入特殊字符显示css美化样式是通过[]来实现的,但是昨天换成6版本后,发现样式都给取消了,然后去他的网站一看,发现都改成了{}但是有的貌似是改了名字,不能使用了。
所以简单尝试一下这些样式的修改.
首先是标题:
{mtitle title="标题标题标题"/}
这个是修改了名称,以前的我记得是line。
按钮:
{btn href="" type="default"}默认按钮{/btn}
提示消息:
{alt type="success"}成功提示的文案{/alt}
卡片
{card-default width="100%" label="卡片标题"}卡片内容{/card-default}
隐藏内容:
{collapse}
{collapse-item label="标题"}我是隐藏的{/collapse-item}
{collapse-item label="标题"}我是隐藏的{/collapse-item}
{/collapse}
时间线:
{timeline}
{timeline-item}他出生了{/timeline-item}
{timeline-item}他挂了{/timeline-item}
{/timeline}
点击复制:
{copy}我是一个内容{/copy}
打字机效果:
{typing}打字机打字机,如果没有看到可以刷新再看一遍{/typing}
卡片导航:
{card-nav}
{card-nav-item src="http://baidu.com" title="百度一下" img="https://www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg"
/}
{card-nav-item src="http://baidu.com" title="百度一下" img="https://www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg"
/}
{/card-nav}
如果需要更多的例子请自行查看文件路径:/usr/themes/Joe-master/core/short.php
1 条评论
很实用的,体验一下新版joe的样式格式。