From 3203ea43797d8c6c06f8e39b992af6fdacdd61fb Mon Sep 17 00:00:00 2001 From: Pine Date: Wed, 2 Sep 2026 01:00:07 +0800 Subject: [PATCH] =?UTF-8?q?fix(mini):=20OPC=E8=AE=A4=E8=AF=81=E8=BE=93?= =?UTF-8?q?=E5=85=A5=E6=A1=86=E6=BA=A2=E5=87=BA+=E5=85=A8=E9=9D=A2?= =?UTF-8?q?=E9=9A=90=E8=97=8F=E6=89=80=E6=9C=89=E6=BB=9A=E5=8A=A8=E6=9D=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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)和页面级滚动 --- miniprogram/src/app.scss | 14 ++++++++------ miniprogram/src/pages-extra/cert-apply/index.scss | 4 ++-- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/miniprogram/src/app.scss b/miniprogram/src/app.scss index 8d3598d..193bbe0 100644 --- a/miniprogram/src/app.scss +++ b/miniprogram/src/app.scss @@ -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 { diff --git a/miniprogram/src/pages-extra/cert-apply/index.scss b/miniprogram/src/pages-extra/cert-apply/index.scss index d355c7e..143ae08 100644 --- a/miniprogram/src/pages-extra/cert-apply/index.scss +++ b/miniprogram/src/pages-extra/cert-apply/index.scss @@ -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; }