/deep/
的兼容性不好,node-sass支持这个/deep/
。但是 node-sass 被 sass 和现代项目抛弃了。 如果项目里装了sass
和 node-sass
sass-loader会优先使用sass,sass只认识 ::v-deep
。文章来源:https://www.toymoban.com/news/detail-770608.html
请根据自己的项目选择使用::v-deep
还是/deep/
。文章来源地址https://www.toymoban.com/news/detail-770608.html
<template>
<view class="u-grid-x">
<u-grid>
<u-grid-item>1</u-grid-item>
<u-grid-item>2</u-grid-item>
<u-grid-item>3</u-grid-item>
</u-grid>
</view>
</template>
<script>
export default {
options: {
styleIsolation: 'shared',
}
}
</script>
<style lang="scss" scoped>
// 方法1
::v-deep .u-grid {
align-items: flex-start !important;
}
// 方法2
::v-deep .u-grid-x{
.u-grid {
align-items: flex-start;
}
}
</style>
到了这里,关于解决 uniapp 修改uview样式,h5端生效,在微信小程序不生效。的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!