首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

基于 HTML5 的 3D 工业互联网展示方案

实际应用中,东方航空公司 Predix 使用工业互联网应用搜集了 500 多台 CFM56 发动机的高压涡轮叶片保修数据,结合远程诊断纪录和第三方数据,建立了叶片损伤分析预测模型。...new ht.ui.TextField();// 文本框组件 searchField.setBorder(new ht.ui.border.LineBorder(1, '#d8d8d8'));// 组件的画布绘制直线边框.../ 设置图标和文字之间的间距 titleLabel.setBorder(new ht.ui.border.IndividualLineBorder(0, 0, 3, 0, '#3162e8'))// 组件的画布绘制直线边框...textField.setBackground(null);// 设置组件的背景,可以是颜色或者图片等;此值最终会被转换为 Drawable 对象 textField.setBorderRadius(0);// 设置 CSS 边框圆角...combobox_icon_hover.json'); comboBox.setActiveIcon('imgs/combobox_icon_hover.json'); comboBox.setBorderRadius(0);// 设置 CSS 边框圆角

2.7K20

基于 HTML5 WebGL 的 3D 仓储管理系统

而仓库,尤其是制造业中的仓库,作为链的节点,不同链节的库存观不同,物流供应链的管理中,不再把库存作为维持生产和销售的措施,而将其作为一种供应链的平衡机制,其作用主要是协调整个供应链。...= new ht.ui.TextField();//文本框组件 searchField.setBorder(new ht.ui.border.LineBorder(1, '#d8d8d8'));//组件的画布绘制直线边框...;//设置图标和文字之间的间距 titleLabel.setBorder(new ht.ui.border.IndividualLineBorder(0, 0, 3, 0, '#3162e8'))//组件的画布绘制直线边框...textField.setBackground(null);//设置组件的背景,可以是颜色或者图片等;此值最终会被转换为 Drawable 对象 textField.setBorderRadius(0);//设置 CSS 边框圆角...'); comboBox.setActiveIcon('imgs/combobox_icon_hover.json'); comboBox.setBorderRadius(0);////设置 CSS 边框圆角

3.4K51

基于 HTML5 WebGL 的 3D 仓储管理系统

而仓库,尤其是制造业中的仓库,作为链的节点,不同链节的库存观不同,物流供应链的管理中,不再把库存作为维持生产和销售的措施,而将其作为一种供应链的平衡机制,其作用主要是协调整个供应链。...= new ht.ui.TextField();//文本框组件 searchField.setBorder(new ht.ui.border.LineBorder(1, '#d8d8d8'));//组件的画布绘制直线边框...;//设置图标和文字之间的间距 titleLabel.setBorder(new ht.ui.border.IndividualLineBorder(0, 0, 3, 0, '#3162e8'))//组件的画布绘制直线边框...textField.setBackground(null);//设置组件的背景,可以是颜色或者图片等;此值最终会被转换为 Drawable 对象 textField.setBorderRadius(0);//设置 CSS 边框圆角...'); comboBox.setActiveIcon('imgs/combobox_icon_hover.json'); comboBox.setBorderRadius(0);////设置 CSS 边框圆角

3.5K30

移动web开发需要注意的二十点

3、放弃CSS float属性 项目开发过程中可以会遇到内容排列排列显示的布局,假如你遇见这样的视觉稿,建议你放弃float,可以直接使用display:block; 4、利用CSS3边框背景属性 这个按钮有圆角效果...,有内发光效果还有高光效果,这样的按钮使用CSS3写是无法写出来的,当然圆角可以使用CSS3来写,但高光和内发光却无法使用CSS3编写,这个时候你不妨使用-webkit-border-image来定义这个按钮的样式...7、学会使用webkit-box 一条,我们说过自适应布局模式,有些同学可能会问:如何在移动设备做到完全自适应呢?...因为iOS中没有滚动条的概念,Android中通过这两个属性可以正常获取到滚动条的值,那么iOS中我们该如何获取滚动条的值呢?...在对一个元素定义圆角时,为完全兼容android 2.0以下的平台,我们必须要按照以下技巧来定义边框圆角: -webkit这个前缀必须要加上(iOS中,你可以不加,但android中一定要加); 如果对针对边框做样式定义

1.9K20

【Android 应用开发】Android UI 设计之 TextView EditText 组件属性方法最详细解析

绘制图像相关XML属性 绘图设置 : XML属性可以指定在TextView文本的 左, 右, , 下, 开始, 结尾 处设置图片, 还可以设置文本 与图片之间的间距; -- 文本框四周绘制图片XML...属性 :  文本框左边绘制指定图像 :android:drawableLeft; 文本框右边绘制指定图像 :android:drawableRight; 文本框上边绘制指定图像 :android...CheckedTextView , CheckedTextView 增加了一个checked 状态, 可以通过调用setChecked(boolean) 方法设置checked状态, 使用isChecked()方法获取...设置TextView文本边框 背景渐变 使用背景 : TextView 是没有边框的, 如果要加上边框, 可以通过设置TextView的背景添加边框; 自定义背景: 使用XML文件定义一个drawable...图像, 可以为该Drawable指定背景颜色,边框颜色,边框宽度,以及边框角度,颜色渐变等效果; .

1.6K30

WEBAPP开发技巧总结

