style(login): 去除冗余卡片堆叠,大幅提升品牌Logo与名称视觉分量,极致简约留白
这个提交包含在:
@@ -10,7 +10,7 @@ function read(rel: string): string {
|
||||
return fs.readFileSync(path.join(adminRoot, rel), 'utf8');
|
||||
}
|
||||
|
||||
test('1. 登录表单样式必须大气宽适并符合设计规范', () => {
|
||||
test('1. 登录表单样式必须大气宽适并放大品牌Logo', () => {
|
||||
const style = read('src/pages/login/style/index.module.less');
|
||||
|
||||
// 必须扩展表单宽度至 400px 以上,杜绝 320px 局促感
|
||||
@@ -25,11 +25,23 @@ test('1. 登录表单样式必须大气宽适并符合设计规范', () => {
|
||||
'交互元素必须包含 44px 触控尺寸'
|
||||
);
|
||||
|
||||
// 品牌Logo尺寸必须显著加大(例如 56px 以上)
|
||||
assert.ok(
|
||||
/width:\s*(56|60|64|72|80)px/.test(style),
|
||||
'品牌Logo尺寸必须显著加大更显大气'
|
||||
);
|
||||
|
||||
// 品牌字号必须显著加大(例如 32px 以上)
|
||||
assert.ok(
|
||||
/font-size:\s*(32|36|40|44|48)px/.test(style),
|
||||
'品牌名称字号必须放大'
|
||||
);
|
||||
|
||||
// 严禁纯黑 #000
|
||||
assert.ok(!style.includes('#000;'), '严禁使用纯黑 #000');
|
||||
});
|
||||
|
||||
test('2. 彻底去除模板化 AI 味与外部廉价插画', () => {
|
||||
test('2. 彻底去除多余卡片堆叠与模板化 AI 味', () => {
|
||||
const banner = read('src/pages/login/banner.tsx');
|
||||
|
||||
// 彻底移除 byteimg 外部模板插画
|
||||
@@ -38,10 +50,14 @@ test('2. 彻底去除模板化 AI 味与外部廉价插画', () => {
|
||||
'严禁使用 Arco 外部模板图纸插画'
|
||||
);
|
||||
|
||||
// 必须包含 OmniCard 全球商务品牌核心能力(全球覆盖、访客雷达、安全合规)
|
||||
// 去除多余的指标卡片堆叠(画蛇添足),聚焦大品牌展示
|
||||
assert.ok(!banner.includes('banner-cards'), '去除多余的卡片堆叠,保持极致简约');
|
||||
assert.ok(!banner.includes('banner-metric-card'), '去除指标微卡片');
|
||||
|
||||
// 必须包含 OmniCard 品牌主张
|
||||
assert.ok(
|
||||
banner.includes('Global') || banner.includes('global') || banner.includes('Radar') || banner.includes('radar'),
|
||||
'左侧品牌看板必须包含全球商业与访客雷达相关能力陈列'
|
||||
banner.includes('OmniCard'),
|
||||
'左侧品牌看板必须聚焦 OmniCard 核心品牌'
|
||||
);
|
||||
|
||||
// 严禁 emoji 作为图标
|
||||
|
||||
在新工单中引用
屏蔽一个用户