fix(viewer): remove tap-more like hint from photo action bar (user request)
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -39,16 +39,16 @@ describe('photo action bar (UI-02 V04)', () => {
|
||||
vi.restoreAllMocks();
|
||||
});
|
||||
|
||||
it('renders like/share/download as evenly distributed slots with formatted count and hint', () => {
|
||||
it('renders like/share/download as evenly distributed slots with formatted count (no tap-more hint)', () => {
|
||||
const wrapper = mountBar({ likeCount: 1286, canDownload: true });
|
||||
|
||||
// 三个 action-slot flex 均分(下载隐藏时由剩余 slot 自然重排,见下例)。
|
||||
expect(wrapper.findAll('.action-slot')).toHaveLength(3);
|
||||
const labels = wrapper.findAll('.action-label').map((label) => label.text());
|
||||
expect(labels).toEqual(['点赞', '分享', '下载']);
|
||||
// 计数 Intl 分组 + tabular-nums 容器;Like 下方次级提示(§5.1)。
|
||||
// 计数 Intl 分组 + tabular-nums 容器;「连续点击」提示已按用户要求移除。
|
||||
expect(wrapper.find('.like-count').text()).toBe('1,286');
|
||||
expect(wrapper.find('.like-hint').text()).toBe('连续点击,为照片点赞');
|
||||
expect(wrapper.find('.like-hint').exists()).toBe(false);
|
||||
});
|
||||
|
||||
it('removes the download action entirely when downloads are disabled', () => {
|
||||
|
||||
@@ -89,8 +89,6 @@ onBeforeUnmount(cancelPress);
|
||||
<span class="like-count">{{ likeCountText }}</span>
|
||||
<span class="action-label">{{ t('viewer.like') }}</span>
|
||||
</button>
|
||||
<!-- §5.1:Like 下方次级提示(12px),说明可连续点赞。 -->
|
||||
<p class="like-hint">{{ t('viewer.tapMore') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="action-slot">
|
||||
@@ -227,20 +225,13 @@ onBeforeUnmount(cancelPress);
|
||||
:global(.viewer-reduced-motion) .like-icon {
|
||||
animation: none;
|
||||
}
|
||||
/* 参考稿:计数 16px/700(tabular-nums);次级提示 #b4b9c1、12px。 */
|
||||
/* 参考稿:计数 16px/700(tabular-nums)。 */
|
||||
.like-count {
|
||||
font-variant-numeric: tabular-nums;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.like-hint {
|
||||
margin: 4px 0 0;
|
||||
color: #b4b9c1;
|
||||
font-size: 12px;
|
||||
line-height: 1.3;
|
||||
text-align: center;
|
||||
}
|
||||
.action-label {
|
||||
font-size: 0.8125rem;
|
||||
color: rgba(255, 255, 255, 0.92);
|
||||
|
||||
@@ -89,7 +89,6 @@ export default {
|
||||
photoViewer: 'Photo viewer',
|
||||
photoPreview: 'Photo preview',
|
||||
loadedCount: '{count} loaded',
|
||||
tapMore: 'Tap to send more love',
|
||||
download: 'Download',
|
||||
downloadBrowse: 'Browse',
|
||||
downloadOriginal: 'Original',
|
||||
|
||||
@@ -89,7 +89,6 @@ export default {
|
||||
photoViewer: '照片查看器',
|
||||
photoPreview: '照片预览',
|
||||
loadedCount: '已加载 {count} 张',
|
||||
tapMore: '连续点击,为照片点赞',
|
||||
download: '下载',
|
||||
downloadBrowse: '浏览图',
|
||||
downloadOriginal: '原图',
|
||||
|
||||
Reference in New Issue
Block a user