小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如下图所示,想将弹窗右上角的icon换为“√”或者“完成”,但遇到了问题,目前的问题是:
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
自己解决了,解决方法如下:
在使用 Half Screen Dialog 时,将其属性列表的 closabled 属性设置为 false,不展示关闭按钮,此时左上角和右上角的图标都会消失,然后就可以通过 slot="title" 插槽自定义顶部区域的按钮和标题了。
如果还是觉得样式不美观的话,可以用绝对定位和浮动把按钮调整到原来位置。 解决后的样式:
官方文档:https://wechat-miniprogram.github.io/weui/docs/half-screen-dialog.html#%E5%B1%9E%E6%80%A7%E5%88%97%E8%A1%A8
还是想吐槽一下,官方文档如果能详细一点就好了……
——————————分割线——————————
虽然隐藏了右上角的图标,但是元素依旧存在,会影响自定义顶部区域的点击事件,如下图:
解决方法:在页面wxss文件中添加如下样式(注意是页面wxss文件,不能是组件wxss文件)
.weui-icon-btn.weui-icon-btn_more { display: none; }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
看看是层级的问题还是什么其他的问题?
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
自己解决了,解决方法如下:
在使用 Half Screen Dialog 时,将其属性列表的 closabled 属性设置为 false,不展示关闭按钮,此时左上角和右上角的图标都会消失,然后就可以通过 slot="title" 插槽自定义顶部区域的按钮和标题了。
如果还是觉得样式不美观的话,可以用绝对定位和浮动把按钮调整到原来位置。 解决后的样式:
官方文档:https://wechat-miniprogram.github.io/weui/docs/half-screen-dialog.html#%E5%B1%9E%E6%80%A7%E5%88%97%E8%A1%A8
还是想吐槽一下,官方文档如果能详细一点就好了……
——————————分割线——————————
虽然隐藏了右上角的图标,但是元素依旧存在,会影响自定义顶部区域的点击事件,如下图:
解决方法:在页面wxss文件中添加如下样式(注意是页面wxss文件,不能是组件wxss文件)
.weui-icon-btn.weui-icon-btn_more { display: none; }
看看是层级的问题还是什么其他的问题?