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，則該條目將會被默認選中：