feat(ai-recommend): 添加 AI 生成内容标识

This commit is contained in:
2026-09-17 11:44:16 +08:00
parent f0503c7ad7
commit 7cd6c169c2
2 changed files with 39 additions and 0 deletions
@@ -59,6 +59,11 @@ module.exports = { cls: cls }
<text wx:if="{{result.scene}}" class="pill pill--line">{{result.scene}}</text>
<text class="pill pill--ink">AI 推荐</text>
</view>
<!-- AI 生成内容标识:结果本身由 AI 生成,展示处显式标注 -->
<view class="ai-note ai-note--result">
<view class="icon icon-sparkles"></view>
<text>内容由 AI 生成,仅供参考</text>
</view>
<view class="t-bd ai-desc">{{result.outfit_desc}}</view>
</view>
@@ -127,6 +132,11 @@ module.exports = { cls: cls }
</view>
<view class="sheet-foot">
<view class="btn btn--ink btn--block" bindtap="onStartGenerate">开始生成(消耗 1 次推荐额度)</view>
<!-- AI 生成内容标识:细字注释,弱于主按钮与次级入口 -->
<view class="ai-note ai-note--sheet">
<view class="icon icon-sparkles"></view>
<text>内容由 AI 生成,仅供参考</text>
</view>
<view class="sheet-more" bindtap="onAiPending">
<text>查看我的 AI 穿搭</text>
<view class="icon icon-chevron-right"></view>
@@ -159,6 +159,35 @@
color: var(--ink-4);
}
/* AI 生成内容标识:细字 + 线稿图标,弱于内容与操作区 */
.ai-note {
display: flex;
align-items: center;
gap: 10rpx;
font-size: 21rpx;
line-height: 1.5;
letter-spacing: .02em;
color: var(--ink-3);
}
.ai-note .icon {
width: 24rpx;
height: 24rpx;
color: var(--ink-4);
flex-shrink: 0;
}
/* 场景抽屉内:居中,与主按钮留出呼吸区间 */
.ai-note--sheet {
justify-content: center;
margin-top: 24rpx;
}
/* 结果页:跟在标签行下方,左对齐 */
.ai-note--result {
margin-top: 22rpx;
}
/* 场景抽屉底部:进入 AI 穿搭管理页的文字入口 */
.sheet-more {
display: flex;