4119bfc303
- 左侧「私聊/收藏/举报」独立成 bar-actions 组：固定 76rpx 宽、flex-shrink:0、文案 nowrap，杜绝被价格块挤压换行 - 价格块改为右对齐两行展示：小字标签「当前选定」+ 金额(独立 ¥ 符号，大号加粗)，不再与标签挤在一行 - 「立即预约」按钮 flex-shrink:0 + min-width 220rpx，胶囊圆角(999rpx)，保证任何机型都可点且不被压缩 - 未认证大神的提示改为独立的 guest-tip（右对齐、单行） - 底部栏高度改为 min-height+内边距并保留安全区；暖色主题同步补充 summary-sym/guest-tip 配色 - 新增回归护栏 detail-bottom-bar.spec.ts（99 套件/681 用例全绿）
36 行
1.4 KiB
TypeScript
36 行
1.4 KiB
TypeScript
// 已读取AGENTS.md
|
|
import * as fs from 'fs';
|
|
import * as path from 'path';
|
|
|
|
/**
|
|
* 第八十三批：大神详情页底部操作栏布局（不换行、不被压缩、价格块右对齐）。
|
|
*/
|
|
describe('第八十三批详情页底部栏布局闸门', () => {
|
|
const root = path.resolve(__dirname, '../../');
|
|
const detail = fs.readFileSync(path.join(root, 'pwuniapp/pages/expert/detail.vue'), 'utf-8');
|
|
|
|
it('底部栏左侧图标动作独立成组，固定宽度不换行', () => {
|
|
expect(detail).toContain('<view class="bar-actions">');
|
|
expect(detail).toContain('.bar-actions {');
|
|
expect(detail).toContain('flex-shrink: 0;');
|
|
expect(detail).toContain('white-space: nowrap;');
|
|
});
|
|
|
|
it('价格块右对齐两行展示（标签+金额），金额独立符号', () => {
|
|
expect(detail).toContain('<text class="summary-label">当前选定</text>');
|
|
expect(detail).toContain('class="summary-price-row"');
|
|
expect(detail).toContain('class="summary-sym"');
|
|
expect(detail).toContain('align-items: flex-end;');
|
|
});
|
|
|
|
it('预约按钮不被压缩且最小宽度保证可点击', () => {
|
|
expect(detail).toContain('min-width: 220rpx;');
|
|
expect(detail).toContain('border-radius: 999rpx;');
|
|
});
|
|
|
|
it('兼容暖色主题的底部栏配色', () => {
|
|
expect(detail).toContain('.guest-tip-text');
|
|
expect(detail).toContain('color: #EA580C;');
|
|
});
|
|
});
|