金牛座和什么星座最配| 不遗余力什么意思| 卧室放什么花最好健康| 95年属什么生肖婚配表| 三个虫念什么| 口腔扁平苔藓吃什么药| 胡椒粉是什么做的| 甲状腺4a是什么意思| 黑乎乎的什么| 珍珠粉加蜂蜜做面膜有什么作用| 什么时候跳绳减肥效果最好| 嘴唇边缘发黑是什么原因| 组织部长是什么级别| 为什么会有眼屎| 1972年属什么| 痔疮出血吃什么药| mm是什么病| 什么是软组织损伤| 上尉是什么级别| 才思敏捷是什么意思| 什么是道家| 吃鹅蛋对孕妇有什么好处| 鸡拉稀吃什么药| 例假推迟是什么原因| 宝宝什么时候添加辅食最好| 省委常委是什么级别| 紫五行属什么| 血涂片检查什么病| 小傻瓜是什么意思| 年轻人能为世界做什么| 鸡枞菌生长在什么地方| 脚底肿是什么原因引起的| 游龙斑是什么鱼| 裸辞是什么意思| 地球代表什么生肖| 王俊凯什么星座| 总感觉自己有病是什么心理病| 第二天叫什么日| 六个月宝宝可以吃什么水果| 做梦梦见考试是什么意思| 补钙吃什么维生素| 爱好是什么意思| 抗核抗体阳性对怀孕有什么影响| 列装是什么意思| female是什么意思| 奖励是什么意思| 慢性结肠炎吃什么药好| 10月14日什么星座| 日匀念什么| 8月23号是什么星座| 智齿有什么用| 空腹吃西红柿有什么危害| 脸大剪什么发型好看| 经期适合喝什么汤| 为什么体检前不能喝水| 94年什么命| 93岁属什么生肖| 李约瑟难题是什么| 清肺热用什么泡水喝比较好| save是什么意思| 有心无力是什么意思| 世事无常什么意思| 中风什么症状| 粽子叶是什么植物的叶子| 为什么上课会犯困| 血糖低吃什么补得最快| 什么是细节描写| tct检查是什么| 扶苏是什么意思| 埋头苦干是什么生肖| 牙痛什么原因引起的| 十三点是什么意思| 子宫出血是什么原因| 最大的荔枝是什么品种| 弱的部首是什么| 手脱皮是什么原因| 为什么做完爱下面会疼| 婴儿有眼屎是什么原因引起的| 炖排骨汤放什么调料| 尿毒症有些什么症状| c1能开什么车| 万箭穿心代表什么生肖| 鸡蛋和什么食物相克| 饮鸩止渴什么意思| 低密度结节是什么意思| 梦见煮饭是什么意思| 大名鼎鼎是什么意思| 抑郁症是什么症状| 官官相护是什么意思| 水代表什么数字| 松垮是什么意思| 腹泻吃什么药最有效| 耳垂后面有痣代表什么| 为什么会有跳蚤| 蜈蚣咬了用什么药| 什么叫尿毒症| 一度电是什么概念| 六根不净是什么意思| 什么是火象星座| 皮肤瘙痒用什么药| 甲己合化土什么意思| 积滞是什么意思| 什么时候满月| 椰土是什么| 梦见死去的朋友是什么意思| 公务员属于什么行业| 大便不成型吃什么药| 甲状腺结节不能吃什么| 爱字五行属什么| 社康是什么意思| 胃炎是什么| 九价是什么意思| 照猫画虎什么意思| 梦见自己尿血是什么意思| 宰相相当于现在什么官| 顺产和剖腹产有什么区别| 羊肉和什么食物相克| 脚后跟痒是什么原因| 三个土叫什么| 胃泌素17是什么检查| 刚出生的小鱼吃什么| 血窦是什么意思| 什么病不能吃核桃| 未见胎芽是什么意思| 421是什么意思| 冠状沟有溃疡是什么病| 三点水加分念什么| 垂涎什么意思| 云加一笔是什么字| 作息是什么意思| 额头容易出汗是什么原因| 拔罐颜色紫黑代表什么| 新生儿老打嗝什么原因| 发烧拉肚子是什么原因| 孕妇血压低吃什么能补上来| 左手臂有痣代表什么| 陈坤为什么地位那么高| 11月18号是什么星座的| 什么是平年| 呼吸不畅是什么原因| 老古董是什么意思| 桃子不能和什么一起吃| 走马灯什么意思| 每天半夜两三点醒是什么原因| 左心室强光点是什么意思| 掷是什么意思| 肾阴虚吃什么食物补| 抽血能查出什么| 一个黑一个出读什么| 耳朵有回音是什么原因| 柳下惠姓什么| 4月25号是什么星座| 藤茶有什么功效| 什么是线粒体| 2021年属什么生肖| 乳酸杆菌少或无是什么意思| 什么虫子咬完是小红点| 悠闲惬意什么意思| 女性排卵期出血是什么原因| 冉字五行属什么| 发飙是什么意思| 大美女是什么意思| 来姨妈吃什么水果好| 本科和专科有什么区别| 丘疹是什么原因引起的| 二个月不来月经是什么原因| 如意丹的作用是什么| 检查肝脏应该挂什么科| 鸟飞进家里是什么预兆| 皮肤黑穿什么颜色显白| 不全纵隔子宫是什么意思| 鸽子不能和什么一起吃| 汕头有什么好玩的地方| 拍身份证穿什么衣服| 南红五行属什么| 月经很少什么原因| 女生为什么喊你男神| 淋巴细胞绝对值偏低说明什么| 什么水果不能放冰箱| 梦到自己流鼻血是什么预兆| 立普妥是什么药| 南无阿弥陀佛是什么意思| 血淀粉酶是检查什么的| 前额头疼是什么原因引起的| 荨麻疹吃什么药最管用| 清热败火的败是什么意思| 89年属什么生肖| 拉架棉是什么面料| 枪色是什么色| 为什么睡觉出虚汗| 右眼皮一直跳是什么预兆| 髓母细胞瘤是什么病| 妨夫是什么意思| bcr是什么意思| 老人喝什么牛奶比较好| 黄山四绝是什么| 膝盖疼吃什么药| 胃疼有什么办法缓解| 咳嗽喝什么茶| 者是什么意思| 热敷眼睛有什么好处| 什么是氙气| gy是什么颜色| 气血不通吃什么药| 名声是什么意思| 12月8号是什么星座| 头大是什么原因造成的| 胃酸分泌过多吃什么药| 北京为什么叫北平| 全套是什么意思| 鹿下面一个几字读什么| 嫡庶是什么意思| 完璧归赵发生在什么时期| 福兮祸兮是什么意思| 青光眼是什么症状| 牛肉与什么食物相克| 3月12号是什么星座| 梦见小女孩是什么预兆| 心脏房颤吃什么药最好| 物以类聚是什么意思| 动车跟高铁有什么区别| 急性呼吸道感染是什么引起的| 胖大海是什么东西| 妊娠期是指什么时候| 复刻版是什么意思| 中国什么武器世界第一| 相交是什么意思| 射手座的幸运色是什么| 肌肉型肥胖是什么意思| 什么是上升星座| 肤专家软膏主要治什么| 白血球高是什么原因| 农历7月28日是什么星座| 安五行属性是什么| 全科医学科看什么病| 贴脸是什么意思| 梦见大老鼠是什么意思| 男人为什么会得前列腺炎| 节节草有什么作用| 血燕是什么| 本来无一物何处惹尘埃什么意思| 肠瘘是什么意思| 为什么一个月来两次月经| 大便遇水就散什么原因| 水火既济是什么意思| 愣头青是什么意思| 气体交换受损与什么有关| 花孔雀是什么意思| 去医院看嘴唇挂什么科| 齐白石擅长画什么| 聚乙烯醇是什么材料| 耐力是什么意思| 37是什么意思| 咳嗽属于什么科室| offer什么意思| 猫五行属什么| 特别的意思是什么| b型血rh阳性是什么意思| 去越南要注意什么| 海粉是什么| 闭合性跌打损伤是什么意思| 相对是什么意思| 06是什么生肖| 85年的属什么| 百度

