内容提交

whychdw

2024-12-18 45b4ff5c0b824d2e5b51a6af3c44076d05f0214d

 src/components/HdwCard/index.vue

@@ -19,6 +19,7 @@
<template>
  <div class="hdw-card" :class="[isFull && 'is-full', title && 'is-has-title']">
    <div v-if="title" class="hdw-card-title">
      <img src="./images/arrow_mark.png" alt="" />
      {{title}}
    </div>
    <div class="hdw-card-content">
@@ -30,7 +31,7 @@
<style scoped lang="scss">
.hdw-card {
  box-shadow: 0 0 12px rgba(0,0,0,0.2);
  padding: 8px;
  padding: 0 8px 8px 8px;
  border-radius: 4px;
  &.is-full {
    height: 100%;
@@ -46,12 +47,17 @@
  }

  .hdw-card-title {
    color: var(--light-color);
    margin-left: -8px;
    margin-right: -8px;
    padding: 4px 16px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
    padding: 8px;
    border-bottom: 1px solid #00feff30;
    font-weight: 700;
    font-size: 14px;
    img {
      width: auto;
      height: 10px;
    }
  }
}
</style>