fix(mini): OPC认证输入框溢出+全面隐藏所有滚动条

- cert-apply: .input和.ca-textarea加box-sizing:border-box,修复width:100%+padding溢出卡片
- 全局滚动条隐藏:用*通配符全面覆盖所有元素
  - * { scrollbar-width:none; -ms-overflow-style:none; }
  - *::-webkit-scrollbar { display:none !important; width:0; height:0; }
- 覆盖所有横向滚动容器(overflow-x:auto)和页面级滚动
This commit is contained in:
Pine
2026-09-02 01:00:07 +08:00
parent 34a956ead7
commit 3203ea4379
2 changed files with 10 additions and 8 deletions
+8 -6
View File
@@ -25,15 +25,17 @@ page {
}
/* 隐藏滚动条:所有页面内容可滚动,但不显示滚动条(含内部横向滚动容器) */
page::-webkit-scrollbar,
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
* {
scrollbar-width: none;
-ms-overflow-style: none;
}
*::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
}
page { -ms-overflow-style: none; scrollbar-width: none; }
.ev-tabs, .phase-filters, .quiz-body, .sv-opts, .ot-opts { scrollbar-width: none; }
/* 页面切换淡入:挂到各页面根容器,切换时淡入,缓解硬切/一瞬空白 */
.page-in {
@@ -18,11 +18,11 @@
.field { margin-top: 12rpx; }
.input {
background: rgba(255,255,255,0.55); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); border: 1rpx solid #d7ddf0; border-radius: 10rpx;
color: #3a4672; padding: 14rpx 16rpx; font-size: 27rpx; width: 100%;
color: #3a4672; padding: 14rpx 16rpx; font-size: 27rpx; width: 100%; box-sizing: border-box;
}
.ca-textarea {
width: 100%; min-height: 140rpx; background: rgba(255,255,255,0.55); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); border: 1rpx solid #d7ddf0;
border-radius: 10rpx; color: #3a4672; padding: 14rpx 16rpx; font-size: 27rpx;
border-radius: 10rpx; color: #3a4672; padding: 14rpx 16rpx; font-size: 27rpx; box-sizing: border-box;
}
.ca-doc { display: flex; align-items: center; gap: 16rpx; margin-top: 12rpx; }
.ca-uploaded { font-size: 23rpx; color: #9aa4c6; flex: 1; }