[调整] panel 组件代码结构
This commit is contained in:
7
src/module/panel/index.less
Normal file
7
src/module/panel/index.less
Normal file
@@ -0,0 +1,7 @@
|
||||
.layui-panel {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 2px;
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
@@ -6,4 +6,4 @@ Component.install = (app: App) => {
|
||||
app.component(Component.name || 'LayPanel', Component)
|
||||
}
|
||||
|
||||
export default Component as IDefineComponent
|
||||
export default Component as IDefineComponent
|
||||
@@ -1,6 +1,15 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "LayPanel"
|
||||
}
|
||||
</script>
|
||||
|
||||
<script setup lang="ts">
|
||||
import "./index.less"
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="layui-panel">
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
<script setup name="LayPanel" lang="ts"></script>
|
||||
</template>
|
||||
Reference in New Issue
Block a user