国产开源CMS系统WellCMS前后端UI将于今晚更新 后台UI命名为Oriental Lion

来源:TechTMT.Com  作者:整理  日期:2020-08-08 16:29:16

据WellCMSl官方团队8月8日下午向TechTMT.Com提供消息,国产开源CMS系统WellCMS前后端UI将于今晚更新,时间待定。此次更新比原定时间推迟了3日。据悉,新版后端UI将命名为:东方醒狮(Oriental Lion);版本号为:2.0.10。

据了解,此次更新并未涉及内核代码,主要是前端框架的重构,重新编译微调了 bootstrap 4.5(重编译后约205K),定义了 38种颜色,10个主题颜色,此色系走轻快明亮路线,沉稳中不失鲜艳,可以非常方便的制作模板,一般情况下,无需再编写style或css,几乎制作模板所需都已包含。

颜色代码如下:

/*官方定义的颜色代码*/
:root {
  --blue: #1f4977;
  --indigo: #6610f2;
  --pink: #e83e8c;
  --red: #c6303e;
  --orange: #d57c32;
  --yellow: #f1c84c;
  --green: #177f2e;
  --teal: #19926f;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #687281;
  --gray-dark: #2F4056;
  --red-soft: #eec7c7;
  --orange-soft: #f1d6c7;
  --yellow-soft: #f0e3c7;
  --green-soft: #bfe5dc;
  --teal-soft: #bfe8e5;
  --cyan-soft: #bfecf2;
  --blue-soft: #bfd6f8;
  --indigo-soft: #d1c2f6;
  --purple-soft: #d4c2ef;
  --pink-soft: #edc2d9;
  --primary-soft: #bfd6f8;
  --secondary-soft: #d4c2ef;
  --success-soft: #bfe5dc;
  --info-soft: #bfecf2;
  --warning-soft: #f0e3c7;
  --danger-soft: #eec7c7;
  --primary: #009688;
  --secondary: #444;
  --success: #33cd5f;
  --info: #11c1f3;
  --warning: #ffc900;
  --danger: #ef473a;
  --light: #eff3f9;
  --dark: #20222A;
  --black: #000;
  --purple: #886aea;
  --azure: #387ef5;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;

据透露,官方已定义的10种颜色如下:

10种颜色,包含背景,按钮,链接颜色边框等等。直接使用:

/*使用官方已定义的颜色*/
color: var(--purple-soft);
/*背景色使用示例*/
bg-primary
/*文本色使用示例*/
text-primary
/*按钮色使用示例*/
btn-primary
/*边框色使用示例*/
border-primary
/*注,以上代码直接写在class引号中即可*/

其余的,根据用户需要自行增加,自行写CSS即可。

由于时间原因,WellCMSl官方团队并未提供具体更新内容列表。但官方提供了一些正式版的截图:

以下为前端UI截图:

以下为后端UI截图:

稿源:TechTMT.Com

分类:资讯
编辑:tmt
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。文章版权归原作者所有,内容不代表本站立场!
免责声明: 阁下应知本站所提供的内容不能做为操作依据。本站作为信息内容发布平台,不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考! 如文中内容影响到您的合法权益(含文章中文字、图片等),请及时联系本站,我们会及时删除处理。