fix(mobile): stack extra-large schedule actions

This commit is contained in:
2026-07-23 22:18:44 +08:00
parent dfaa198ac8
commit 83f775faec
2 changed files with 20 additions and 6 deletions
+12 -6
View File
@@ -1450,20 +1450,26 @@ onUnload(() => {
align-items: stretch; align-items: stretch;
} }
:global(html[data-aihr-font-size='extra-large'] .login-button), :global(html[data-aihr-font-size='extra-large'] .login-button) {
:global(html[data-aihr-font-size='extra-large'] .schedule-action) {
width: 100%; width: 100%;
min-width: 0; min-width: 0;
flex: 0 0 100%; flex: 0 0 100%;
} }
:global(html[data-aihr-font-size='extra-large'] .schedule-row) { :global(html[data-aihr-font-size='extra-large'] .schedule-row-body) {
flex-wrap: wrap; flex-direction: column;
align-items: flex-start; align-items: stretch;
}
:global(html[data-aihr-font-size='extra-large'] .schedule-action) {
width: 100%;
min-width: 0;
flex: 0 0 auto;
} }
:global(html[data-aihr-font-size='extra-large'] .schedule-copy) { :global(html[data-aihr-font-size='extra-large'] .schedule-copy) {
flex-basis: calc(100% - 46px); width: 100%;
flex: 0 1 auto;
} }
:global(html[data-aihr-font-size='extra-large'] .tip-card) { :global(html[data-aihr-font-size='extra-large'] .tip-card) {
@@ -250,6 +250,14 @@ test('员工首页今日安排保留派发任务来源', async () => {
assert.match(source, /提交后显示反馈与参考答案/); assert.match(source, /提交后显示反馈与参考答案/);
}); });
test('超大字模式下今日安排将文字和操作按钮纵向排布', async () => {
const source = await pageSource('../src/pages/user/today/index.vue');
assert.match(source, /html\[data-aihr-font-size='extra-large'\] \.schedule-row-body\) \{\s*flex-direction:\s*column;[\s\S]*?align-items:\s*stretch;/);
assert.match(source, /html\[data-aihr-font-size='extra-large'\] \.schedule-action\) \{[\s\S]*?width:\s*100%;[\s\S]*?flex:\s*0 0 auto;/);
assert.match(source, /html\[data-aihr-font-size='extra-large'\] \.schedule-copy\) \{[\s\S]*?width:\s*100%;[\s\S]*?flex:\s*0 1 auto;/);
});
test('问师傅页保留搜索框、答案区和总结卡入口', async () => { test('问师傅页保留搜索框、答案区和总结卡入口', async () => {
const source = await pageSource('../src/pages/user/sop/index.vue'); const source = await pageSource('../src/pages/user/sop/index.vue');