Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
map-demo
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2025-09-21 19:13:07 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
404d78a3b580498f7a7220b142e1f4d0dd2bad93
404d78a3
1 parent
eaa88054
fix(字体适配): 为getAdaptiveFontSize添加第二个参数以优化字体适配
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
8 additions
and
8 deletions
src/views/checkin/info.vue
src/views/checkin/info.vue
View file @
404d78a
<!--
* @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'; // 普通屏幕保持原始大小
});
...
...
Please
register
or
login
to post a comment