严文彬
已修复这个问题。其实可以看下源码，改下样式就行，原生开发最大的好处就是不用学习其他框架，也不会过时，现在三年过去了，除了有些语法可以优化外，整体逻辑是没太大问题的。再看看 react，三年前的代码和现在对比，是不是又要重构了？
> 最好提供一个长度超过某一个设定的值，隐藏，出现... @zhangjing007 这类功能建议二次开发，你看看 ant 那些库，那么多属性就是不断叠加功能形成的，但是还是满足不了千奇百怪的需求
> @Valar103769 > 显示open那里，写错个字了， > 正确的是通过open，而不是show，是这样吧？ 是的，感谢反馈。
> 希望右上角的叉号也能触发cancel事件 这个看需求吧，我当初考虑的是仅仅关闭弹窗，没有其他功能，和下面的取消按钮还是有点区别，要添加也很简单 ```js this.btnClose.addEventListener('click',()=>{ this.dispatchEvent(new CustomEvent('cancel')); //添加这一句 this.open = false; }) this.btnCancel.addEventListener('click',async ()=>{ this.dispatchEvent(new CustomEvent('cancel')); this.open = false; }) ```
@lbc19920615 目前有部分css变量可以定义，参见 https://xy-ui.codelabo.cn/docs/#/themeColor
IE都不用想了，不支持，推荐从github下载到本地来使用
部分不常修改属性暂时没有设计成动态修改。 在`attributeChangedCallback`中添加监听即可。
> @goodhzy > ios10以下safari直接修改style无效，会报Attempted to assign to readonly property > `messageContent.style='position:fixed; pointer-events:none; left:0; right:0; top:10px; z-index:1111;';` 你是怎么修改的？直接通过css修改就可以了，这一部分是动态生成的，用`js`修改可能会出现还未生成的情况 ```css #message-content{ z-index:1111!important; } ```
贴上代码看看，内部由`css`实现，应该没什么问题
start