有时候用样式穿透的时候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>
效果图