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.
shop-pc/components/UiLineBox.vue

41 lines
658 B

<!--
* @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;
3 years ago
line-height: 42px;
padding: 0 30px;
background: #f8f8f8;
}
&--title{
font-weight: normal;
}
}
</style>