fix(feedback): refine summary and error states
This commit is contained in:
@@ -5,15 +5,17 @@
|
||||
</view>
|
||||
<text class="page-subtitle">填写课堂表现并保存到教学反馈记录。</text>
|
||||
|
||||
<view wx:if="{{errorMessage}}" class="status-banner">
|
||||
<view wx:if="{{errorMessage}}" class="status-banner feedback-error-banner">
|
||||
<view class="status-copy">
|
||||
<text>{{errorMessage}}</text>
|
||||
<view wx:if="{{errorRequestId}}" class="status-request-id">
|
||||
<text>请求编号:{{errorRequestId}}</text>
|
||||
<text class="status-action" bindtap="copyRequestId">复制</text>
|
||||
</view>
|
||||
<text class="feedback-error-message">{{errorMessage}}</text>
|
||||
</view>
|
||||
<view class="feedback-error-footer">
|
||||
<view wx:if="{{errorRequestId}}" class="feedback-error-reference">
|
||||
<text>问题编号:{{errorRequestId}}</text>
|
||||
<button class="feedback-error-copy" bindtap="copyRequestId">复制编号</button>
|
||||
</view>
|
||||
<button class="feedback-error-retry" bindtap="retryLoad">重试</button>
|
||||
</view>
|
||||
<text class="status-action" bindtap="retryLoad">重试</text>
|
||||
</view>
|
||||
|
||||
<view class="feedback-form surface">
|
||||
|
||||
@@ -7,6 +7,76 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.feedback-error-banner {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.feedback-error-message {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feedback-error-footer,
|
||||
.feedback-error-reference {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.feedback-error-footer {
|
||||
justify-content: flex-end;
|
||||
gap: 18rpx;
|
||||
}
|
||||
|
||||
.feedback-error-reference {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
gap: 12rpx;
|
||||
color: #6e6e73;
|
||||
font-size: 21rpx;
|
||||
}
|
||||
|
||||
.feedback-error-reference > text {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.feedback-error-copy,
|
||||
.feedback-error-retry {
|
||||
display: flex;
|
||||
flex: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 56rpx;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 8rpx;
|
||||
font-size: 23rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.feedback-error-copy {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
color: #6e6e73;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.feedback-error-retry {
|
||||
min-width: 104rpx;
|
||||
padding: 0 22rpx;
|
||||
background: #007aff;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.feedback-error-copy::after,
|
||||
.feedback-error-retry::after {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.feedback-field,
|
||||
.content-field {
|
||||
padding: 24rpx;
|
||||
@@ -323,14 +393,18 @@
|
||||
|
||||
.voice-summary-button,
|
||||
.voice-summary-apply-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 72rpx;
|
||||
margin: 0;
|
||||
padding: 0 20rpx;
|
||||
border: 0;
|
||||
border-radius: 8rpx;
|
||||
font-size: 25rpx;
|
||||
font-weight: 600;
|
||||
line-height: 72rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.voice-summary-button {
|
||||
|
||||
Reference in New Issue
Block a user