mint ui cell
vue 2018-07-25 14:33:15

 1.png

XML/HTML Code复制内容到剪贴板
  1. <mt-cell title="系统介绍" is-link>  
  2.     <i slot="icon" class="icon iconfont system"></i>  
  3. </mt-cell>  
  4. <mt-cell title="退出登录" is-link>  
  5.     <i slot="icon" class="icon iconfont quit"></i>  
  6. </mt-cell>  

 

 

 

 

XML/HTML Code复制内容到剪贴板
  1. <div class="page-cell">  
  2.   <div class="page-title">Cell</div>  
  3.   <mt-cell title="标题文字"></mt-cell>  
  4.   <mt-cell title="标题文字" value="说明文字"></mt-cell>  
  5.   <mt-cell title="标题文字" icon="more" value="带 icon"></mt-cell>  
  6.   <mt-cell title="标题文字" icon="more">  
  7.     <span>icon 是图片</span>  
  8.     <img slot="icon" src="../assets/100x100.png" width="24" height="24">  
  9.   </mt-cell>  
  10.   <mt-cell title="标题文字" is-link value="带链接"></mt-cell>  
  11.   <mt-cell title="标题文字" is-link>  
  12.     <span style="color: green">这里是元素</span>  
  13.   </mt-cell>  
  14.   <mt-cell title="标题文字">  
  15.     <mt-button size="small" type="primary" icon="back">按钮</mt-button>  
  16.   </mt-cell>  
  17.   
  18.   <mt-cell title="标题" label="描述信息" is-link></mt-cell>  
  19.   
  20.   <mt-cell title="原生跳转" label="跳转到 https://mint-ui.github.io" is-link to="https://mint-ui.github.io"></mt-cell>  
  21.   <mt-cell title="路由跳转" label="跳转到 /#/toast" is-link :to="{ name: 'Toast' }"></mt-cell>  
  22. </div>  

 

本文来自于：http://www.yoyo88.cn/study/vue/352.html

上一篇 进度条
下一篇 ant design pro for vue
相关的文章
Powered by yoyo苏ICP备15045725号