<template>
  <div class="models">
    <div class="title" v-if="title">
      <span>{{ title }}</span>
    </div>
    <div>
      <slot />
    </div>
  </div>
</template>
<script>
export default {
  name: "model",
  props: {
    title: "",
  },
};
</script>
<style lang="less" scoped>
.models {
  width: 100%;
  height: 100%;

  border-radius: 7px 7px 7px 7px;
  // background: rgba(0, 43, 89, 0.8);
  // box-sizing: border-box;
  // border: 1px solid #061c66;
  // padding-bottom: 15px;
  .title {
    width: 95%;
    margin: 0 auto;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0;
    background: url("../assets/image/title_bg@2x.png") no-repeat center;
    background-size: 100% 80%;
    text-align: left;
    text-indent: 30px;
    span {
      background: linear-gradient(180deg, #03fcbe 0%, #02f3f7 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }
  }
}
</style>
