日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

Cell

Cell是列表或者是表單的一項，常用于設置頁的展示，或者用在表單中，作為表單的每一個要填寫的項，Cell必須要放在Cells組件的下面。

示例代碼：

{
  "usingComponents": {
    "mp-cells": "../components/cells/cells",
    "mp-cell": "../components/cell/cell",
    "mp-slideview": "../components/slideview/slideview"
  }
}

    
        Cell
        列表
    
    
        
            
            
                標題文字（使用slot）
                說明文字
            
            
                
            
        

        
            
                
            
            
                
            
        

        
            
                
            
            
                
            
            
                
            
        

    

var base64 = require("../images/base64");
Page({
    onLoad: function(){
        this.setData({
            icon: base64.icon20,
            slideButtons: [{
              text: '普通',
              src: '/page/weui/cell/icon_love.svg', // icon的路徑
            },{
              text: '普通',
              extClass: 'test',
                src: '/page/weui/cell/icon_star.svg', // icon的路徑
            },{
              type: 'warn',
              text: '警示',
              extClass: 'test',
                src: '/page/weui/cell/icon_del.svg', // icon的路徑
            }],
        });
    },
    slideButtonTap(e) {
        console.log('slide button tap', e.detail)
    }
});

屬性列表

屬性	類型	默認值	必填	說明
ext-class	string		否	添加在組件內(nèi)部結構的class，可用于修改組件內(nèi)部的樣式
icon	string		否	Cell的最左側的icon，是本地圖片的路徑，icon和名為icon的slot互斥
title	string		否	Cell最左側的標題，一般用在Form表單組件里面，icon和title二選一，title和名為title的slot互斥
hover	boolean	false	否	是否有hover效果
link	boolean	false	否	右側是有跳轉的箭頭，v1.0后的版本，link: true 會自帶 hover 效果
value	string		是	Cell的值，和默認的slot互斥
show-error	boolean	false	否	用在Form表單組件里面，在表單校驗出錯的時候是否把Cell標為warn狀態(tài)
prop	string		否	用在Form表單組件里面，需要校驗的表單的字段名
footer	string		否	Cell右側區(qū)域的內(nèi)容，和名為footer的slot互斥
inline	boolean		否	用在Form表單組件里面，表示表單項是左右顯示還是上下顯示

Slot

名稱	描述
icon	左側圖標slot
title	標題slot
默認	內(nèi)容slot
footer	右側區(qū)域slot

網(wǎng)頁題目：創(chuàng)新互聯(lián)小程序教程：微信小程序WeUI·Cell
文章轉載：http://www.5511xx.com/article/cohhheo.html