xuchaoandClaude Opus 4.8
f767aa93de
宽屏（桌面/平板）： - pages.json 配置 rpxCalcMaxDeviceWidth=750/rpxCalcBaseDeviceWidth=375， 窗口超过 750px 时 rpx 换算基准锁定为 375px（uni-app 官方机制），不再随屏幕拉伸 - 页面列宽 750rpx 居中展示，两侧露出底色+阴影形成手机框视觉 - 固定底栏统一 left/right:0+margin:auto 视口居中，与页面列对齐 - 悬浮球及菜单项宽屏时锚定到页面列左缘 全面屏（iPhone 刘海屏）： - 订单底栏/订单详情按钮栏/弹窗确认栏用同色边框向下延伸覆盖 home 指示条区域 - 悬浮按钮（完成/选择）整体上移避开安全区 - 确认订单页底栏改为 bottom 锚定（原来用 JS 计算 top） Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
仿苹果悬浮按钮
只需再页面中调用插件，在监听menuClick事件即可，该事件返回五个小按钮的索引从上往下索引一次是1，2，3，4，5。具体事件由用户根据索引自定义
如果需要使用图标请在使用时传入,数据说明
- mainImg:主图标，不可隐藏，图片单独设置。
- imgLists:弹出菜单图标，共5个菜单，故需5个图标，以数组形式设置
使用
* import gmyFloatTouch from "../../../components/gmy-float-touch/gmy-float-touch.vue" //引用
* <gmy-float-touch :imgLists="imgLists" :mainImg="mainImg" @menuClick="floatTouchClick"></gmy-float-touch> //页面使用
* floatTouchClick:function(e){ //事件
console.log(e);
},
* mainImg:"../../static/main.png", //数据格式
imgLists:["../../static/home.png","../../static/approve.png","../../static/match.png","../../static/send.png","../../static/return.png"],