样式优化

src/views/modules/agent/dialog.vue

@@ -52,22 +52,22 @@
                             </div>
                         </div>
                         <div class="icons adfac" v-if="item.answer">
-                            <el-popover  placement="bottom" trigger="hover" content="重新生成">
+                            <el-popover popper-class="icon_pop" placement="bottom" trigger="hover" content="重新生成">
                                 <template #reference>
                                     <img alt="重新生成" :src="isSx?require('@/assets/images/agent/dialog_sx2.png'):require('@/assets/images/agent/dialog_sx1.png')" @click="handleSx(index)" class="f">
                                 </template>
                             </el-popover>
-                            <el-popover  placement="bottom" trigger="hover" content="复制">
+                            <el-popover popper-class="icon_pop" placement="bottom" trigger="hover" content="复制">
                                 <template #reference>
                                     <img alt="复制" :src="isFz?require('@/assets/images/agent/dialog_fz2.png'):require('@/assets/images/agent/dialog_fz1.png')" @click="handleFz(index)">
                                 </template>
                             </el-popover>
-                            <el-popover  placement="bottom" trigger="hover" content="喜欢">
+                            <el-popover popper-class="icon_pop" placement="bottom" trigger="hover" content="喜欢">
                                 <template #reference>
                                     <img alt="喜欢" :src="isDz?require('@/assets/images/agent/dialog_dz2.png'):require('@/assets/images/agent/dialog_dz1.png')" @click="handleDz">
                                 </template>
                             </el-popover>
-                            <el-popover  placement="bottom" trigger="hover" content="评论">
+                            <el-popover popper-class="icon_pop" placement="bottom" trigger="hover" content="评论">
                                 <template #reference>
                                     <img alt="评论" :src="isPl?require('@/assets/images/agent/dialog_pl2.png'):require('@/assets/images/agent/dialog_pl1.png')" @click="handlePl">
                                 </template>
@@ -234,22 +234,23 @@
         isPl.value = !isPl.value;
     }
 </script>
-
+<style>
+.icon_pop{
+    background:#000 !important;
+    min-width: inherit !important;
+    color: #FFFFFF !important;
+    border-radius: 10px;
+    padding: 10px !important;
+}
+.icon_pop .popper__arrow::after{
+    border-bottom-color:#000 !important;
+}
+</style>
 <style scoped lang="scss">
     ::v-deep .el-textarea textarea{
         border: none !important;
         padding: 0 !important;
     }
-    ::v-deep .el-popover{
-        background:#000 !important;
-        min-width: inherit !important;
-        color: #FFFFFF !important;
-        border-radius: 10px;
-        padding: 10px !important;
-    }
-    ::v-deep .popper__arrow::after{
-        border-bottom-color:#000 !important;
-    }
 
     .page{
         width: 100%;