amis
amis copied to clipboard
[P1 sdk]-sdk.css样式顺序问题,导致同样的schema在编辑器里样式生效,在sdk里使用不生效
描述问题:
.b-primary 等样式由于权重问题,未生效
截图或视频:
![截屏2022-09-15 18 16 21](https://user-images.githubusercontent.com/39717611/190379691-2120b026-7d80-447f-83e2-516a932dea5a.png)
![截屏2022-09-15 10 57 26](https://user-images.githubusercontent.com/39717611/190379741-e84bacf2-8508-413a-8aa4-176eb46a1887.png)
![截屏2022-09-15 10 57 46](https://user-images.githubusercontent.com/39717611/190379840-03064584-32a3-4e5a-8343-e44c54c5a4b8.png)
![截屏2022-09-15 11 11 33](https://user-images.githubusercontent.com/39717611/190379890-9630665e-5e60-46d8-8ea1-58df21deb7f7.png)
如何复现(请务必完整填写下面内容):
-
你是如何使用 amis 的? amis-editor里拖拽生成schema,然后使用sdk渲染schema
-
amis 版本是什么?请先在最新 beta 版本测试问题是否存在 最新版本
-
粘贴有问题的完整
amis schema
代码:
{
"type": "page",
"title": "Hello world",
"body": [
{
"type": "button",
"label": "按钮",
"actionType": "url",
"size": "sm",
"className": "b-primary b-a m-sm b-2x",
"level": "enhance"
}
],
"id": "u:43153e53824e"
}
- 操作步骤 拖一个按钮;右侧面板 > 外观 > css类名;调试生成若干className; 在编辑器里显示样式没问题,在sdk里渲染,由于sdk.css样式顺序的问题,导致.amis-scope .b-primary 等一系列样式被.amis-scope .cxd-Button--default等覆盖了,导致在编辑器里设置的按钮样式未生效