uniapp 设置页面背景半透明 - 两种方法详解

在 uniapp 中设置背景为半透明，可以通过 CSS 样式来实现。具体步骤如下：

1. 使用 rgba() 函数设置透明度

   在页面的样式文件中，添加以下 CSS 样式：

   page {
     background-color: rgba(0, 0, 0, 0.5);
   }
   

   其中，rgba() 函数用于设置颜色的透明度，最后一个参数为透明度值，取值范围为 0-1，数值越小越透明。

2. 使用 opacity 属性设置透明度

   在页面的模板文件中，添加以下代码：

   <view class='container'>
     <!-- 页面内容 -->
   </view>
   

   其中，container 类可以自定义，用于包含页面的内容。

   在样式文件中，添加以下 CSS 样式：

   .container {
     background-color: #fff;
     opacity: 0.5;
   }
   

   其中，opacity 属性用于设置元素的不透明度，取值范围为 0-1，数值越小越透明。

通过以上步骤，就可以实现 uniapp 页面背景半透明的效果了。