feat:标题详情

ZhangXianQiang

2024-03-19 d43a535f89617c97f915283ef530b7723449f490

feat:标题详情

 src/views/screen/components/wrapper-title/index.vue

@@ -1,6 +1,14 @@
<template>
  <div class="title-container">
    <span class="title">{{ title }}</span>

    <div class="more-button">
      <dv-border-box-12>
        <div class="button-text">
          详情
        </div>
      </dv-border-box-12>
    </div>
  </div>
</template>

@@ -11,6 +19,9 @@
    title: {
      type: String,
      required: true
    },
    path: {
      type: String,
    }
  }
}
@@ -25,6 +36,7 @@
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;

@@ -36,5 +48,21 @@
    font-size: 20px;
    font-style: italic;
  }

  .more-button {
    width: 100px;
    height: 40px;
    cursor: pointer;

    .button-text {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff81;
      font-size: 20px;
    }
  }
}
</style>