You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<!--
|
|
|
|
|
* @Author: ch
|
|
|
|
|
* @Date: 2022-05-07 22:40:55
|
|
|
|
|
* @LastEditors: ch
|
|
|
|
|
* @LastEditTime: 2022-05-10 13:48:39
|
|
|
|
|
* @Description: file content
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="ui-line-box">
|
|
|
|
|
<div class="ui-line-box--head">
|
|
|
|
|
<slot name="head">
|
|
|
|
|
<b class="ui-line-box--title">{{title}}</b>
|
|
|
|
|
</slot>
|
|
|
|
|
</div>
|
|
|
|
|
<slot name="body"></slot>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
props : {
|
|
|
|
|
title : {
|
|
|
|
|
type : String,
|
|
|
|
|
default : ''
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.ui-line-box{
|
|
|
|
|
border:1px solid #ddd;
|
|
|
|
|
&--head{
|
|
|
|
|
height: 42px;
|
|
|
|
|
line-height: 42px;
|
|
|
|
|
padding: 0 30px;
|
|
|
|
|
background: #f8f8f8;
|
|
|
|
|
}
|
|
|
|
|
&--title{
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
