andy
fd89c31640
- 新增响应式工具函数与全局移动端样式，统一适配≤768px屏幕 - 添加移动端底部导航组件，替代桌面端侧边栏菜单 - 为经销商、客户、报备列表页新增移动端卡片视图替换表格布局 - 调整所有页面的表单、弹窗与布局适配移动端尺寸 - 优化移动端viewport配置，适配全面屏安全区域 - 修复密码哈希工具，在非安全上下文下回退使用js-sha256库 - 更新依赖包，新增@vueuse/core与js-sha256
26 lines
490 B
SCSS
26 lines
490 B
SCSS
// 断点常量 —— 与 composables/useResponsive.ts 的媒体查询保持一致
|
||
// 改动断点时两处需同步。
|
||
$bp-mobile: 768px;
|
||
$bp-tablet: 1024px;
|
||
|
||
/// ≤768px 移动端
|
||
@mixin mobile {
|
||
@media (max-width: $bp-mobile) {
|
||
@content;
|
||
}
|
||
}
|
||
|
||
/// 769–1024 平板
|
||
@mixin tablet {
|
||
@media (min-width: 769px) and (max-width: $bp-tablet) {
|
||
@content;
|
||
}
|
||
}
|
||
|
||
/// ≤1024px（移动 + 平板）
|
||
@mixin mobile-and-tablet {
|
||
@media (max-width: $bp-tablet) {
|
||
@content;
|
||
}
|
||
}
|