<template>
<view class="content">
<!-- 点击 -->
<view class="blue-rect" @click="click"></view>
<!-- 蒙版 -->
<view class="ddd"></view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
click() {
console.log('99--------')
},
}
}
</script>
<style>
.content{
flex: 1;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.blue-rect {
width: 100rpx;
height: 100rpx;
background-color: blue;
}
.ddd{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(220, 220, blue, 0.2);
pointer-events: none;
}
</style>
2 个回复
海角 (作者)
代码在下面
BoredApe - 有问题就会有答案。
nvue所支持的通用样式已在本文档中全部列出,一些组件可能有自定义样式,请参考组件文档。除此之外的属性,均不被支持。
请参考文档:https://zh.uniapp.dcloud.io/tutorial/nvue-css.html
海角 (作者)
安卓支持 ios不支持
2024-09-26 13:50