Initial commit

2020-06-15 10:58:47 +08:00
commit 4f1dfe7564
8590 changed files with 1516878 additions and 0 deletions
@@ -0,0 +1,64 @@
+<template>
+    <div class="catalogRequestSuccess">
+      <div class="catalogRequestSuccess__icon">
+         <img svg-inline src="../../assets/icons/catalog/request-success.svg" />
+      </div>
+      <p ref="catalogRequestSuccessText" class="catalogRequestSuccess__text text is-small">{{ $t('CatalogDetailPage.requestSuccess')}}</p>
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'CatalogRequestSuccess',
+  mounted () {
+    this.$refs.catalogRequestSuccessText.classList.add('animate');
+  }
+};
+</script>
+
+<style scoped lang="scss">
+@import "new-dashboard/styles/variables";
+
+.catalogRequestSuccess {
+  display: flex;
+  align-items: center;
+  width: 290px;
+
+  &__icon {
+    flex-shrink: 0;
+    width: 28px;
+    height: 28px;
+    margin-top: -4px;
+
+    .circle-path {
+      animation: dash 0.5s linear forwards;
+      animation-delay: 0s;
+      stroke-dasharray: 80;
+      stroke-dashoffset: 80;
+    }
+
+    .check-path {
+      animation: dash 0.5s linear forwards;
+      animation-delay: 0s;
+      stroke-dasharray: 35;
+      stroke-dashoffset: 35;
+    }
+  }
+
+  &__text {
+    margin-left: 24px;
+    transition: opacity 1s ease 0.5s;
+    opacity: 0;
+
+    &.animate {
+      opacity: 1;
+    }
+  }
+}
+
+@keyframes dash {
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+</style>