【uniapp小程序样式穿透】

零无无无无无

已于 2024-07-25 09:45:08 修改

阅读量1k

点赞数 1

文章标签： uni-app 小程序 java

于 2024-07-25 09:44:23 首次发布

本文链接：https://blog.youkuaiyun.com/wffcn/article/details/140681310

版权

有时候用样式穿透的时候h5是好好的，但是到了小程序这里就会发现没有效果，加上这句话就行了

<template>
  <view class="wai">
    <u-popup :show="isShow" :round="10" mode="bottom">
      <view class="popup">
        <text>人生若只如初见，何事秋风悲画扇 {{ isShow }}</text>
      </view>
    </u-popup>
  </view>
</template>

<script>
export default {
  options: { styleIsolation: 'shared' }, //加上这句小程序样式穿透也会有效果
  props: ['isShow']
};
</script>

<style scoped lang="scss">
::v-deep .u-popup__content {
  margin: 0 20rpx;
}
.popup {
  height: 500rpx;
}
</style>

效果图