hookehuyr

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

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