fly/rcs5.0_new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rcs5.0 commit

Browse Source
This commit is contained in:
wangxinfei
2025-05-19 17:29:51 +08:00
commit e8af49b0f5
720 changed files with 175022 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/rcs_5.0/src/views/demos/examples/link.vue
Vendored
+92
View File
@@ -0,0 +1,92 @@
<template>
<div class="content">
<e-row :gutter="24">
<e-col :span="24" class="box-card">
<e-card shadow="always">
<div slot="header" class="clearfix">
<span>基本用法</span>
</div>
<div>
<e-link href="https://element.eleme.io" target="_blank">默认链接</e-link>
<e-link type="primary">主要链接</e-link>
<e-link type="success">成功链接</e-link>
<e-link type="warning">警告链接</e-link>
<e-link type="danger">危险链接</e-link>
<e-link type="info">信息链接</e-link>
</div>
</e-card>
</e-col>
<e-col :span="24" class="box-card">
<e-card shadow="always">
<div slot="header" class="clearfix">
<span>禁用状态</span>
</div>
<div>
<e-link disabled>默认链接</e-link>
<e-link type="primary" disabled>主要链接</e-link>
<e-link type="success" disabled>成功链接</e-link>
<e-link type="warning" disabled>警告链接</e-link>
<e-link type="danger" disabled>危险链接</e-link>
<e-link type="info" disabled>信息链接</e-link>
</div>
</e-card>
</e-col>
<e-col :span="24" class="box-card">
<e-card shadow="always">
<div slot="header" class="clearfix">
<span>下划线</span>
</div>
<div>
<e-link :underline="false">无下划线</e-link>
<e-link>有下划线</e-link>
</div>
</e-card>
</e-col>
<e-col :span="24" class="box-card">
<e-card shadow="always">
<div slot="header" class="clearfix">
<span>图标</span>
</div>
<div>
<e-link icon="el-icon-edit">编辑</e-link>
<e-link>查看<i class="el-icon-view el-icon--right"></i> </e-link>
</div>
</e-card>
</e-col>
</e-row>
</div>
</template>
<script>
export default {
components: {},
data() {
return {
}
},
mounted() {
},
methods: {
}
}
</script>
<style>
.marginLeft {
margin-left: 10px
}
.content {
height: 100%;
padding: 30px;
background:#fff;
}
.block {
display: inline-block;
margin-left: 10px;
}
.box-card .el-col{
margin-bottom:10px;
}
</style>