amis icon indicating copy to clipboard operation
amis copied to clipboard

[P1 sdk]-sdk.css样式顺序问题,导致同样的schema在编辑器里样式生效,在sdk里使用不生效

Open rencoo opened this issue 1 year ago • 0 comments

描述问题:

.b-primary 等样式由于权重问题,未生效

截图或视频:

截屏2022-09-15 18 16 21 截屏2022-09-15 10 57 26 截屏2022-09-15 10 57 46 截屏2022-09-15 11 11 33

如何复现(请务必完整填写下面内容):

  1. 你是如何使用 amis 的? amis-editor里拖拽生成schema,然后使用sdk渲染schema

  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在 最新版本

  3. 粘贴有问题的完整 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"
}
  1. 操作步骤 拖一个按钮;右侧面板 > 外观 > css类名;调试生成若干className; 在编辑器里显示样式没问题,在sdk里渲染,由于sdk.css样式顺序的问题,导致.amis-scope .b-primary 等一系列样式被.amis-scope .cxd-Button--default等覆盖了,导致在编辑器里设置的按钮样式未生效

rencoo avatar Sep 15 '22 10:09 rencoo