diff --git a/App.vue b/App.vue index a3de6f0..77d3ad3 100644 --- a/App.vue +++ b/App.vue @@ -53,15 +53,21 @@ // xuchao: 宽屏(>768px,框架此时把 rpx 基准锁在 375)下,把页面列居中、两侧露出底色 @media screen and (min-width: 769px) { body { - background: #dfe4ea; + // xuchao: 页面级 page 背景会染到 body,需 !important 才能露出两侧底色 + background: #dfe4ea !important; } uni-page-body { - // xuchao: !important 覆盖框架默认 width:100%,宽屏下把页面列收为 375 并居中 - width: 750rpx !important; + // xuchao: 框架默认 uni-page-body 为 display:inline,会使 width/margin 失效,先改 block + display: block !important; + // 不能用 rpx —— 750rpx 恒等于"整屏宽",编译后会变成当前视口宽度而无法居中。 + // 框架在 >768px 时把 rpx 基准锁在 375(rpxCalcBaseDeviceWidth 默认值), + // 故页面内容宽即 375px,这里用固定 375px 覆盖框架默认 width:100% 实现居中。 + width: 375px !important; margin: 0 auto !important; min-height: 100vh; - box-shadow: 0 0 60rpx rgba(31, 45, 61, 0.14); + overflow-x: hidden; + box-shadow: 0 0 24px rgba(31, 45, 61, 0.14); } } /* #endif */ diff --git a/components/gmy-float-touch/gmy-float-touch.vue b/components/gmy-float-touch/gmy-float-touch.vue index d7ceae5..aac31df 100644 --- a/components/gmy-float-touch/gmy-float-touch.vue +++ b/components/gmy-float-touch/gmy-float-touch.vue @@ -1,205 +1,95 @@