首页
学习
活动
专区
工具
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.5K51

基于 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):允许您改变元素的大小、位置和形状。

14110

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

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

10010

科普 | 一文详解 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

单页应用(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
领券