uni-app 自定义组件样式问题 #shadow-root

描述: 使用uni-app编译自定义组件后,组件不仅多嵌套一层标签,并且在组件最外层的样式并没有作用到该标签上,导致页面变形。

QQ截图20191113180947.png

如图所示:多了个wm-tabbar-item标签,并且设置的 .wm-tabbar-item { flex: 1}样式也没作用到页面上,导致页面没有按预期展示。

解决方法:给标签设置样式

/* 这是个标签
-------------------------- */
wm-tabbar-item {
  flex: 1;
}

// 原来设置的class不生效
// .wm-tabbar-item {
//   flex: 1;
// }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • uni-app跨平台框架官方教程 链接:https://ke.qq.com/course/343370 一、框架简...
    Neyo_凉阅读 36,368评论 0 43
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,790评论 0 7
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,609评论 0 7
  • 什么是微习惯呢?为什么近年来大家都提倡微习惯而不是高大上的习惯? 简而言之,微习惯是养成一个新习惯的大幅度缩减版本...
    懿拾阅读 218评论 0 0
  • 这是,一个小矮人。我说:“你是小精灵。”它说:“注意,小精灵没有翅膀,我们是小仙子。”“哦,对不起,我说...
    我爱大桃子阅读 208评论 1 0