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 @@
-
-
-
-
-
-
-
-
-
+
+
+
+