itemStyle菜单item的样式String | Object{ height: '44px' }- scrollable菜单是否可滚动Booleantruefalse current当前选中标签的索引String | Number0- keyName从list元素对象中读取的键名Stringname- #Events 事件名说明回调参数版本 click点击标签时触发index: 标签索引值,item: 传入的其他值- ...
<view class="u-tab-item u-line-1" :id="'u-tab-item-' + index" v-for="(item, index) in list" :key="index" @tap="clickTab(index)" :style="[tabItemStyle(index)]"> <view class=""> <slot name="toptext" v-if="slotShow"> </slot> </view> <u-badge :count="item[count]...
<view class="u-tabs-item" :style="[tabItemStyle(index)]" v-for="(item, index) in getTabs" :key="index" :class="[preId + index]" @tap="emit(index)"> <!-- {{ item[name] || item['name']}} --> <slot v-bind:item="item"> {{ item[name] || item['name']}} </slot...
有少部分参数是传来的,也有部分样式是全局的,使用的时候可以自行调整 <template> <div class="useCount" id="useCount"> <div class="useCount-top"> <span class="downloadData-icon" @click="downloadData"> <i class="el-icon-download" style="color: #6f7383"></i> </span> <div class="change...
<template slot="top"> <u-tabs ref="uTabs" :list="tabList" :is-scroll="true" :current="tabCurrent" @change="tabChange" active-color="#101010" inactive-color="#A8A8A8" :bar-style="barStyle" font-size="25" :active-item-style="activeItemStyle" /> ...
let{tabs,tabItemStyle,scrollWithAnimation}=this.props let{active}=this.state return( tabs.length&&<ScrollViewclassName="tab-list"scrollXscrollWithAnimation={scrollWithAnimation} scrollIntoView={`tab-${active>=2?(active-2) :0}`} > <ViewclassName="tab-list__container"> ...
:style="[tabItemStyle(index)]"> <u-badge:count="item[count] || item['count'] || 0":offset="offset"size="mini"></u-badge> {{ item[name] || item['name']}} </view> <viewv-if="showBar"class="u-tab-bar":style="[tabBarStyle]"></view> ...