drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

修改showInkInFixed为showInk，如果设为true则永远显示小圆点

Browse source
This commit is contained in:
zhigang.li 2018-07-02 17:18:27 +08:00
parent 145be7a6ad
commit cf9a399e7e
2 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/routers/anchor.vue
View file

@ -3,7 +3,7 @@
<div class="link-wrapper"> <div class="link-wrapper">
<Button @click="changeCon">修改为Window</Button> <Button @click="changeCon">修改为Window</Button>
<Button @click="andLink">添加一个连接</Button> <Button @click="andLink">添加一个连接</Button>
<Anchor :bounds="100" @on-change="handleChange" @on-select="handleSelect" :style="{right: '100px'}" :affix="true" :offset-top="30" :scroll-offset="100" :container="scrollCon" show-ink-in-fixed> <Anchor :bounds="100" @on-change="handleChange" @on-select="handleSelect" :style="{right: '100px'}" :affix="true" :offset-top="30" :scroll-offset="100" :container="scrollCon" show-ink>
<AnchorLink v-if="(link - 1) % 30 === 0" v-for="link in 300" :key="`link${link}`" :href="`#title-${link}`" :title="`title-${link}`"> <AnchorLink v-if="(link - 1) % 30 === 0" v-for="link in 300" :key="`link${link}`" :href="`#title-${link}`" :title="`title-${link}`">
<AnchorLink :scroll-offset="20" v-if="link === 61" href="#title-child-69" title="title-child-69"/> <AnchorLink :scroll-offset="20" v-if="link === 61" href="#title-child-69" title="title-child-69"/>
</AnchorLink> </AnchorLink>

7
src/components/anchor/anchor.vue
View file

@ -3,7 +3,7 @@
<div :class="`${prefix}-wrapper`" :style="wrapperStyle"> <div :class="`${prefix}-wrapper`" :style="wrapperStyle">
<div :class="`${prefix}`"> <div :class="`${prefix}`">
<div :class="`${prefix}-ink`"> <div :class="`${prefix}-ink`">
<span v-show="showInkBall" :class="`${prefix}-ink-ball`" :style="{top: `${inkTop}px`}"></span> <span v-show="showInk" :class="`${prefix}-ink-ball`" :style="{top: `${inkTop}px`}"></span>
</div> </div>
<slot></slot> <slot></slot>
</div> </div>
@ -50,7 +50,7 @@ export default {
default: 5 default: 5
}, },
container: [String, HTMLElement], container: [String, HTMLElement],
showInkInFixed: { showInk: {
type: Boolean, type: Boolean,
default: false default: false
}, },
@ -70,9 +70,6 @@ export default {
}, },
containerIsWindow () { containerIsWindow () {
return this.scrollContainer === window; return this.scrollContainer === window;
},
showInkBall () {
return this.showInkInFixed && (this.isAffixed || (!this.isAffixed && !this.upperFirstTitle && this.scrollContainer !== window));
} }
}, },
methods: { methods: {