唵嘛呢叭咪吽什么意思

# 模块支持

模块 支持情况 备注
CSS Animation ? 安卓 8.0.37,iOS 8.0.39,支持情况见下表
背景与边框 ? 常用的基本支持,详见属性支持
盒子模型 ? 支持 border-box 和 content-box,没有 BFC
Inline 布局 × 开发中
Inline-Block 布局 × 仅支持在 text 组件里的嵌套结构使用,完整版本开发中
Block 布局 ? 详见开启默认 Block 布局
Flex 布局 ? 包括 inline-flex 布局
字体 ? 基本支持,也支持自定义字体
Positioned 布局 ? 支持情况见下表。sticky 可使用 sticky-header/sticky-section 替代
CSS Transition ?
CSS Variable(CSS 变量) ? 安卓 8.0.35,iOS 8.0.38
Media queries ? 只支持 DarkMode
Font-face ? 只支持 ttf 格式

# 选择器支持

类别 示例 支持度 备注
通配选择器 * {} ×
元素选择器 tag {} ?
类选择器 .class {} ?
ID 选择器 #id {} ?
分组选择器 a, b {} ?
直接子代选择器 a > b {} ?
后代选择器 a b {} ?
属性选择器 [attr] {} ×
一般兄弟选择器 a ~ b {} ? 8.0.49
紧邻兄弟选择器 a + b {} ? 8.0.49
伪类选择器 :active {} ? 支持 :first-child / :last-child;微信 8.0.49 起(对应 Skyline 1.3.0)支持 :not / :only-child / :empty;微信 8.0.50 起(对应 Skyline 1.3.3)支持 :nth-child
伪元素选择器 ::before {} ? 只支持 ::before 和 ::after

