组件-Element---Link(文字链接)
2022-10-08 17:22:18
254
{{single.collect_count}}

组件-Element—Link(文字链接)

组件—文字链接

  1. 基础用法
    在这里插入图片描述
    <div><el-link href="https://element.eleme.io" target="_blank">默认链接</el-link><el-link type="primary">主要链接</el-link><el-link type="success">成功链接</el-link><el-link type="warning">警告链接</el-link><el-link type="danger">危险链接</el-link><el-link type="info">信息链接</el-link></div>
  2. 禁用状态
    在这里插入图片描述
    <div><el-link disabled>默认链接</el-link><el-link type="primary" disabled>主要链接</el-link><el-link type="success" disabled>成功链接</el-link><el-link type="warning" disabled>警告链接</el-link><el-link type="danger" disabled>危险链接</el-link><el-link type="info" disabled>信息链接</el-link></div>
  3. 下划线
    在这里插入图片描述
    <div><el-link :underline="false">无下划线</el-link><el-link>有下划线</el-link></div>
  4. 图标
    在这里插入图片描述
    <div><el-link icon="el-icon-edit">编辑</el-link><el-link>查看<i class="el-icon-view el-icon--right"></i> </el-link></div>
  5. Attributes
    在这里插入图片描述
回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}