通知接口

xiangpei

2024-04-07 b2ef755893a694ea07b7ca2f46e4571bbc8e9cb9

 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" v-if="path" @click="toPath">
      <dv-border-box-12>
        <div class="button-text">
          详情
        </div>
      </dv-border-box-12>
    </div>
  </div>
</template>

@@ -11,6 +19,15 @@
    title: {
      type: String,
      required: true
    },
    path: {
      type: String,
      default: ''
    }
  },
  methods: {
    toPath () {
      this.$router.push(this.path);
    }
  }
}
@@ -25,6 +42,7 @@
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;

@@ -36,5 +54,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>