前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

vue3.0组件开发 (Card卡片组件)

一个圆角并且四周带有阴影的组件。

先看一下效果图:


基本用法

 <Card>
      <img src="/img/1.png" />
      <h1>燃烧</h1>
      <div class="hot">热度:4409</div>
      <div class="time">上映时间:2020</div>
      <div class="desc">龙城北山山洞发现不明骸骨,城北派出所民警高风和李显到现场勘查并询问目击者。</div>
    </Card>


Card 组件参数:

radius (类型 String)

默认值 "0.3rem",必须带有单位

padding (类型 String)

默认值 "0.4rem",必须带有单位

margin (类型 String)

默认值 "0.4rem",必须带有单位


具体的Card组件源码,请前往github地址获取。

https://github.com/AntJavascript/WidgetUI3.0/blob/master/Card.vue

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言