0.3.0 • Published 4 years ago
showheader v0.3.0
安装
npm i showheader --save
cnpm i showheader --save
yarn add showheade
引入使用
组件引入
import myheader from 'showheader/src/components/theHeader/index';
调用方法
mounted() {
this.$refs.header.handlerRun();
}
DEMO
<template>
<div>
<myheader :height="70" originalBGC="blue" changeBGC="#ff8000" ref="header">
<template>123456798</template>
</myheader>
<div v-for="item in 200" :key="item">{{item}}</div>
</div>
</template>
<script>
import myheader from 'showheader/src/components/theHeader/index';
export default {
components: {
myheader
},
data() {
return {}
},
created() {},
mounted() {
this.$refs.header.handlerRun();
},
methods: {}
}
</script>
API参数
参数名 | 类型 | 默认值 | 描述 |
---|---|---|---|
height | number | 70 | 组件高度 |
originalBGC | string | transparent | 开始颜色 |
changeBGC | string | #fff | 滚动后改变的颜色 |