# 属性支持

样式属性 支持格式 默认值 备注
display none / flex / block flex 默认值可通过配置改成 block
position relative / absolute / fixed relative fixed 在微信客户端 8.0.43 版本开始支持,只支持相对于窗口 viewport 定位,不支持 top / left / bottom / right 默认值 auto 解析,z-index 只作用在兄弟节点;sticky 可使用 sticky-header/sticky-section 替代
overflow hidden / visible visible scroll 不支持,只能通过 scroll-view 实现;不支持单独设置 overflow-x/y
pointer-events auto / none auto
box-sizing border-box / content-box border-box
transform none / <transform-function> none
transform-origin left / center / right / top / bottom / <length>{1, 2} 50% 50%
z-index <float> 0 不支持层叠上下文,只对兄弟节点生效;不支持在 scroll-view 下的直接子节点上应用
visibility visible / hidden visible
color <color> black
opacity <float> 1
align-items stretch / center / flex-start / flex-end / baseline stretch
align-self auto / stretch / center / flex-start / flex-end / baseline auto
align-content stretch / center / flex-start / flex-end / space-between / space-around auto
justify-content center / flex-start / flex-end / space-between / space-around / space-evenly flex-start
flex-direction row / row-reverse / column / column-reverse column
flex-wrap nowrap / wrap / wrap-reverse nowrap
flex-grow <float> 0
flex-shrink <float> 1
flex-basis <length> auto
order <float> 0
gap <length> 0
flex 简写属性,支持解析但以展开属性为准
background-color <color> transparent
background-image none / <image> none 不支持多张图片
background-size contain / cover / [<length> | auto]{1, 2} auto
background-position left / center / right / top / bottom / <length> 0 0 完全支持 <bg-position>#,请参考 MDN
background-repeat repeat-x / repeat-y / repeat / no-repeat repeat
background 简写属性,支持解析但以展开属性为准
width <length> auto
height <length> auto
min-width <length> auto
min-height <length> none
max-width <length> auto
max-height <length> none
left <length> auto
right <length> auto
top <length> auto
bottom <length> auto
padding <length>{1,4} 0 0 0 0
padding-left <length> 0
padding-top <length> 0
padding-right <length> 0
padding-bottom <length> 0
margin <length>{1,4} 0 0 0 0
margin-left <length> 0
margin-top <length> 0
margin-right <length> 0
margin-bottom <length> 0
border-left-width <length> 3
border-left-style <border-style> none
border-left-color <color> black 默认值与 web 不同, web 默认值是 currentcolor
border-top-width <length> 3
border-top-style <border-style> none
border-top-color <color> black 默认值与 web 不同, web 默认值是 currentcolor
border-right-width <length> 3
border-right-style <border-style> none
border-right-color <color> black 默认值与 web 不同, web 默认值是 currentcolor
border-bottom-width <length> 3
border-bottom-style <border-style> none
border-bottom-color <color> black 默认值与 web 不同, web 默认值是 currentcolor
border-width 简写属性,支持解析但以展开属性为准
border-style 简写属性,支持解析但以展开属性为准
border-color 简写属性,支持解析但以展开属性为准
border-left 简写属性,支持解析但以展开属性为准
border-right 简写属性,支持解析但以展开属性为准
border-top 简写属性,支持解析但以展开属性为准
border-bottom 简写属性,支持解析但以展开属性为准
border 简写属性,支持解析但以展开属性为准
box-shadow none / inset? && <length>{2,4} && <color>? none 不支持多个叠加
border-top-left-radius <length>{1, 2} 0 border-radius 非 0 时,四边的 border-width 可不一致,四边的 border-color 和 border-style 需一致
border-top-right-radius <length>{1, 2} 0 border-radius 非 0 时,四边的 border-width 可不一致,四边的 border-color 和 border-style 需一致
border-bottom-left-radius <length>{1, 2} 0 border-radius 非 0 时,四边的 border-width 可不一致,四边的 border-color 和 border-style 需一致
border-bottom-right-radius <length>{1, 2} 0 border-radius 非 0 时,四边的 border-width 可不一致,四边的 border-color 和 border-style 需一致
border-radius 简写属性,支持解析但以展开属性为准
transition-property none / all / transform / opacity 等 all 基本都支持,暂不一一列举
transition-duration <time> 0
transition-timing-function <timing-function> <timing-function>
transition-delay <time> 0
transition 简写属性,支持解析但以展开属性为准
font 简写属性,支持解析但以展开属性为准;不支持 caption / icon 等系统字体;
font-size <length> 16px 不支持百分比;不支持 keyword (smaller..)
line-height normal / <number> / <length> / <percent> normal
text-align left / center / right / justify / start / end start
font-weight normal / bold / <float> normal
white-space normal / nowrap / normal
text-overflow clip / ellipsis clip 仅作用于 text 节点
word-spacing normal / <length> normal
letter-spacing normal / <length> normal
font-family serif / sans-serif / monospace / cursive / fantasy / <string>
font-style normal / italic normal
text-decoration-line none / underline / overline / line-through none 仅作用于 text 节点
text-decoration-style solid / double / dotted / dashed / wavy solid 仅作用于 text 节点
text-decoration-color <color> black 仅作用于 text 节点;默认值和 web 不同,web 默认值是 currentcolor
text-decoration 简写属性,支持解析但以展开属性为准;当前仅支持设置一种类型;暂不支持复合使用 text-decoration
text-shadow none / <color>? && <length>{2,3} none
backdrop-filter none / [<filter-function>] none 不支持 multi function;不支持 drop-shadow;不支持 url;与 opacity 混合有问题;blur 某些情况表现不一致;
filter none / [<filter-function>] none 不支持 multi function;不支持 drop-shadow;不支持 url;
mask-image none / <image> none 不支持多张图片
animation-delay <time> 0
animation-direction normal / reverse / alternate / alternate-reverse normal
animation-duration <time> 0
animation-fill-mode forwards / both none none 与 backwards 暂未支持,表现均为 forwards
animation-iteration-count infinite / <number> 1
animation-name none / <custom-ident> none
animation-timing-function <timing-function> <timing-function>
animation 简写属性,支持解析但以展开属性为准
will-change auto / contents auto 声明绘制边界,优化渲染性能

