

<template>
  <div class="web2tit">
    <slot></slot>
    <div class="action">
      <slot name="action"></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: "Web3Title"
}
</script>
<style scoped lang="less">
 .web2tit {
   width: 100%;
   height: 48px;
   line-height: 48px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.4);
   /** 文本1 */
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0px;
   color: rgba(255, 255, 255, 1);
   text-align: left;
   vertical-align: top;
   background: url("~/assets/images/new/标题12.png") no-repeat left center;
   background-size: 10px 16px;
   box-sizing: border-box;
   padding-left: 20px;
   position: relative;
   &::after {
     position: absolute;
     bottom: -1px;
     left: 0;
     display: table;
     content: ' ';
     width: 120px;
     height: 2px;
     background: rgba(120, 240, 253, 1);

   }

   .action {
     position: absolute;
     right: 0;
     bottom: 0;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     flex-wrap: nowrap;
     height: 48px;

   }
 }
</style>
