hookehuyr

fix(字体适配): 为getAdaptiveFontSize添加第二个参数以优化字体适配

<!--
* @Date: 2024-09-15 22:08:49
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-21 01:42:38
* @LastEditTime: 2025-09-21 19:10:33
* @FilePath: /map-demo/src/views/checkin/info.vue
* @Description: 文件描述
-->
......@@ -105,21 +105,21 @@ const $route = useRoute();
const $router = useRouter();
// 动态字体大小计算属性
const adaptiveTitleFontSize = computed(() => getAdaptiveFontSize(1.25));
const adaptiveSubTitleFontSize = computed(() => getAdaptiveFontSize(0.85));
const adaptiveButtonFontSize = computed(() => getAdaptiveFontSize(0.85));
const adaptiveTabFontSize = computed(() => getAdaptiveFontSize(0.95));
const adaptiveTitleFontSize = computed(() => getAdaptiveFontSize(1.25, true));
const adaptiveSubTitleFontSize = computed(() => getAdaptiveFontSize(0.85, true));
const adaptiveButtonFontSize = computed(() => getAdaptiveFontSize(0.85, true));
const adaptiveTabFontSize = computed(() => getAdaptiveFontSize(0.95, true));
// 动态按钮尺寸计算属性
const adaptiveButtonWidth = computed(() => 'auto'); // 自动宽度,根据内容调整
const adaptiveButtonHeight = computed(() => getAdaptiveFontSize(1.5)); // 基础高度1.5rem
const adaptiveButtonPadding = computed(() => getAdaptiveFontSize(0.8)); // 基础内边距0.8rem,使用字体大小计算
const adaptiveButtonHeight = computed(() => getAdaptiveFontSize(1.5, true)); // 基础高度1.5rem
const adaptiveButtonPadding = computed(() => getAdaptiveFontSize(0.8, true)); // 基础内边距0.8rem,使用字体大小计算
// 动态文章内容适配计算属性 - 仅适配iPad类似设备
const adaptiveContentFontSize = computed(() => {
const deviceInfo = getDeviceInfo();
if (deviceInfo.isiPad || deviceInfo.isTablet) {
return getAdaptiveFontSize(0.9); // iPad设备适配字体大小
return getAdaptiveFontSize(0.9, true); // iPad设备适配字体大小
}
return '0.9rem'; // 普通屏幕保持原始大小
});
......