啊程
啊程
  • 发布:2025-07-08 15:34
  • 更新:2025-07-08 16:00
  • 阅读:43

【报Bug】微信小程序中uni-table斑马线样式显示不出来

分类:uni-app

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

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 11

HBuilderX类型: 正式

HBuilderX版本号: 4.66

第三方开发者工具版本号: 1.06.2412050

基础库版本号: 3.8.10

项目创建方式: HBuilderX

操作步骤:

将组件stripe属性设置为true

预期结果:

将组件stripe属性设置为true,斑马线样式显示出来

实际结果:

将组件stripe属性设置为true,斑马线样式显示不出来

bug描述:

文档未更新,源码中stripe属性默认值为false,将组件stripe属性设置为true,斑马线样式显示不出来,没有处理微信小程序组件样式隔离

2025-07-08 15:34 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

您好,麻烦发个可复现demo

  • 爱豆豆

    刚测了一下 确实没生效 小程序中好像不支持nth-child所以stripe没生效

    uni-table -> components -> uni-table -> uni-table.vue文件中


    .table--stripe {  
    /* #ifndef APP-NVUE */
    ::v-deep .uni-table-tr:nth-child(2n + 3) {
    background-color: #fafafa;
    }
    /* #endif */
    }

    2025-07-08 16:14

  • 爱豆豆

    你直接用Hello uniapp 模版创建一个项目。运行到小程序查看 /pages/extUI/table/table 这个页面 就可以看到问题

    2025-07-08 16:16

  • 啊程 (作者)

    官网的demo就是 我在源码上加了组件样式隔离配置就可以

    2025-07-08 16:18

  • 啊程 (作者)

    回复 爱豆豆: 不是 是没加样式隔离

    2025-07-08 16:20

  • DCloud_UNI_JBB

    回复 啊程: 问题已确认了,同事在排查,stripe的默认值文档已修改

    2025-07-08 16:58

要回复问题请先登录注册