fix : 1.修改正式服问题

src/assets/img/yj/Keyboard.svg

@@ -0,0 +1,12 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Keyboard (&#233;&#148;&#174;&#231;&#155;&#152;)">
+<path id="Vector" d="M14.0002 25.6668C20.4435 25.6668 25.6668 20.4435 25.6668 14.0002C25.6668 7.55684 20.4435 2.3335 14.0002 2.3335C7.55684 2.3335 2.3335 7.55684 2.3335 14.0002C2.3335 20.4435 7.55684 25.6668 14.0002 25.6668Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M8.74984 11.0832C9.55525 11.0832 10.2082 10.4302 10.2082 9.62484C10.2082 8.81943 9.55525 8.1665 8.74984 8.1665C7.94443 8.1665 7.2915 8.81943 7.2915 9.62484C7.2915 10.4302 7.94443 11.0832 8.74984 11.0832Z" fill="#666666"/>
+<path id="Vector_3" fill-rule="evenodd" clip-rule="evenodd" d="M8.74984 15.7502C9.55525 15.7502 10.2082 15.0972 10.2082 14.2918C10.2082 13.4864 9.55525 12.8335 8.74984 12.8335C7.94443 12.8335 7.2915 13.4864 7.2915 14.2918C7.2915 15.0972 7.94443 15.7502 8.74984 15.7502Z" fill="#666666"/>
+<path id="Vector_4" fill-rule="evenodd" clip-rule="evenodd" d="M13.9998 11.0832C14.8052 11.0832 15.4582 10.4302 15.4582 9.62484C15.4582 8.81943 14.8052 8.1665 13.9998 8.1665C13.1944 8.1665 12.5415 8.81943 12.5415 9.62484C12.5415 10.4302 13.1944 11.0832 13.9998 11.0832Z" fill="#666666"/>
+<path id="Vector_5" fill-rule="evenodd" clip-rule="evenodd" d="M13.9998 15.7502C14.8052 15.7502 15.4582 15.0972 15.4582 14.2918C15.4582 13.4864 14.8052 12.8335 13.9998 12.8335C13.1944 12.8335 12.5415 13.4864 12.5415 14.2918C12.5415 15.0972 13.1944 15.7502 13.9998 15.7502Z" fill="#666666"/>
+<path id="Vector_6" fill-rule="evenodd" clip-rule="evenodd" d="M19.2498 11.0832C20.0552 11.0832 20.7082 10.4302 20.7082 9.62484C20.7082 8.81943 20.0552 8.1665 19.2498 8.1665C18.4444 8.1665 17.7915 8.81943 17.7915 9.62484C17.7915 10.4302 18.4444 11.0832 19.2498 11.0832Z" fill="#666666"/>
+<path id="Vector_7" fill-rule="evenodd" clip-rule="evenodd" d="M19.2498 15.7502C20.0552 15.7502 20.7082 15.0972 20.7082 14.2918C20.7082 13.4864 20.0552 12.8335 19.2498 12.8335C18.4444 12.8335 17.7915 13.4864 17.7915 14.2918C17.7915 15.0972 18.4444 15.7502 19.2498 15.7502Z" fill="#666666"/>
+<path id="Vector_8" d="M9.9165 19.25H18.0832" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

src/pages/yj/[id].vue

@@ -229,7 +229,7 @@
                   </div>
                   <div
                     @click.stop="addReply(item)"
-                    class="text-base text-black-3"
+                    class="break-all whitespace-normal text-base text-black-3"
                     v-html="coveredContent(item?.commentContent)"
                   ></div>
                 </div>
@@ -301,7 +301,7 @@
                           </span>
                           <span
                             @click.stop="addReply(subItem, item.id)"
-                            class="text-base text-black-3"
+                            class="break-all whitespace-normal text-base text-black-3"
                             v-html="coveredContent(subItem?.commentContent)"
                           ></span>
                         </div>
@@ -444,8 +444,20 @@
             @focus="textareaFocus"
           />
           <div class="w-full flex justify-between items-center mb-5">
-            <img @click="openEmoji" src="~/assets/img/yj/emoji.png" class="w-28 h-28" alt="" />
-
+            <img
+              v-if="showEmoji"
+              @click="openEmoji"
+              src="~/assets/img/yj/Keyboard.svg"
+              class="w-28 h-28"
+              alt=""
+            />
+            <img
+              v-else
+              @click="openEmoji"
+              src="~/assets/img/yj/emoji.png"
+              class="w-28 h-28"
+              alt=""
+            />
             <div
               @click="addComment"
               :class="`pt-6 pb-6 pl-20 pr-20 mr-5 ${commentValue ? 'bg-[#FD9A00]' : 'bg-[#999999]'} bg-[#FD9A00] text-[#fff] flex items-center justify-center rounded-full shrink-0`"
@@ -1076,7 +1088,6 @@ onMounted(() => {
   flex: 1;
   background: #f5f5f5;
   border: 1px solid #dcdcdc;
-  // padding: 5px px;
 }
 
 .emoji-box {