@tuya/miniapp-smart-ui 2.13.7-beta-1 → 2.13.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/popup/README.md +19 -1
- package/lib/popup/README.md +19 -1
- package/package.json +1 -1
package/dist/popup/README.md
CHANGED
|
@@ -160,6 +160,24 @@ Page({
|
|
|
160
160
|
| --popup-close-icon-color | _#969799_ | 关闭图标颜色 |
|
|
161
161
|
| --popup-close-icon-margin | _12px_ | 关闭图标边距 |
|
|
162
162
|
| --popup-close-icon-z-index | _1_ | 关闭图标层级 |
|
|
163
|
-
| --overlay-background-color | _rgba(0,0,0,0.4)_ / _rgba(0,0,0,0.7)_ |
|
|
163
|
+
| --overlay-background-color | _rgba(0,0,0,0.4)_ / _rgba(0,0,0,0.7)_ | 不支持 `backdrop-filter` 时的遮罩背景色 |
|
|
164
164
|
| --overlay-blur-background `v2.12.0` | _rgba(40,44,53,0.22)_ / _rgba(0,0,0,0.6)_ | 支持模糊时的毛玻璃遮罩背景色 |
|
|
165
165
|
| --overlay-blur-radius `v2.12.0` | _16px_ | 毛玻璃模糊半径 |
|
|
166
|
+
|
|
167
|
+
## 常见问题
|
|
168
|
+
|
|
169
|
+
### 如何去除 Popup 弹框的毛玻璃效果？
|
|
170
|
+
|
|
171
|
+
毛玻璃效果来自 Popup 的遮罩层。通过 `overlay-style` 将 `--overlay-blur-radius` 设为 `0px`，可以保留遮罩而去除背景模糊：
|
|
172
|
+
|
|
173
|
+
```html
|
|
174
|
+
<smart-popup
|
|
175
|
+
show="{{ show }}"
|
|
176
|
+
overlay-style="--overlay-blur-radius: 0px;"
|
|
177
|
+
bind:close="onClose"
|
|
178
|
+
>
|
|
179
|
+
内容
|
|
180
|
+
</smart-popup>
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
如需调整遮罩颜色，可再设置 `--overlay-blur-background`；只设置 `--overlay-background-color` 不会关闭支持 `backdrop-filter` 的设备上的模糊效果。
|
package/lib/popup/README.md
CHANGED
|
@@ -160,6 +160,24 @@ Page({
|
|
|
160
160
|
| --popup-close-icon-color | _#969799_ | 关闭图标颜色 |
|
|
161
161
|
| --popup-close-icon-margin | _12px_ | 关闭图标边距 |
|
|
162
162
|
| --popup-close-icon-z-index | _1_ | 关闭图标层级 |
|
|
163
|
-
| --overlay-background-color | _rgba(0,0,0,0.4)_ / _rgba(0,0,0,0.7)_ |
|
|
163
|
+
| --overlay-background-color | _rgba(0,0,0,0.4)_ / _rgba(0,0,0,0.7)_ | 不支持 `backdrop-filter` 时的遮罩背景色 |
|
|
164
164
|
| --overlay-blur-background `v2.12.0` | _rgba(40,44,53,0.22)_ / _rgba(0,0,0,0.6)_ | 支持模糊时的毛玻璃遮罩背景色 |
|
|
165
165
|
| --overlay-blur-radius `v2.12.0` | _16px_ | 毛玻璃模糊半径 |
|
|
166
|
+
|
|
167
|
+
## 常见问题
|
|
168
|
+
|
|
169
|
+
### 如何去除 Popup 弹框的毛玻璃效果？
|
|
170
|
+
|
|
171
|
+
毛玻璃效果来自 Popup 的遮罩层。通过 `overlay-style` 将 `--overlay-blur-radius` 设为 `0px`，可以保留遮罩而去除背景模糊：
|
|
172
|
+
|
|
173
|
+
```html
|
|
174
|
+
<smart-popup
|
|
175
|
+
show="{{ show }}"
|
|
176
|
+
overlay-style="--overlay-blur-radius: 0px;"
|
|
177
|
+
bind:close="onClose"
|
|
178
|
+
>
|
|
179
|
+
内容
|
|
180
|
+
</smart-popup>
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
如需调整遮罩颜色，可再设置 `--overlay-blur-background`；只设置 `--overlay-background-color` 不会关闭支持 `backdrop-filter` 的设备上的模糊效果。
|