feat(ai-recommend): 添加 AI 生成内容标识
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user