fix(feedback): contain error banner actions

This commit is contained in:
zhangheng
2026-07-22 20:45:44 +08:00
parent 4b5b91e766
commit 71923f372f
2 changed files with 11 additions and 17 deletions

View File

@@ -12,7 +12,7 @@
<icon type="clear" size="16" color="#9B2C27" /> <icon type="clear" size="16" color="#9B2C27" />
</button> </button>
</view> </view>
<view class="feedback-error-actions {{errorRequestId ? '' : 'feedback-error-actions-single'}}"> <view class="feedback-error-actions">
<button wx:if="{{errorRequestId}}" class="feedback-error-copy" aria-label="复制问题编号" bindtap="copyRequestId">复制编号</button> <button wx:if="{{errorRequestId}}" class="feedback-error-copy" aria-label="复制问题编号" bindtap="copyRequestId">复制编号</button>
<button class="feedback-error-retry" loading="{{errorRetrying}}" disabled="{{errorRetrying}}" bindtap="retryError">重试</button> <button class="feedback-error-retry" loading="{{errorRetrying}}" disabled="{{errorRetrying}}" bindtap="retryError">重试</button>
</view> </view>

View File

@@ -24,18 +24,14 @@
} }
.feedback-error-actions { .feedback-error-actions {
display: grid; display: flex;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center; align-items: center;
width: 100%; width: 100%;
gap: 10rpx; min-width: 0;
gap: 12rpx;
margin-top: 8rpx; margin-top: 8rpx;
} }
.feedback-error-actions-single {
grid-template-columns: minmax(0, 1fr);
}
.feedback-error-message { .feedback-error-message {
display: block; display: block;
min-width: 0; min-width: 0;
@@ -77,8 +73,12 @@
.feedback-error-copy, .feedback-error-copy,
.feedback-error-retry { .feedback-error-retry {
display: flex; display: flex;
flex: 1 1 0;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 0;
min-width: 0;
max-width: none;
height: 62rpx; height: 62rpx;
margin: 0; margin: 0;
border: 0; border: 0;
@@ -90,18 +90,12 @@
} }
.feedback-error-copy { .feedback-error-copy {
width: 100%;
min-width: 0;
max-width: none;
padding: 0; padding: 0;
background: rgba(155, 44, 39, 0.08); background: #f1f3f6;
color: #9b2c27; color: #6e6e73;
} }
.feedback-error-retry { .feedback-error-retry {
width: 100%;
min-width: 0;
max-width: none;
padding: 0; padding: 0;
background: #007aff; background: #007aff;
color: #ffffff; color: #ffffff;
@@ -124,7 +118,7 @@
} }
.feedback-error-copy:active { .feedback-error-copy:active {
background: rgba(155, 44, 39, 0.14); background: #e5e5ea;
} }
.feedback-error-retry:active { .feedback-error-retry:active {