bug4修正

src/components/Crud/UD.operation.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-button v-permission="permission.edit" :loading="crud.status.cu === 2" :disabled="disabledEdit" size="mini" type="primary" icon="el-icon-edit" @click="crud.toEdit(data)" />
-    <el-popover v-model="pop" v-permission="permission.del" placement="top" width="180" trigger="manual" @show="onPopoverShow" @hide="onPopoverHide">
+    <el-popover v-model="pop" v-permission="permission.del" placement="top" width="180" trigger="manual" popper-class="myPopover" @show="onPopoverShow" @hide="onPopoverHide">
       <p>{{ msg }}</p>
       <div style="text-align: right; margin: 10px 0 0 0;">
         <el-button size="mini" type="text" @click="doCancel">取消</el-button>
@@ -69,3 +69,35 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+.el-popover.myPopover{
+  background-color: #02255F;
+  color: #fff;
+  box-shadow: 0px 0px 10px #3A99FD inset;
+  border: none;
+  .el-button{
+    background: #3A99FD;
+    &:hover{
+      color: #fff;
+      border: 1px solid #3A99FD;
+      background-color: #02255F;
+    }
+  }
+  .popper__arrow{
+    border: none;
+    &::after{
+    content: '';
+    width: 20px;
+    height: 14px;
+    position: absolute;
+    left: -3px;
+    bottom: 0;
+    border: none;
+    background: url('../../assets/images/pop_sanjiao.png') no-repeat -35px 0;
+    z-index: 11;
+  }
+  }
+}
+
+</style>