yanf-ui v1.0.3

yan ui 组件库

快速开始

1.安装组件库

npm i yanf-ui

2.引用组件库

//全部引用
import 'yanf-ui/dist/css/index.css'
import YUI from 'yanf-ui'
Vue.use(YUI)
//按需引用
import 'yanf-ui/dist/css/demo.css'
import {Demo} from 'yanf-ui'
Vue.use(Demo)

<!-- html 使用 -->

<!-- 默认样式 -->
<m-card
  imgSrc="logo.png"
  summary="你好大萨达多撒所大所"
/>
<!-- 自定义slot -->
<m-card
  imgSrc="logo.png"
  summary="你好大萨达多撒所大所"
>
  <template v-slot:footer>
    <div class="footer">
      <div class="a">231231</div>
      <div class="b">23121</div>
    </div>
  </template>
</m-card>

<!-- 自定义图片宽高 -->
<m-card
  imgSrc="logo.png"
  :width="370"
  :imgHeight="90"
>
  你好大萨达多撒所大所
</m-card>