diff --git a/src/components/base/popper.js b/src/components/base/popper.js index bb4b2226..2f0d4386 100644 --- a/src/components/base/popper.js +++ b/src/components/base/popper.js @@ -90,14 +90,14 @@ export default { if (!options.modifiers.offset) { options.modifiers.offset = {}; } - options.modifiers.offset = this.offset; + options.modifiers.offset.offset = this.offset; options.onCreate =()=>{ this.$nextTick(this.updatePopper); this.$emit('created', this); }; this.popperJS = new Popper(reference, popper, options); - + }, updatePopper() { if (isServer) return; @@ -112,7 +112,7 @@ export default { }, updated (){ this.$nextTick(()=>this.updatePopper()); - + }, beforeDestroy() { if (isServer) return; diff --git a/src/styles/components/poptip.less b/src/styles/components/poptip.less index 00e871c6..7ec8576e 100644 --- a/src/styles/components/poptip.less +++ b/src/styles/components/poptip.less @@ -69,6 +69,7 @@ bottom: 1px; margin-left: -@poptip-arrow-width; border-bottom-width: 0; + border-top-width: @poptip-arrow-width; border-top-color: #fff; } @@ -77,6 +78,7 @@ left: 1px; bottom: -@poptip-arrow-width; border-left-width: 0; + border-right-width: @poptip-arrow-width; border-right-color: #fff; } @@ -85,6 +87,7 @@ top: 1px; margin-left: -@poptip-arrow-width; border-top-width: 0; + border-bottom-width: @poptip-arrow-width; border-bottom-color: #fff; } @@ -92,6 +95,7 @@ content: " "; right: 1px; border-right-width: 0; + border-left-width: @poptip-arrow-width; border-left-color: #fff; bottom: -@poptip-arrow-width; }