添加建议反馈

src/components/main/feedback.vue

@@ -4,6 +4,17 @@
             反馈
         </span>
         <br /> -->
+        <img
+            class="fankui_icon"
+            src="@/assets/icon/fankui2.jpg"
+            alt=""
+            v-draggable="{
+                updatePosition: handlePositionUpdate2,
+                onClick: gofankui
+            }"
+            :style="{ left: position2.x + 'px', top: position2.y + 'px' }"
+        >
+
         <div class="draggable-window" 
             v-draggable="{
                 updatePosition: handlePositionUpdate,
@@ -12,7 +23,7 @@
             :style="{ left: position.x + 'px', top: position.y + 'px' }">
             <div class="window-header">
                 <span>
-                    <el-icon>
+                    <el-icon style="font-size: 20px;">
                         <ChatRound />
                     </el-icon>
                     <br />
@@ -44,7 +55,7 @@
             </div>
         </template>
     </el-dialog>
-    <el-drawer v-model="dialogVisible2" width="100%" direction="rtl" :size="Full_Screen ? '  100%' : '30%'">
+    <el-drawer v-model="dialogVisible2" style="min-width: 350px;" width="100%" direction="rtl" :size="Full_Screen ? '  100%' : '30%'">
         <template #header>
             <div style="display: flex; align-items: center;">
                 <img style="cursor: pointer;width: 24px;margin-left: 15px;" :src="!Full_Screen ? FullScreen : noFullScreen"
@@ -159,20 +170,31 @@ const vDraggable = {
 
 const position = ref({ 
     x: window.innerWidth - 115, // 屏幕宽度减去元素宽度
-	y: window.innerHeight - 150, // 屏幕高度减去元素高度 
+	y: window.innerHeight - 190, // 屏幕高度减去元素高度 
+});
+const position2 = ref({ 
+    x: window.innerWidth - 90, // 屏幕宽度减去元素宽度
+	y: window.innerHeight - 280, // 屏幕高度减去元素高度 
 });
-
 const handlePositionUpdate = (newPos) => {
   // 直接修改 reactive 对象的属性
   position.value.x = newPos.x;
   position.value.y = newPos.y;
 //   console.log('位置更新:', position);
 };
+const handlePositionUpdate2 = (newPos) => {
+  position2.value.x = newPos.x;
+  position2.value.y = newPos.y;
+};
 const openxiaoKe = () => {
 //   console.log('点击事件触发');
   dialogVisible2.value = true
 };
 
+const gofankui = () => {
+    window.open("https://cocoroboltd.feishu.cn/share/base/form/shrcn6mVspp24lw91QY08DF0dIh")
+}
+
 const goFeedback = () => {
     // top.location.href = "https://bbs.cocorobo.cn/"
     dialogVisible.value = true
@@ -203,34 +225,37 @@ const updateReduction = () => {
 <style lang="scss" scoped>
 .Feedback {
     position: fixed;
-    bottom: 50px;
+    bottom: 120px;
     right: 30px;
-    background: #fff;
-    padding: 10px 0;
-    border-radius: 30px;
-    text-align: center;
-    box-shadow: 1px 2px 1px 2px #f1f1f1;
     z-index: 100;
-
-    span {
-        display: inline-block;
-        padding: 10px 8px;
-        cursor: pointer;
-        font-size: 14px;
-    }
+    position: fixed;
 }
 .draggable-window {
+    flex-direction: column;gap: 5px;
+}
+.fankui_icon {
     position: fixed;
-    background: #fff;
-    padding: 10px 0;
-    border-radius: 30px;
-    text-align: center;
+    width: 58px;
+    border-radius: 50%;
     box-shadow: 1px 2px 1px 2px #f1f1f1;
     z-index: 100;
+    cursor: pointer;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 3px;
+    box-sizing: border-box;
+    margin-bottom: 10px;
 }
-
 .window-header {
         position: relative;
+        background: #fff;
+        padding: 10px 0;
+        border-radius: 30px;
+        text-align: center;
+        box-shadow: 1px 2px 1px 2px #f1f1f1;
+        z-index: 100;
         span {
             display: inline-block;
             padding: 10px 8px;