【vue组件库搭建02】组件开发

Eric⠀

已于 2024-07-13 20:58:12 修改

阅读量442

点赞数 12

分类专栏：从零搭建组件库文章标签： vue.js 前端 javascript

于 2024-06-23 13:41:11 首次发布

本文链接：https://blog.youkuaiyun.com/m0_73884922/article/details/139898947

版权

1、设计组件

2、搭建目录

components\lib\card\src\main.vue

<template>
  <div class="e-card" :style="width ? { width: width + 'px' } : {}">
    <div
      class="e-card-img"
      :style="imgHeight ? { width: imgHeight + 'px' } : {}"
    >
      <img :src="imgSrc" alt="" />
    </div>

    <div v-if="summary" class="e-card-summary">{
  { summary }}</div>
    <div v-else>
      <slot />
    </div>
    <slot name="footer" />
  </div>
</template>

<script>
export default {
  name: "e-c