首页 > 其他分享 >自定义组件中使用half-screen-dailog 无法舒勇外部样式

自定义组件中使用half-screen-dailog 无法舒勇外部样式

时间:2022-09-22 15:56:21浏览次数:58  
标签:自定义 样式 screen 外部 weui 舒勇 half 组件

 为了将弹窗更方便的调用,封装了组件,但是发现一个问题, 外部样式类在组件中是无法正常使用的。

 

也就说在组件的wxss中是无法正常使用.weui-half-screen-dialog 这个外部样式类,然后看层级结构直接使用 ,weui-show .weui-hale-screen-dialog 来设置样式是无效的, 因为这些样式是在#shadow-root中, 虽然了解的不深,但应该也是类似于虚拟节点, 无法直接修改他的样式。

所以只能在全局样式app.wxss 中修改。

标签:自定义,样式,screen,外部,weui,舒勇,half,组件
From: https://www.cnblogs.com/yongzhu/p/16719587.html

相关文章

  • Java中使用Hutool的ExecutorBuilder实现自定义线程池
    场景Java中ExecutorService线程池的使用(Runnable和Callable多线程实现):https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/126242904SpringBoot+Lombok+Bui......
  • angular6 使用自定义字体
    angular2+项目打包自定义字体第一步:设置自己的字体下载或者制作自己的字体文件。注意体格式可以为:ttf,woff,eot字体格式在引用时,注意设置css中字体格式的设置@......
  • 监听div高度宽度的变化-自定义指令
    上篇内容说到,iframe嵌入其他项目页面,iframe实现自适应高度需要监听div页面高度的变化使用到了局部自定义指定directives:{//使用局部注册指令的方式resize:{//......
  • react-antd组件之Steps组件自定义icon svg图片颜色跟随完成进度改变
    demo.svg<?xmlversion="1.0"encoding="UTF-8"?><svgwidth="58px"height="44px"viewBox="005844"version="1.1"xmlns="http://www.w3.org/2000/svg"xmlns:xli......
  • Spring data Jpa 自定义hql分页,添加动态参数校验1
    一,配置好jpa环境直接上代码1,控制器  其中 pageNumber和pageSize是我们自己前端传,filter中以字符串方式包含所需要的参数2.server  用json将参数解......
  • 博客园自定义主题
    博客园自定义主题背景发现有些博客园博主的主体十分好看,比如:Esofar'sBlog-.NETCore开发工程师,博客园主题Silence作者。静雅斋数学-静雅斋数学作者,专注于高中......
  • systemd 自定义开机启动服务
      #对于那些支持Systemd的软件,安装的时候,会自动在/usr/lib/systemd/system目录添加一个配置文件。(以httpd.service为例)systemctlenablehttpd#上面的命令相当......
  • Gradle-自定义生成的apk或aar名称
    Gradle-自定义生成的apk或aar名称我们平时用AndroidStudio打包时候,如果不加规则限制,打包出来的名称都是app-debug.apkapp-release.apkapp.aab那么怎么让我们打包的......
  • 奇技淫巧-Unity运行时运行自定义lua代码
    在利用lua开发游戏的过程中经常会遇到需要查询某些数据或调用某些方法,以往查询数据的方法不是用断点就是写好代码后重新运行游戏,lua的断点被吐槽太卡顿,我用的也比较少,......
  • 本周四晚19:00知识赋能第八期第2课丨ArkUI自定义组件
     9月21日19:00~20:00,第八期知识赋能第2节直播就要开始啦!本次直播将为同学们带来涂鸦小游戏的趣味体验,让大家全面了解ArkUI框架的应用,帮助你们在自己已有专业的基础上拓宽知......