• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Ext.js 风格

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

应用程序样式是指用户调整组件的外观和感觉。 这些调整可能包括:颜色,颜色渐变,字体,边距/填充等。Ext JS 6有一种新的应用程序样式。

它使用SCSS的样式。 SCSS是编写CSS代码的更动态的方式。 我们可以在这个帮助下在我们的样式表中写入变量。 但是浏览器不能理解SCSS它只能理解CSS,所以所有的SCSS文件应该被编译成CSS生产就绪代码。

这就是为什么SCSS文件被称为预处理器文件。 在Extjs中,编译通过Sencha CMD工具完成。

Sencha CMD手动编译它一次使用命令如下:

sencha应用程序构建[开发]

全局CSS是主要的CSS文件,它具有所有的SCSS变量与ExtJS相关联,我们可以在我们的应用程序中使用它来定制我们的主题,根据我们的需要提供不同的价值。

以下是Extjs中的Global_CSS中提供的一些CSS变量:

编号变量&描述
1

$ base-color

$ base-color:color(例如$ base-color:#808080)

这个基色在整个主题中使用。

2

$ base-gradient

$ base-gradient:string(例如$ base-gradient:\'matte\')

在整个主题中使用的基本渐变。

3

$ body-background-color

$ body-background-color:color(例如$ body-background-color:#808080)

应用到body元素的背景颜色。 如果设置为transparent或\'none\',将不会在body元素上设置背景颜色样式

4

$ color

$ color:color(例如$ color:#808080)

要在整个主题中使用的默认文本颜色

5

$ font-family

$ font-family:string(例如$ font-family:arial)

在整个主题中使用的默认font-family。

6

$ font-size

$ font-size:number(例如$ font-size:9px)

要在整个主题中使用的默认字体大小。

7

$ font-weight

$ font-weight:string / number(例如$ font-weight:normal)

在整个主题中使用的默认字体权重

8

$ font-weight-bold

$ font-weight-bold:string / number(例如$ font-weight-bold:bold)

粗体字体的默认字体粗细在整个主题中使用

9

$ include-chrome

$ include-chrome:boolean(例如$ include-chrome:true)

True以包含Chrome特定规则

10

$ include-ff

$ include-ff:boolean(例如$ include-ff:true)

True包含Firefox特定规则

11

$ include-ie

$ include-ie:boolean(例如$ include-ie:true)

True包括IE9和更低版本的Internet Explorer特定规则

12

$ include-opera

$ include-opera:boolean(例如$ include-opera:true)

True包含Opera特定规则

13

$ include-safari

$ include-safari:boolean(例如$ include-safari:true)

True包含Opera特定规则

14

$ include-webkit

$ include-webkit:boolean(例如$ include-webkit:true)

True包括Webkit特定的规则


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Ext.js 图像发布时间:2022-01-29
下一篇:
Ext.js 字体发布时间:2022-01-29
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap