自定义组件会影响其它样式文件中使用的伪元素

时间：2019-05-03 来源：小程序工厂

例如A页面当中一旦引用自定义组件如:
"usingComponents": {
"min-mask": "../../min-components/min-mask/min-mask",
"min-popup": "../../min-components/min-popup/min-popup",
"min-iconfont": "../../min-components/min-iconfont/min-iconfont"
}

然后A页面引入的其他样式文件如button.wxss中的伪元素会受到影响,不会正常显示其原有的样式,去掉A.json文件中引用自定义组件的代码后，button.wxss的样式显示正常。分享功能出BUG了#微信小程序开发教程。但是button.wxss中的其它常用的非伪元素样式则不受影响。

比如使用:after伪元素不会显示其中data-label属性的value值，去掉引用自定义组件代码后，data-label属性的value值正常显示

.speed-dial-button[data-label]:after {
content: attr(data-label);
position: absolute;
/* left: 0; */
top: 50%;
transform: translate3d(0, -50%, 0);
padding: 4px 10px;
font-size: 12px;
background: rgba(0, 0, 0, 0.4);
border-radius: 3px;
color: rgba(255, 255, 255, 0.8);
pointer-events: none;
white-space: nowrap;
opacity: 0;
box-sizing: border-box;
transition: all 0.3s;
}

.speed-dial-opened .speed-dial-button[data-label]:after {
opacity: 1;
}

折腾了很长时间不知道是怎么回事，求大神指导

微信小程序开发问题解答本文来自微信小程序工厂 http://www.xcxgc.com，转载请保留。

微信小程序开发者回答：

L***：
你好，自定义组件中禁用属性选择器。调试器中会有错误提示的。

S***：
你没看明白问题，我在A页面调用的某个页面的button.wxss并不是自定义组件里的样式文件，是其它目录下的一个样式文件，A页面下只是引用了自定义组件但是并没有使用，但是引用之后会影响调用其它样式文件里的伪元素

录音管理器 recorderManager.onStop监听事件问题#微信小程序开发教程 ...
S***：
就是现在出现问题的button.wxss文件不是自定义组件里的样式文件，是另一个，但是受到自定义组件的影响，伪元素不会正常显示，其他元素显示正常，编译器ide没有任何错误提示，去掉引用代码后就可以了，应该像是个bug
L***：
在页面中使用时，属性选择器也无法选中自定义组件节点。应当采用类选择器。

S***：
你随便在某个页面引用一个自定义组件，然后在这个页面里添加一个带有伪元素的样式，看伪元素能不能正常显示不就行了?现在就是受到自定义组件的影响出现问题了，在自定义组件里是按照文档里的标准写的css样式，现在问题是它影响到其它文件的样式了
【微信小程序问题】微信小店发货API出BUG了！！！
S***：
还是没明白我的问题，我没有要选中自定义组件节点
L***：
确认为属性选择器的问题。请尽可能避免在wxss中涉及节点属性。

之后我们会考虑做兼容性的修复。

L***：系统记录wepy编译后不支持分包加载？
勿***：
遇到了同样的问题，组件影响的它所在页面样式的兼容，求问最后怎么处理了呢？
L***：
@勿忘帖主的这个问题比较特殊，应该并不是一样的问题。

本文网址：http://www.91bianli.com/weixinxiaochengxu/31083.html

上一篇：【微信小程序问题】微信小程序为什么获取不到场景值呢

下一篇：如何调取自定义组件中的properties&微信小程序开发