搜索到
1
篇与
的结果
-
UniApp中修改某个页面的uView样式 最近在使用UniApp开发微信小程序时，使用了uView UI框架，在进行列表展示时，使用了Cell单元格组件。但是在使用的时候，感觉Cell单元格的字体较大，想调整小一点。在Vue开发中，我们知道都是用depp进行样式穿透，但是在UniApp开发小程序时，如果我们添加以下代码 ::v-deep { .u-cell { padding: 10rpx 32rpx !important; font-size: 20rpx !important; line-height: 54rpx; font-family: cursive; } }可以尝试运行一下，你会发现没有任何效果。原因就在于小程序组件样式是隔离的。如果我们想解除样式隔离，可以在父组件（基本就是我们自己的页面）与methods同级的位置，添加以下代码options: { styleIsolation: 'shared', // 解除样式隔离 },对于组件的styleIsolation有三个可选值：可选值说明isolated默认值，组件内外的样式互不影响apply-shared接收外部（包括父页面和全局）的样式，但组件内的样式不影响外部。shared接收外部样式，同时组件内的样式会共享到页面
