fix: 列表左右居中 + 悬浮订单按钮放大并直达

实测修正(桌面+手机双端验证):
1 列表左右宽度一致:宽屏下页面列居中、两侧等宽灰底加阴影。
  踩坑:uni-page-body 框架默认 display:inline,使 width/margin 失效,需先改 block;
  且居中宽度不能用 rpx(750rpx 恒等于整屏宽,会被编译成当前视口宽),改用固定 375px
  (等于框架 >768px 锁定的 rpx 基准);body 底色加 important 压过页面级 page 背景。
2 悬浮订单按钮:整体放大 25%(80upx 改 100upx),单击直达门票订单列表,
  去掉先点订单再点门票的两步展开菜单;保留拖拽并正确区分拖拽与点击;
  清理因此废弃的展开逻辑与无用 imgLists。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
xuchao
2026-07-21 11:15:40 +08:00
co-authored by Claude Opus 4.8
parent a800756958
commit 73be4f7d73
3 changed files with 70 additions and 177 deletions
+1 -4
View File
@@ -50,7 +50,7 @@
<u-picker mode="selector" v-model="show1" :range="selector" @close='selectTypeInput' confirm-color='#3B94E6' range-key="label"
@confirm='typeConfirm'></u-picker>
<!-- xuchao: 订单悬浮按钮 -->
<gmy-float-touch :imgLists="imgLists" :mainImg="mainImg" @menuClick="floatTouchClick"></gmy-float-touch>
<gmy-float-touch :mainImg="mainImg" @menuClick="floatTouchClick"></gmy-float-touch>
</view>
</template>
@@ -65,9 +65,6 @@
data() {
return {
mainImg: "../../static/logo4.png",
imgLists: ["../../static/logo1.png", "../../static/logo2.png", "../../static/logo3.png",
"../../static/logo3.png", "../../static/logo5.png"
],
status: 'loadmore',
keyword: '',
transform: 'rotate(0deg)',