卡片的主题

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

卡片视图有四款主题,除了 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 .. 再保存一下 ..

它跟默认的主题差不多 .. 不过这里卡片的边框的颜色会浅一点 ..

卡片的主题《 Semantic UI 视图 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点