mpvue中引入iview weapp标签使用方法(一)

**在组件的main.json文件中引入标签,最为重要
mpvue中引入iview weapp标签使用方法(一)_第1张图片

(一)列表 ------(i-cell-group/i-cell)


	
	
	
	
		
	

mpvue中引入iview weapp标签使用方法(一)_第2张图片
(二)卡片 ------(i-card)


  		 内容不错
   		局部内容

效果图
mpvue中引入iview weapp标签使用方法(一)_第3张图片
(三)标签栏-------(i-tabbar)


    	
    	
    	
    	

---------------------------------------------------------
data(){
    return{
        current:'homepage'    
    }
}
---------------------------------------------------------
methods:{
    handleClick(event){
        this.current=event.target.key;
    },
}

代码图
在这里插入图片描述
mpvue中引入iview weapp标签使用方法(一)_第4张图片
在这里插入图片描述
效果图
mpvue中引入iview weapp标签使用方法(一)_第5张图片
(四)标签 -------(tabs)


    	
    	
    	
    	

------------------------------------------------
data(){
    return{
        current:'homepage'    
    }
}
----------------------------------------------
methods:{
    handleClick(event){
        this.current=event.target.key;
    },
}

代码图
mpvue中引入iview weapp标签使用方法(一)_第6张图片
mpvue中引入iview weapp标签使用方法(一)_第7张图片
效果图
mpvue中引入iview weapp标签使用方法(一)_第8张图片

你可能感兴趣的:(mpvue中引入iview weapp标签使用方法(一))