uniapp x 样式 uvue css 样式节选

news/2024/10/18 22:37:03/

uniapp的下一版本uniapp x已经发布,uniapp x支持的样式为uvue css

1、css模块

模块App支持情况备注
背景与边框不支持背景图
盒子模型
Flex 布局
Inline 布局×
Inline-Block 布局×
Block 布局×
字体详见
Positioned 布局
CSS Animationx
CSS Transition
CSS Variable×
媒体查询×

2、css方法

目前仅支持url()、rgb()、rgba()、var()。

3、样式清单

CSS 属性列表
width
min-width
max-width
height
min-height
max-height
position
z-index
top
bottom
left
right
flex-direction
justify-content
flex-wrap
align-items
align-self
align-content
flex
flex-grow
flex-shrink
flex-basis
flex-flow
display
overflow
visibility
opacity
box-sizing
background
background-color
background-image
background-clip
padding
padding-left
padding-top
padding-right
padding-bottom
margin
margin-left
margin-top
margin-right
margin-bottom
border
border-style
border-left-style
border-top-style
border-right-style
border-bottom-style
border-width
border-left-width
border-top-width
border-right-width
border-bottom-width
border-color
border-left-color
border-top-color
border-right-color
border-bottom-color
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-left-radius
border-bottom-right-radius
border-top
border-bottom
border-left
border-right
color
font-size
font-style
font-weight
text-decoration
text-decoration-line
text-decoration-color
text-decoration-style
text-decoration-thickness
text-align
font-family
text-overflow
line-height
lines
letter-spacing
white-space
box-shadow
transition
transition-property
transition-duration
transition-timing-function
transition-delay
transform
transform-origin
pointer-events

4、层级

App仅对同层的兄弟节点之间支持z-index来调节层级。不支持脱离dom树任意调节层级。

注:这里只是节选的,具体的文档看官网

 


http://www.ppmy.cn/news/1538514.html

相关文章

斯坦福 CS229 I 机器学习 I 构建大型语言模型 (LLMs)

1. Pretraining -> GPT3 1.1. Task & loss 1.1.1. 训练 LLMs 时的关键点 对于 LLMs 的训练来说,Architecture(架构)、Training algorithm/loss(训练算法/损失函数)、Data(数据)、Evalu…

「实战应用」如何用图表控件LightningChart可视化天气数据?(一)

LightningChart.NET完全由GPU加速,并且性能经过优化,可用于实时显示海量数据-超过10亿个数据点。 LightningChart包括广泛的2D,高级3D,Polar,Smith,3D饼/甜甜圈,地理地图和GIS图表以及适用于科学…

制造业人工智能的场景应用落地现状、难点和建议

制造业应用人工智能可以提高制造业的生产效率,推动制造业高质量发展和竞争力提升,促进国民经济的持续稳定增长。近年来,制造业人工智能的场景化应用落地不断推进,但在落地过程中遇到一些难点。本文对于制造企业应用人工智能的场景…

【机器学习】KNN算法及鸢尾花案例练习

KNN 算法 knn算法思想 : K-近邻算法(K Nearest Neighbor,简称KNN)。比如:根据你的“邻居”来推断出你的类别 如果一个样本在特征空间中的 k 个最相似的样本中的大多数属于某一个类别,则该样本也属于这个类别 常见距…

云卓H30:引领科技与性能的完美融合!

在科技日新月异的今天,一款集高性能与便捷操作于一体的手持地面站成为了无人机、机器人等智能设备的得力助手。云卓H30手持地面站,凭借其搭载的高通骁龙660处理器,在多个适用场景中展现出了卓越的实力。 高通骁龙660,这款先进的移…

『网络游戏』自适应制作登录UI【01】

首先创建项目 修改场景名字为SceneLogin 创建一个Plane面板 - 将摄像机照射Plane 新建游戏启动场景GameRoot 新建空节点重命名为GameRoot 在子级下创建Canvas 拖拽EventSystem至子级 在Canvas子级下创建空节点重命名为LoginWnd - 即登录窗口 创建公告按钮 创建字体文本 创建输入…

通过pyinstaller打包多个引用的小软件和PDF文件方法

当需要通过 PyInstaller 打包多个文件时,尤其是像多个小软件和 PDF 文件时,在终端中手动输入长长的 --add-data 参数会变得繁琐且容易出错。为了解决这个问题,可以通过以下几种更便捷的方法来进行打包: 方法 1: 使用 .spec 文件配…

计算机毕设选题推荐【软件工程专业】

计算机毕设选题推荐【软件工程专业】 对于软件工程专业的同学们来说,选择一个合适的毕业设计选题是成功完成毕设的第一步。一个好的选题不仅要符合当前行业的技术潮流,还要结合自己所学的知识与兴趣。以下是为大家整理的100个软件工程专业的毕设选题推荐…