uView——组件集合

简介

　　1. <u-tabs> 标签：

　　　　作用：该组件，是一个tabs标签组件

　　　　效果：

　　

 

 　　　　属性：

　　　　　　current：菜单索引

　　　　　　list：数组，包含菜单对象。

　　　　　　is-scorll：菜单项能否滑动

　　　　　　gutter：单个tab标签的左右内边距之和，单位rpx

　　　　

　　　　　事件

　　　　　　@change：点击不同菜单触发的事件。会传递当前index索引 

 

　　　　　数据

　　　　　　菜单对象

　　　　　　　　name：菜单名

　　　　　　　　count：菜单项消息数

　　　　　　current：

　　　　　　　　type：int　　

　　　　　　　　作用：菜单项索引

　　　　　　

　　　　　使用：

<u-tabs is-scroll="false" :current="current" :list="tablist" gutter="52" @change="changeTab"></u-tabs>

tablist:[
{
name:"商品详情"
},{
name:"商品评论"
},{
name:"推荐商品",
count:5
}
],
current:0

 

 

 2. 下拉菜单

<u-dropdown>
            <u-dropdown-item v-model="value1" title="距离" :options="options1"></u-dropdown-item>
            <u-dropdown-item v-model="value2" title="温度" :options="options2"></u-dropdown-item>
　　　　</u-dropdown>

 

 

options参数为一个数组，元素为对象，其中label为需要展示的提示文字，value为点击时双向绑定给v-model的值，v-model初始化时如果设置 某个options中的value，则该条目将会被默认选中：