封装一个button案例

<template>
  <el-card shadow="hover" class="card">
    <div class="btn" :style="css"><i :class="iconClass"></i> {{text}}</div>
  </el-card>
</template>

<script>
export default {
  name: "CardButton",
  data() {
    return {};
  },
  props: {
    iconClass: {
      //作用是请求的时候提供数据,还有整明为子集评论框

      type: String,

      default() {
        return "";
      },
    },
    text: {
      //作用是请求的时候提供数据,还有整明为子集评论框

      type: String,

      default() {
        return null;
      },
    },
    css: {
      //作用是请求的时候提供数据,还有整明为子集评论框

      type: String,

      default() {
        return "";
      },
    },
  },
};
</script>

<style scoped>
.btn {
  text-align: center;
}
.card{
  cursor:pointer;
}
</style>

© 2021 hanbaoaaa record.浙ICP备20005263号
asdad
联系方式 asdasd
2021-5-8 4:19
sss
回复数 (0) 点击展开
加载更多

新增评论

称呼
联系方式
邮箱(选填)
内容

提交

取消