import MintUI from 'mint-ui'
Vue.use(MintUI)
<template>
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" >
<div class="mui-scroll">
<a
v-for="(item) in category"
:key="item.id"
:class="['mui-control-item',item.id==0?'mui-active':'']"
@click.prevent="getPhotos(item.id)"
>{{item.title}}</a>
</div>
</div>
</template>
<script>
import mui from "../../lib/mui/js/mui.min.js"
export default {
//页面渲染后执行
mounted() {
this.mui(".mui-scroll-wrapper").scroll({
deceleration: 0.0005
});
},
}
这个特效跟“mui-bar mui-bar-tab” 有冲突,所以同时使用的时候,需要将“mui-bar.mui-bar-tab .mui-tab-item”的名称改变。
将之前的样式复制过来。