mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
06f6844509
* refactor(theme-chalk): rewrite palette & remove -base suffix * refactor(theme-chalk): container as default bg-color * refactor(theme-chalk): add fill-color-blank * fix(docs): fill-color-light for code-bg
42 lines
835 B
Vue
42 lines
835 B
Vue
<template>
|
|
<table class="demo-border">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text">Name</td>
|
|
<td class="text">Thickness</td>
|
|
<td class="line">Demo</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text">Solid</td>
|
|
<td class="text">1px</td>
|
|
<td class="line">
|
|
<div></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text">Dashed</td>
|
|
<td class="text">2px</td>
|
|
<td class="line">
|
|
<div class="dashed"></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</template>
|
|
<style scoped>
|
|
.demo-border .text {
|
|
width: 15%;
|
|
}
|
|
.demo-border .line {
|
|
width: 70%;
|
|
}
|
|
.demo-border .line div {
|
|
width: 100%;
|
|
height: 0;
|
|
border-top: 1px solid getCssVar('border-color');
|
|
}
|
|
.demo-border .line .dashed {
|
|
border-top: 2px dashed getCssVar('border-color');
|
|
}
|
|
</style>
|