diff --git a/components/popover/__tests__/__snapshots__/demo.test.js.snap b/components/popover/__tests__/__snapshots__/demo.test.js.snap
index c920deaf3..c6f07de80 100644
--- a/components/popover/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popover/__tests__/__snapshots__/demo.test.js.snap
@@ -1,13 +1,19 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/popover/demo/arrow-point-at-center.vue correctly 1`] = `
-
-
- Align edge / 边缘对齐
-
-
- Arrow points to center / 箭头指向中心
-
+
+
+
+ Align edge / 边缘对齐
+
+
+
+
+
+ Arrow points to center / 箭头指向中心
+
+
+
`;
diff --git a/components/popover/demo/arrow-point-at-center.vue b/components/popover/demo/arrow-point-at-center.vue
index 5f410c4d0..01774f9d8 100644
--- a/components/popover/demo/arrow-point-at-center.vue
+++ b/components/popover/demo/arrow-point-at-center.vue
@@ -16,7 +16,7 @@ The arrow points to the center of the target element, which set `arrowPointAtCen
-
+
Content
@@ -37,5 +37,5 @@ The arrow points to the center of the target element, which set `arrowPointAtCen
Arrow points to center / 箭头指向中心
-
+
diff --git a/components/popover/style/customize.less b/components/popover/style/customize.less
deleted file mode 100644
index a62efbd9c..000000000
--- a/components/popover/style/customize.less
+++ /dev/null
@@ -1,3 +0,0 @@
-@import './index.less';
-
-.popover-customize-bg(@popover-prefix-cls, @popover-background);
diff --git a/components/popover/style/index.less b/components/popover/style/index.less
index 1d53bc393..16c71fa26 100644
--- a/components/popover/style/index.less
+++ b/components/popover/style/index.less
@@ -99,6 +99,7 @@
color: @warning-color;
font-size: @font-size-base;
}
+
&-title {
padding-left: @font-size-base + 8px;
}
@@ -149,6 +150,7 @@
transform: translateY((-@popover-arrow-rotate-width / 2)) rotate(45deg);
}
}
+
&-placement-top &-arrow {
left: 50%;
transform: translateX(-50%);
@@ -172,13 +174,16 @@
transform: translateX((@popover-arrow-rotate-width / 2)) rotate(45deg);
}
}
+
&-placement-right &-arrow {
top: 50%;
transform: translateY(-50%);
}
+
&-placement-rightTop &-arrow {
top: @popover-arrow-offset-vertical;
}
+
&-placement-rightBottom &-arrow {
bottom: @popover-arrow-offset-vertical;
}