T***@163.com
T***@163.com
  • 发布:2019-08-13 10:44
  • 更新:2023-05-10 17:12
  • 阅读:8355

/deep/ 组件样式穿透在app中不起作用

分类:uni-app

/deep/ 组件样式穿透在app中不起作用,没办法修改第三方组件样式

2019-08-13 10:44 负责人:无 分享
已邀请:
T***@163.com

T***@163.com (作者)

这样就行了

HenryLiu

HenryLiu

同问,有人解决了没

HenryLiu

HenryLiu

我解决了
原本是

<style lang="scss" >

需要显示的加上了scoped

<style lang="scss" scoped>

然后app也有效了

  • xsfxtsxxr

    我也加了为啥没效果呢?哎

    .userList {

    background: #fff;

    /deep/ .uni-collapse-cell__title-text {

    text-align: left;

    }

    }

    2019-12-23 23:26

  • T***@163.com (作者)

    回复 xsfxtsxxr: /deep/ 前边定义一个class

    2020-03-19 11:22

  • T***@163.com (作者)

    穿透样式加scoped,和正常样式分开写,正常样式不加scoped

    2020-03-19 11:24

5***@qq.com

5***@qq.com - 郑小超

nvue是不是没有办法穿透,我要修改uni-ui的样式

  • liuxl126

    nvue不生效,你找到修改的方法了吗

    2021-06-24 17:31

8***@qq.com

8***@qq.com

::v-deep .uni-forms-item__inner {
padding: 0 !important;
padding: 0;
}

  1. 加上 !important;
  2. 或者使用<style lang="scss" scoped>
弈凌

弈凌 - yl-yue

nvue中不生效,无论怎么搞都不生效,你们app中生效的应该是app-vue

前端工程师2121

前端工程师2121 - 喜欢前端

vue3怎么解决呀,求

  • 弈凌

    vue3应该支持,直接用就行了,文件后缀得为.vue

    2023-05-10 19:56

要回复问题请先登录注册