feat: dark mode

Vben

2021-04-07 5b8eb4a49a097a47caf491c44df427522ab58daa

 src/views/demo/page/list/search/index.vue

@@ -15,7 +15,9 @@
          <a-list-item>
            <a-list-item-meta>
              <template #description>
                <div :class="`${prefixCls}__content`">{{ item.content }}</div>
                <div :class="`${prefixCls}__content`">
                  {{ item.content }}
                </div>
                <div :class="`${prefixCls}__action`">
                  <template v-for="(action, index) in actions" :key="index">
                    <div :class="`${prefixCls}__action-item`">
@@ -32,10 +34,14 @@
                </div>
              </template>
              <template #title>
                <p :class="`${prefixCls}__title`"> {{ item.title }}</p>
                <p :class="`${prefixCls}__title`">
                  {{ item.title }}
                </p>
                <div>
                  <template v-for="(tag, index) in item.description" :key="index">
                    <Tag class="mb-2">{{ tag }}</Tag>
                    <Tag class="mb-2">
                      {{ tag }}
                    </Tag>
                  </template>
                </div>
              </template>
@@ -85,7 +91,7 @@

    &__container {
      padding: 12px;
      background: #fff;
      background: @component-background;
    }

    &__title {
@@ -94,7 +100,7 @@
    }

    &__content {
      color: rgba(0, 0, 0, 0.65);
      color: @text-color-secondary;
    }

    &__action {
@@ -103,7 +109,7 @@
      &-item {
        display: inline-block;
        padding: 0 16px;
        color: rgba(0, 0, 0, 0.45);
        color: @text-color-secondary;

        &:nth-child(1) {
          padding-left: 0;
@@ -111,7 +117,7 @@

        &:nth-child(1),
        &:nth-child(2) {
          border-right: 1px solid rgba(206, 206, 206, 0.4);
          border-right: 1px solid @border-color-base;
        }
      }