码迷,mamicode.com
首页 > 其他好文 > 详细

013 mint-ui

时间:2019-09-01 01:01:29      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:disabled   temp   ack   dsl   ref   account   def   https   image   

一:概述

1.中文文档

  https://mint-ui.github.io/#!/en

 

2.安装包

  技术图片

 

 

二:mt-button的使用

  主要是介绍css-component

1.程序

  在App.vue下面写

<template>
  <div>
    <h1>这是 App 组件</h1>

    <router-link to="/account">Account list</router-link>
    <router-link to="/goodlist">Goodslist list</router-link>
    <router-view></router-view>

    <br>

    <mt-button type="primary">primary</mt-button> 
    <mt-button type="default">default</mt-button> 
    <mt-button type="danger">danger</mt-button> 

    <br>

    <mt-button size="small" type="primary">small</mt-button>
    <mt-button size="large" type="danger">large</mt-button>
    <mt-button size="normal" type="primary">normal</mt-button>

    <br>

    <mt-button disabled>disabled</mt-button>

    <br>

    <mt-button plain>plain</mt-button>

    <br>

    <mt-button icon="back">back</mt-button>
    <mt-button icon="more">更多</mt-button>


  </div>
</template>

<script>
</script>


<style>

</style>

  

2.效果

  技术图片

 

 

三:toast的使用

  主要是介绍js component

1.

 

013 mint-ui

标签:disabled   temp   ack   dsl   ref   account   def   https   image   

原文地址:https://www.cnblogs.com/juncaoit/p/11441201.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!