feat: 意见反馈调整

src/components/Feedback/index.vue

@@ -3,38 +3,37 @@
     <view
       class="w-full bg-white border-box border-ff overflow-hidden rounded-20"
     >
-      <image
-        class="order-header w-full"
-        src="https://oss.nianxx.cn/mp/static/version_101/home/feedback_1.png"
-        mode="aspectFill"
-      />
-      <view class="order-content border-box p-12">
+      <view
+        class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-EEF8FF"
+      >
+        <text class="font-size-18 font-500 color-171717 text-left ml-12">
+          {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
+        </text>
+        <image
+          class="header-icon"
+          src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png"
+        />
+      </view>
+
+      <view v-if="!isCallSuccess" class="order-content border-box p-12">
         <view
           class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
         >
           <text class="font-500 line-height-22 mr-20">联系电话</text>
-          <input
-            v-if="!isCallSuccess"
-            placeholder="请填写联系电话"
-            v-model="contactPhone"
-          />
-          <text v-else class="detail-value">{{ contactPhone }}</text>
+          <input placeholder="请填写联系电话" v-model="contactPhone" />
         </view>
         <view
           class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12"
         >
           <view class="font-500 line-height-22 mb-12">意见内容</view>
           <textarea
-            v-if="!isCallSuccess"
             placeholder="请输入反馈意见"
             maxlength="100"
             v-model="contactText"
           />
-          <text v-else class="detail-value">{{ contactText }}</text>
         </view>
 
         <view
-          v-if="!isCallSuccess"
           class="btn rounded-50 color-white bg-button flex flex-items-center flex-justify-center"
           @click="handleCall"
         >
@@ -42,9 +41,16 @@
         </view>
       </view>
 
-      <view
-        class="footer-help flex flex-items-center flex-justify-center mb-12"
-      >
+      <view v-else class="border-box left flex-full p-12">
+        <view class="font-size-12 color-525866 line-height-20 mb-4"
+          >联系方式: {{ contactPhone }}</view
+        >
+        <view class="font-size-12 color-525866 line-height-20 ellipsis-2"
+          >意见内容: {{ contactText }}</view
+        >
+      </view>
+
+      <view class="footer-help flex flex-items-center pl-12 mb-12">
         <image class="help-icon mr-4" src="./images/icon_volume.png" />
         <text class="font-size-12 font-500 color-FA7319">
           {{ appName }}收到您的意见将第一时间为您处理!