1
shakukansp 2023-03-15 15:44:53 +08:00
没移除
|
2
charlie21 2023-03-15 15:45:50 +08:00
|
3
shakukansp 2023-03-15 15:51:19 +08:00
@charlie21 这个也老了……
现在是 :deep() |
4
qq309187341 OP @charlie21 我的新项目使用 vue3 然后里面的组件库使用 naive UI 。但是,我修改一个组件的样式,却没有效果,class 挂载了,但是样式没有。我发现是 scoped 的问题。
|
5
qq309187341 OP @shakukansp 几种我都试过了,都没有起效果。。。
|
6
shakukansp 2023-03-15 15:55:05 +08:00
@qq309187341
<style scoped> :deep(.n-upload-trigger) { width: 100%; text-align: left; } </style> 没问题,我项目里就这么写的 |
7
qq309187341 OP @shakukansp 请问如果组件上挂上自己定义的一个 class ,然后再这样使用呢?
|
8
yukirus 2023-03-15 15:58:50 +08:00
!important 试试?
虽然这东西问题很多但还挺有效果 |
9
shakukansp 2023-03-15 15:59:10 +08:00
|
10
qq309187341 OP @shakukansp
<n-modal v-model:show="showModal" class="rowell-menu-modal" :mask-closable="false" title="菜单管理" :show-icon="false" preset="card"> <n-data-table :columns="columns" :data="data" :pagination="pagination" :bordered="false" /> </n-modal> <style scoped> :deep(.rowell-menu-modal) { @apply w-80vw h-90vh p-0 bg-white rounded-md; } </style> 我是这样的,但是没有效果 |
11
shakukansp 2023-03-15 16:02:00 +08:00
@qq309187341
lang="postcss" ? |
12
qq309187341 OP @shakukansp 找到问题了。好想无法给 n-modal 设置 class 。我给其他 n-button 设置了之后也是有效果的
|
13
shakukansp 2023-03-15 17:53:55 +08:00
@qq309187341
modal 类的东西一般不会给你把 $attrs 绑根元素上,得看下源码到底怎么设置的 |