refactor(common): 统一浮动按钮与侧边导航的尺寸变量与布局

1.  新增全局CSS变量管理浮动按钮和侧边导航的尺寸参数,实现多组件样式同步
2.  重构to-top.vue和hover-nav.vue,改用CSS变量驱动布局,修复多平台适配问题
3.  新增多语言切换弹窗与智能切换逻辑,优化多语言展示与配置能力
4.  修复原容器高度计算的硬编码适配问题,改用rpx单位实现全平台自适应
This commit is contained in:
2026-07-02 11:45:33 +08:00
parent e749209128
commit de52406be8
3 changed files with 615 additions and 58 deletions

View File

@@ -23,6 +23,22 @@ page {
$base-color: #ff4544;
$base-help-color: #ffb644; //辅助颜色
--tab-bar-height: 112rpx;
/* ============================================================
* 浮动按钮 / 回到顶部按钮 的全局尺寸变量
* ------------------------------------------------------------
* to-top.vue 和 hover-nav.vue 共同使用这些变量,
* 保证两者的位置关系(垂直中心对齐、上下间距)始终一致。
*
* 注意:这些是"权威源",如果改了这里,JS 计算的 containerRight
* / containerBottom 在 H5 下会自动跟随变化(JS 读取 :root 变量)。
* 小程序环境没有 document,JS 端用 fallback 默认值 46/72/100/272,
* 改这里的同时也需要同步更新 hover-nav.vue 的 data 默认值。
* ============================================================ */
--top-btn-right: 46rpx; // 回到顶部按钮距屏幕右边
--top-btn-bottom: 272rpx; // 回到顶部按钮距屏幕底部
--top-btn-size: 72rpx; // 回到顶部按钮边长(正方形)
--floating-btn-width: 100rpx; // hover-nav 浮动容器宽度
}
.uni-input-input:-webkit-autofill {