注册 登录
Joyce1990
Joyce1990
  • 发布：2020-07-02 18:45
  • 更新：2020-09-07 21:01
  • 阅读：1997

【报Bug】微信小程序 组件使用v-slot后转码成抽象节点后样式丢失

分类：uni-app

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 10.14.6

HBuilderX类型： 正式

HBuilderX版本号： 2.7.14

第三方开发者工具版本号： v1.03.2005140

基础库版本号： 2.1

项目创建方式： HBuilderX

操作步骤：

项目是nvue,integraldetail和integralrule组件里面都使用到了common的list组件，其中各自的template转码后自动生成integraldetail-uni-list-default和integralrule-uni-list-default抽象组件，但缺少对应的wxss文件，导致item没有样式
h5版本和app都能正常显示

预期结果：

微信能正常显示

实际结果：

微信的item缺少样式

bug描述：

公用组件list，里面的item为tempalte传入，微信转换后转换为抽象组件。使用list组件地方的template内容会被转换为微信的抽象组件，但转换后的内容没有对应的wxss文件，导致样式缺失。

2020-07-02 18:45 负责人:无 分享

没有找到相关结果

    已邀请:
    DCloud_UNI_GSQ

    DCloud_UNI_GSQ

    新版已修复

    旧版本临时解决方案，把附件文件替换到如下位置：HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-mp-weixin/lib/uni.compiler.js

    2020-07-07 18:29 分享

    • Joyce1990 (作者)

      收到

      2020-07-08 16:43

    • Joyce1990 (作者)

      经测试，完美修复问题

      2020-07-08 16:50

    评论 取消
    jxtian

    jxtian

    可以提供一下你的示例demo吗？

    2020-07-02 19:40 分享
    Joyce1990

    Joyce1990 (作者)


    微信开发工具内截图


    内置浏览器内截图

    对比效果可以看出文字颜色不一致，原因是item的的样式丢失
    demo代码在附件中

    2020-07-03 10:41 分享

    • jxtian

      感谢反馈，我们验证一下

      2020-07-03 10:46

    评论 取消
    Joyce1990

    Joyce1990 (作者)

    改了一个copy的问题，正常是第一个红色，第二个是蓝色

    2020-07-03 11:09 分享
    jxtian

    jxtian

    bug已确认，等待修复。

    2020-07-06 20:59 分享

    • Joyce1990 (作者)

      辛苦开发大大

      2020-07-07 01:09

    评论 取消
    为什么被折叠? 0 个回复被折叠

    该问题目前已经被锁定, 无法添加新回复

    退出全屏模式 全屏模式 回复
    • 标题 / 粗斜体
    • 代码片段
    • 超链接 / 图片 / 视频
    • 列表 / 引用

    文章内容较多时，可以用标题分段 : 

    ## 大标题 
    ### 小标题

    斜体 / 粗体 : 

    **粗体** 
    *斜体* 
    ***粗斜体***

    代码片段 : 

    ``` javascript
    代码片段
    ```

    超链接 : 

    [链接文字](链接地址) 例: [百度](http://www.baidu.com)

    图片 : 

    ![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

    视频 : 

    !![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

    有序列表 : 

    1. 123
    2. 123
    3. 123

    无序列表 : 

    - 123
    - 123
    - 123

    引用 : ( 双回车后结束引用 )

    > 引用内容
    引用内容
    引用内容
    友情链接
    优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 艾普阳科技 申请友链

    DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

    京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

    | | 违法违规信息举报