feat(voice): add reusable transcript records

pages/feedback/index.wxss

@@ -44,6 +44,36 @@
   font-size: 23rpx;
 }
 
+.content-actions {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+}
+
+.content-clear-button,
+.voice-record-text-button,
+.voice-record-add-button {
+  width: auto;
+  min-width: 0;
+  height: 48rpx;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  font-size: 23rpx;
+  line-height: 48rpx;
+}
+
+.content-clear-button::after,
+.voice-record-text-button::after,
+.voice-record-add-button::after {
+  border: 0;
+}
+
+.content-clear-button {
+  color: #b8322d;
+}
+
 .feedback-textarea {
   width: 100%;
   min-height: 280rpx;
@@ -154,10 +184,107 @@
   flex: none;
   margin-left: 10rpx;
   color: #8e8e93;
-  font-size: 38rpx;
+  font-size: 30rpx;
   line-height: 1;
 }
 
+.voice-record-list {
+  width: 100%;
+  border-top: 1rpx solid #d8d8dc;
+  border-bottom: 1rpx solid #d8d8dc;
+}
+
+.voice-record-list-heading,
+.voice-record-header,
+.voice-record-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16rpx;
+}
+
+.voice-record-list-heading {
+  min-height: 64rpx;
+  color: #6e6e73;
+  font-size: 23rpx;
+  font-weight: 600;
+}
+
+.voice-record-item {
+  padding: 18rpx 0;
+  border-top: 1rpx solid #e5e5ea;
+}
+
+.voice-record-header > view {
+  min-width: 0;
+}
+
+.voice-record-title {
+  color: #1c1c1e;
+  font-size: 26rpx;
+  font-weight: 600;
+}
+
+.voice-record-duration {
+  margin-left: 12rpx;
+  color: #8e8e93;
+  font-size: 22rpx;
+}
+
+.voice-record-status {
+  flex: none;
+  color: #46715b;
+  font-size: 22rpx;
+}
+
+.voice-record-transcript,
+.voice-record-empty {
+  margin-top: 12rpx;
+  color: #3a3a3c;
+  font-size: 24rpx;
+  line-height: 1.55;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+.voice-record-transcript {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+
+.voice-record-transcript-expanded {
+  display: block;
+  overflow: visible;
+}
+
+.voice-record-empty {
+  display: block;
+  color: #8e8e93;
+}
+
+.voice-record-actions {
+  min-height: 48rpx;
+  margin-top: 10rpx;
+}
+
+.voice-record-text-button {
+  color: #6e6e73;
+}
+
+.voice-record-add-button {
+  margin-left: auto;
+  color: #007aff;
+  font-weight: 600;
+}
+
+.voice-record-add-button[disabled],
+.content-clear-button[disabled] {
+  color: #aeaeb2;
+  opacity: 1;
+}
+
 .recording-time {
   flex: none;
   margin-left: 12rpx;