边框背景属性 这个按钮有圆角效果,有内发光效果还有高光效果,这样的按钮使用CSS3写是无法写出来的,当然圆角可以使用CSS3来写,但高光和内发光却无法使用 CSS3编写,这个时候你不妨使用-webkit-border-image...7、学会使用webkit-box 一节,我们说过自适应布局模式,有些同学可能会问:如何在移动设备做到完全自适应呢?...因为iOS中没有滚动条的概念,Android中通过这两个属性可以正常获取到滚动条的值,那么iOS中我们该如何获 取滚动条的值呢?...18、如何解决Android 2.0以下平台中圆角的问题 如果大家够细心的话,在做wap站点开发时,大家应该会发现android 2.0以下的平台中问题特别的多,比如说边框圆角这个问题吧。...在对一个元素定义圆角时,为完全兼容android 2.0以下的平台,我们必须要按照以下技巧来定义边框圆角: 1\-webkit这个前缀必须要加上(iOS中,你可以不加,但android中一定要加);

1.9K20

H5+CSS3+JS逆向前置——CSS3、基础样式表

脚本JavaScript:HTML5支持通过JavaScript嵌入到网页中,使得网页可以具有交互性。 HTML文档的基本结构通常包括一个<!...然而,仅仅使用HTML可能无法创建出具有复杂交互性和动态内容的网站,因此通常还需要配合CSS(用于样式设计)和JavaScript(用于添加交互性)的使用。...动画和过渡属性: transition:用于创建过渡效果,使元素改变样式时有一个平滑的过渡效果。 animation 和 @keyframes:用于创建动画效果。...以下是一些CSS3的主要样式表: 边框圆角(Border Radius):允许您设置元素的边框圆角。 背景渐变(Background Gradients):允许您创建背景渐变效果。...渐变背景(Linear Gradients Background):允许您在元素创建线性渐变背景。 转换(Transformations):允许您改变元素的大小、位置和形状。

14010

科普 | 一文详解 CSS-in-JS

可以每个时间点为 CSS 标准定义一个 snapshots(快照),列出 CSS 2.1 和成熟的模块。...2014 ~ 现在:大量的 CSS-in-JS 的解决方案的提出,领域不断除旧推新,工程化和框架的解决方案中不断探索实现。...逐年递增的下载数量反映了开发社区和使用范围的扩大,也表明了开发者 CSS-in-JS 的积极贡献和参与。 ?...UI 库 material-ui 是笔者很早关注的一个 material design 的一个开源 UI 组件库,用过 ReactJS 的开发同学可能有了解过,记得一开始官方采用的是内联样式,后续研发了自己的一套...跨平台 CSS-in-JS 跨平台的优势是比较大的,不同的系统平台上都有 JS 的 Runtime 的实现,而且 JSON 序列化后的数据也能被更多的平台和语言消费,现在光靠纯 CSS 是无法达到这种通用性和扩展性

3K20

魔改笔记六:twikoo及导航栏美化

修改过程中,我也参考了一些小伙伴的内容,你可以在下方的引用链接中查看。...important"); 但经过查询得知,CSS 中的 display 属性无法实现动态效果,因此无法实现我们想要的渐变效果。于是我做了一些改进,给需要显示的元素单独添加了一个标签 visible。...这样我们就可以通过 CSS 路径获取到该元素并随意添加内容了。 最后一步是将第一个步骤中添加的元素替换为页面标题。...translateY(-80px); /* 向上移动一些,使其开始时不可见 */ z-index: 1; /* 初始化层级为 1 */ position: absolute; /* 让元素同一位置叠加...translateY(-80px); /* 向上移动一些,使其开始时不可见 */ z-index: 1; /* 初始化层级为 1 */ position: absolute; /* 让元素同一位置叠加

8210

单页应用(SPA)开发中的 Top 10 框架

这种方式大体根治了手工维护 DOM 的痛苦。 最近发布的 ReactJS 有超越 Angular 的势头,不过 Angular 牢牢地把持着领先地位,人们对它的需求有增无减。...我们借此可以感受到 ReactJS 创建大规模动态应用方面的强大能力。 React 2013 年发布了第一个的开源版本,它遵循 BSD 许可。...一经发布社区规模就迅速扩大,必须承认它是当今发展最快 JavaScript 框架。随手就可以找到非常多的资料,教程和 React 的组件库。 ReactJS 最擅长高效地渲染复杂的用户界面。...一个很好的例子是 Material-UI,它用 React 组件实现了 Google 的 material design。...backbone 非常灵活,因为它提供了一个最小的功能集合,开发者在此基础二次开发,自己写代码或者使用第三方的库都可以。还可以 backbone 的基础构建一个全功能的框架。

4.2K40

【详细教程】HTML、CSS 和 JS 实现一个任务管理工具-ToDoList

本文将一步一步介绍如何实现下面这样的一个任务管理工具 完整代码已上传至码掘金:jcode 作者正在参加码掘金编程赛,辛苦各位读者大大给我的码掘金作品点个赞吧 基本结构 首先我们建立 HTML 的基本结构...包含了一个容器,其中包含一个输入框和一个按钮用于添加任务,并且还有一个空的任务列表,用于添加任务时显示任务。...background-size: cover; height: 100vh; } .container是整个应用的最外层容器,它被定位在屏幕的中心,并且具有一个白色的背景和10像素的圆角边框...输入框的样式包括宽度、高度、字体、边框、内边距、字体颜色和字体粗细。当输入框被聚焦时,边框颜色会改变。提交按钮的样式包括宽度、高度、字体、字体颜色、背景颜色、边框圆角和光标样式。...到这里我们就完成了,需要下载源码可以我的码掘金领取:jcode

1.3K50
领券