# 类型支持列表

类别 格式 支持度 备注
<length> auto ?
px ?
rem ?
em ×
rpx ?
vw ?
vh ?
vmin ?
vmax ?
ratio ?
env() ? 只支持 safe-area-inset-* 系列
calc() ?
<color> color keywords ?
transparent ?
currentColor × 考虑支持
rgb[a] ?
#RRGGBB / #RGB ?
hsl ?
hsla ?
<url> url() ?
<gradient> linear-gradient() ?
radial-gradient() ?
conic-gradient() ?
<image> <url> ?
<gradient> ?
<border-style> none ?
hidden ?
solid ?
dashed ?
dotted ?
<filter-function> brightness() ? 多个 function 暂不支持
contrast() ?
saturate() ?
huerotate() ?
invert() ?
opacity() ?
grayscale() ?
specia() ?
drop-shadow ×
<angle> deg ?
grad ?
rad ?
turn ?
<timing-function> ease ?
ease-in ?
ease-out ?
ease-in-out ?
linear ?
cubic-bezier ?
steps ?
step-start ?
step-end ?

# 开启默认Block布局

百度 在事件发生七个小时后,一位美国联邦调查局(FBI)探员将阿尔坦血迹斑斑的食指放在了他的iPhone上。

Skyline 下节点默认为 flex 布局,可通过以下配置切换为默认 block 布局。

