feat: 使用tailwindcss简化style,统一文件命名
This commit is contained in:
@@ -1,36 +0,0 @@
|
||||
<script lang="ts" setup>
|
||||
defineOptions({ name: 'CardTitle' });
|
||||
|
||||
// TODO @jawe from xingyu:https://gitee.com/yudaocode/yudao-ui-admin-vben/pulls/243/files#diff_note_47350213;这个组件没有必要,直接用antdv card 的slot去做就行了,只有这一个地方用,没有必要单独写一个组件
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<span class="card-title">{{ title }}</span>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.card-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
|
||||
&::before {
|
||||
position: relative;
|
||||
top: 8px;
|
||||
left: -5px;
|
||||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 14px;
|
||||
content: '';
|
||||
//background-color: #105cfb;
|
||||
background: var(--el-color-primary);
|
||||
border-radius: 5px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1 +0,0 @@
|
||||
export { default as CardTitle } from './CardTitle.vue';
|
||||
Reference in New Issue
Block a user