卡片视图有四款主题,除了 default 默认的主题以外,还有 basic .. classic 跟 instagram .. 打开终端 .. 这里我们在 semantic 这个目录下执行了 gulp watch .. 去监视文件的变化 ..
回到编辑器 .. 在 semantic ,src 这个目录的下面,找到 theme.config .. 我们可以配置一下 card 视图使用的主题 .. 浏览到 views 这个区域 .. 找到 @card 这个变量 ..
修改一下它的值,先试一下 basic .. 保存 .. gulp watch 这个任务会自动编译 Semantic UI 的 CSS ..
现在这里显示的就是使用了 basic 这款主题的样式 ... 它去掉了卡片上的一些样式 ..
再试一下 classic .. 经典样式 .. 输入 classic .. 保存 ...
卡片的额外的内容,会有一个渐变的效果 ...
最后再试一下 instagram 这款主题 .. 把 classic .. 替换成 instagram .. 再保存一下 ..
它跟默认的主题差不多 .. 不过这里卡片的边框的颜色会浅一点 ..