fix: 页面自适应屏幕尺寸。

This commit is contained in:
tianyongbao
2025-12-19 00:01:31 +08:00
parent 0d40967167
commit 9df9dbdea9
2 changed files with 255 additions and 56 deletions

View File

@@ -43,6 +43,18 @@
停止搜索
</u-button>
</view>
<!-- 预览按钮 -->
<view class="preview-button-wrapper">
<u-button
type="success"
plain
@click="previewMixerPage"
>
<uni-icons type="eye" color="#52c41a" size="20" style="margin-right: 8rpx;"></uni-icons>
预览搅拌器页面
</u-button>
</view>
<!-- 设备列表 -->
@@ -1702,6 +1714,22 @@ page {
}
}
.preview-button-wrapper {
padding: 0 20rpx;
margin-bottom: 20rpx;
:deep(.u-button) {
width: 100%;
height: 80rpx;
border-radius: 16rpx;
font-size: 28rpx;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}
}
.device-list {
background: rgba(255, 255, 255, 0.95);
margin: 20rpx;