fix(组件样式): 调整PopupWrapper高度计算和UploadMediaPopup位置及高度
修复PopupWrapper组件中高度计算错误,将固定像素值改为响应式单位 修改UploadMediaPopup弹出位置从右侧改为底部,并设置固定高度为80%
Showing
2 changed files
with
4 additions
and
4 deletions
| ... | @@ -129,7 +129,7 @@ const contentStyle = computed(() => { | ... | @@ -129,7 +129,7 @@ const contentStyle = computed(() => { |
| 129 | const style = {}; | 129 | const style = {}; |
| 130 | 130 | ||
| 131 | if (props.showHeader) { | 131 | if (props.showHeader) { |
| 132 | - style.height = 'calc(100% - 60px)'; | 132 | + style.height = 'calc(100% - 130rpx)'; |
| 133 | } else { | 133 | } else { |
| 134 | style.height = '100%'; | 134 | style.height = '100%'; |
| 135 | } | 135 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-09-22 10:10:44 | 2 | * @Date: 2025-09-22 10:10:44 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-09-22 11:00:26 | 4 | + * @LastEditTime: 2025-09-23 11:17:11 |
| 5 | * @FilePath: /lls_program/src/components/UploadMediaPopup.vue | 5 | * @FilePath: /lls_program/src/components/UploadMediaPopup.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| 8 | <template> | 8 | <template> |
| 9 | <PopupWrapper | 9 | <PopupWrapper |
| 10 | v-model:visible="popupVisible" | 10 | v-model:visible="popupVisible" |
| 11 | - position="right" | 11 | + position="bottom" |
| 12 | title="拍照留念" | 12 | title="拍照留念" |
| 13 | - :fullscreen="true" | 13 | + height="80%" |
| 14 | :close-on-click-overlay="false" | 14 | :close-on-click-overlay="false" |
| 15 | @close="handleClose" | 15 | @close="handleClose" |
| 16 | > | 16 | > | ... | ... |
-
Please register or login to post a comment