平台 最低版本
Android 8.0.34
IOS 8.0.36
开发者工具 Nightly Build (1.06.2304262)
基础库 2.31.1

app.jsonpage.json 中配置:

rendererOptions: {
  "skyline": {
    "defaultDisplayBlock": true,
  }
}

# 开启默认ContentBox盒模型

Skyline 下节点默认为 border-box 盒模型,可通过以下配置切换为默认 content-box 盒模型。

平台 最低版本
Android 8.0.42
IOS 8.0.42
开发者工具 Nightly Build (1.06.2310092)
基础库 3.1.0

app.jsonpage.json 中配置:

rendererOptions: {
  "skyline": {
    "defaultContentBox": true,
  }
}

# 开启tag选择器全局匹配

Skyline 下 tag 选择器遵循样式隔离机制,而 WebView 下不受样式隔离约束,可通过 tagNameStyleIsolation: legacy 配置对齐 WebView 表现,若指定 tagNameStyleIsolation: isolated 则遵循样式隔离机制。

平台 最低版本
Android 8.0.51
IOS 8.0.51
开发者工具 Nightly Build (1.06.2409032)
基础库 3.6.0

app.jsonpage.json 中配置:

rendererOptions: {
  "skyline": {
    "tagNameStyleIsolation": "legacy",
  }
}

# 开启scroll-view自动撑开

Skyline 下 scroll-view 默认需要指定宽高撑开,可通过以下配置切换为自动根据内容撑开。

平台 最低版本
Android 8.0.54
IOS 8.0.54
基础库 3.7.2

app.jsonpage.json 中配置:

rendererOptions: {
  "skyline": {
    "enableScrollViewAutoSize": true,
  }
}

# 开启keyframe样式全局共享

Skyline 下 @keyframe 规则遵循样式隔离机制,而 WebView 下不受样式隔离约束,可通过 tagNameStyleIsolation: legacy 配置对齐 WebView 表现,若指定 tagNameStyleIsolation: isolated 则遵循样式隔离机制。

平台 最低版本
Android 8.0.57
IOS 8.0.57
基础库 3.8.0

app.jsonpage.json 中配置:

rendererOptions: {
  "skyline": {
    "keyframeStyleIsolation": "legacy",
  }
}
3月18号是什么星座 意尔康属于什么档次 vsc是什么意思 灰指甲用什么药 膀胱充盈差是什么意思
bmi值是什么意思 治疗带状疱疹用什么药最好 小孩便秘吃什么药 尿激酶的作用及功效是什么 舌炎吃什么药好得快
老公护着家人说明什么 什么叫健康 孙权和孙策是什么关系 维生素c不能和什么一起吃 荆条是什么意思
早晨起来口干口苦是什么原因 初恋是什么意思 恭喜恭喜是什么意思 贾珍和贾政是什么关系 铲垃圾的工具叫什么
血糖高早饭吃什么最好hcv9jop5ns4r.cn 说话鼻音重是什么原因hcv9jop5ns1r.cn 什么人群不适合吃阿胶糕hcv8jop4ns5r.cn 烤麸是用什么做的hcv8jop3ns7r.cn 胃阴虚有什么症状bjhyzcsm.com
布谷鸟什么时候叫hcv9jop4ns5r.cn 夏天晚饭吃什么比较好hcv8jop4ns2r.cn 生理需求是什么意思hcv8jop9ns7r.cn 胆碱酯酶偏高说明什么hcv8jop8ns9r.cn fy是什么意思hcv9jop5ns7r.cn
老年人腿肿是什么原因引起的hcv8jop3ns9r.cn 舌苔发黄是什么原因引起的hcv7jop6ns0r.cn pre什么意思hcv8jop3ns4r.cn 送手镯的寓意是什么hcv9jop8ns2r.cn 地素女装属于什么档次hcv9jop6ns8r.cn
排骨搭配什么菜好吃xinjiangjialails.com 5月6号是什么星座hcv7jop5ns5r.cn 尿道口流白色液体是什么病hcv9jop0ns5r.cn 对线是什么意思hcv9jop1ns0r.cn 花生什么时候收hcv8jop7ns9r.cn
百度