askbot-dragon 1.0.13 → 1.0.14

package/src/components/message/swiper/ticketSwiperItem.vue

@@ -1,61 +1,61 @@
-<template>
-  <div class="slide" :class="{bottomClass:content.multiple===true}">
-    <slot></slot>
-  </div>
-</template>
-<script>
-export default {
-  props:{
-    content:{
-      type:Object,
-      default(){
-        return {}
-      }
-  }
-  },
-  mounted() {
-    // 下方防止在网速慢的情况下，slide的count数不准确
-   /* this.$store.commit("slideCountChange", 1);
-    if (this.$store.state.slideCount == this.count) {
-      this.$emit("slideEven");
-      this.$store.commit("slideCountChange", -this.count);
-    }*/
-  }
-};
-</script>
-<style lang="less">
-/*.slide {
-  width: 100%;
-  flex-shrink: 0;
-  transition: 300ms;
-  text-align: center;
-  align-items: center;
-  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-  !* Center slide text vertically *!
-  margin-bottom: 16px;
-  font-size: 13px;
-
-}
-.slide img {
-  height: 160px;
-  border-radius: 10px;
-  object-fit: contain;
-}*/
-.bottomClass{
-  margin-bottom: 18px;
-}
-.slide {
-  width: 100%;
-  flex-shrink: 0;
-  text-align: center;
-  align-items: center;
-
-}
-.slide a{
-  color: #0000ee;
-}
-.slide img {
-  object-fit: contain;
-  width: 100%;
-}
-</style>
+<template>
+  <div class="slide" :class="{bottomClass:content.multiple===true}">
+    <slot></slot>
+  </div>
+</template>
+<script>
+export default {
+  props:{
+    content:{
+      type:Object,
+      default(){
+        return {}
+      }
+  }
+  },
+  mounted() {
+    // 下方防止在网速慢的情况下，slide的count数不准确
+   /* this.$store.commit("slideCountChange", 1);
+    if (this.$store.state.slideCount == this.count) {
+      this.$emit("slideEven");
+      this.$store.commit("slideCountChange", -this.count);
+    }*/
+  }
+};
+</script>
+<style lang="less">
+/*.slide {
+  width: 100%;
+  flex-shrink: 0;
+  transition: 300ms;
+  text-align: center;
+  align-items: center;
+  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+  !* Center slide text vertically *!
+  margin-bottom: 16px;
+  font-size: 13px;
+
+}
+.slide img {
+  height: 160px;
+  border-radius: 10px;
+  object-fit: contain;
+}*/
+.bottomClass{
+  margin-bottom: 18px;
+}
+.slide {
+  width: 100%;
+  flex-shrink: 0;
+  text-align: center;
+  align-items: center;
+
+}
+.slide a{
+  color: #0000ee;
+}
+.slide img {
+  object-fit: contain;
+  width: 100%;
+}
+</style>

package/src/components/msgLoading.vue

@@ -1,231 +1,231 @@
-<template>
-  <div class="media-body-loadings">
-    <svg viewBox="0 0 120 120" width="24px" height="24px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-      <g id="circle" class="g-circles g-circles--v1">
-        <circle id="12" transform="translate(35, 16.698730) rotate(-30) translate(-35, -16.698730) " cx="35" cy="16.6987298" r="10"></circle>
-        <circle id="11" transform="translate(16.698730, 35) rotate(-60) translate(-16.698730, -35) " cx="16.6987298" cy="35" r="10"></circle>
-        <circle id="10" transform="translate(10, 60) rotate(-90) translate(-10, -60) " cx="10" cy="60" r="10"></circle>
-        <circle id="9" transform="translate(16.698730, 85) rotate(-120) translate(-16.698730, -85) " cx="16.6987298" cy="85" r="10"></circle>
-        <circle id="8" transform="translate(35, 103.301270) rotate(-150) translate(-35, -103.301270) " cx="35" cy="103.30127" r="10"></circle>
-        <circle id="7" cx="60" cy="110" r="10"></circle>
-        <circle id="6" transform="translate(85, 103.301270) rotate(-30) translate(-85, -103.301270) " cx="85" cy="103.30127" r="10"></circle>
-        <circle id="5" transform="translate(103.301270, 85) rotate(-60) translate(-103.301270, -85) " cx="103.30127" cy="85" r="10"></circle>
-        <circle id="4" transform="translate(110, 60) rotate(-90) translate(-110, -60) " cx="110" cy="60" r="10"></circle>
-        <circle id="3" transform="translate(103.301270, 35) rotate(-120) translate(-103.301270, -35) " cx="103.30127" cy="35" r="10"></circle>
-        <circle id="2" transform="translate(85, 16.698730) rotate(-150) translate(-85, -16.698730) " cx="85" cy="16.6987298" r="10"></circle>
-        <circle id="1" cx="60" cy="10" r="10"></circle>
-      </g>
-
-      <use xlink:href="#circle" class="use"/>
-    </svg>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "msgLoading",
-  data() {
-    return {
-      name: "",
-    };
-  },
-  methods:{
-  },
-  mounted() {
-  }
-};
-</script>
-
-<style lang="less">
-@import "../assets/less/converSationContainer/common";
-
-.label {
-  font-family: 'Raleway', serif;
-  font-size: 14px;
-  text-transform: uppercase;
-  margin-top: 15px;
-}
-.circle__progress--fill {
-  --initialStroke: 0;
-  --transitionDuration: 0;
-  stroke-opacity: 1;
-  stroke-dasharray: var(--initialStroke);
-  stroke-dashoffset: var(--initialStroke);
-  transition: stroke-dashoffset var(--transitionDuration) ease;
-}
-.circle__svg {
-  transform: rotate(-90deg);
-}
-.media-body-loadings {
-  background-color: #DEE3F0;
- /* background-color: #f4f8fc;*/
- /* border: 1px solid #f4f8fc;*/
-  word-break: break-word;
-/*  box-shadow: 0px 0px 5px 0px rgba(76, 97, 255, 0.38);*/
-  flex: 1;
-  text-align: left;
-  .bot_loading {
-    height: 4px;
-    line-height: 1px;
-    margin: 7px auto;
-    text-align: center;
-  }
-  .bot_loading span {
-    // margin-top: 7px;
-    display: inline-block;
-    width: 4px;
-    border-radius: 3px;
-    height: 100%;
-    margin-right: 3px;
-    margin-bottom: 2px;
-    background: #333333;
-    -webkit-animation:bot_load 1.04s ease infinite;
-  }
-  // .bot_loading span:last-child {
-  //   margin-right: 0px;
-  // }
-  @-webkit-keyframes bot_load {
-    0% {
-      opacity: 1;
-      -webkit-transform: scale(1);
-    }
-    100% {
-      opacity: 0;
-      -webkit-transform: scale(0);
-    }
-  }
-
-  .bot_loading span:nth-child(1) {
-    -webkit-animation-delay: 0.13s;
-  }
-  .bot_loading span:nth-child(2) {
-    -webkit-animation-delay: 0.39s;
-  }
-  .bot_loading span:nth-child(3) {
-    -webkit-animation-delay: 0.52s;
-  }
-  .bot_loading span:nth-child(4) {
-    -webkit-animation-delay: 0.65s;
-  }
-}
-@keyframes dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-    stroke-opacity: 0;
-  }
-  50% {
-    stroke-dasharray: 130, 200;
-    stroke-dashoffset: -50;
-    stroke-opacity: 0.5;
-  }
-  100% {
-    stroke-dasharray: 130, 200;
-    stroke-dashoffset: -188;
-    stroke-opacity: 1;
-  }
-}
-.loading {
-  stroke: #FFFFFF;
-  stroke-width: 4;
-  fill: none;
-  animation: dash 2.5s linear infinite;
-  border-radius: 20px;
- /* stroke-opacity: 0.6;*/
-}
-.left{fill:url(#left);}
-.right{fill:url(#right);}
-.top{fill:#9DBFE4;}
-@keyframes load{
-  0%{
-    transform:rotate(0)
-  }
-  50%{
-    transform:rotate(180deg)
-  }
-  100%{
-    transform:rotate(360deg)
-  }
-}
-#load{animation:load 2s  linear infinite; transform-origin:center center; }
-.g-circles {
-  -webkit-transform: scale(0.9) translate(7px, 7px);
-  -ms-transform: scale(0.9) translate(7px, 7px);
-  transform: scale(0.9) translate(7px, 7px);
-}
-
-circle {
-  fill: #FFFFFF;
-  fill-opacity: 0;
-  -webkit-animation: opacity 1.2s linear infinite;
-  animation: opacity 1.2s linear infinite;
-}
-circle:nth-child(12n + 1) {
-  -webkit-animation-delay: -0.1s;
-  animation-delay: -0.1s;
-}
-circle:nth-child(12n + 2) {
-  -webkit-animation-delay: -0.2s;
-  animation-delay: -0.2s;
-}
-circle:nth-child(12n + 3) {
-  -webkit-animation-delay: -0.3s;
-  animation-delay: -0.3s;
-}
-circle:nth-child(12n + 4) {
-  -webkit-animation-delay: -0.4s;
-  animation-delay: -0.4s;
-}
-circle:nth-child(12n + 5) {
-  -webkit-animation-delay: -0.5s;
-  animation-delay: -0.5s;
-}
-circle:nth-child(12n + 6) {
-  -webkit-animation-delay: -0.6s;
-  animation-delay: -0.6s;
-}
-circle:nth-child(12n + 7) {
-  -webkit-animation-delay: -0.7s;
-  animation-delay: -0.7s;
-}
-circle:nth-child(12n + 8) {
-  -webkit-animation-delay: -0.8s;
-  animation-delay: -0.8s;
-}
-circle:nth-child(12n + 9) {
-  -webkit-animation-delay: -0.9s;
-  animation-delay: -0.9s;
-}
-circle:nth-child(12n + 10) {
-  -webkit-animation-delay: -1s;
-  animation-delay: -1s;
-}
-circle:nth-child(12n + 11) {
-  -webkit-animation-delay: -1.1s;
-  animation-delay: -1.1s;
-}
-circle:nth-child(12n + 12) {
-  -webkit-animation-delay: -1.2s;
-  animation-delay: -1.2s;
-}
-
-@-webkit-keyframes opacity {
-  3% {
-    fill-opacity: 1;
-  }
-
-  75% {
-    fill-opacity: 0;
-  }
-}
-
-@keyframes opacity {
-  3% {
-    fill-opacity: 1;
-  }
-
-  75% {
-    fill-opacity: 0;
-  }
-}
-</style>
+<template>
+  <div class="media-body-loadings">
+    <svg viewBox="0 0 120 120" width="24px" height="24px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+      <g id="circle" class="g-circles g-circles--v1">
+        <circle id="12" transform="translate(35, 16.698730) rotate(-30) translate(-35, -16.698730) " cx="35" cy="16.6987298" r="10"></circle>
+        <circle id="11" transform="translate(16.698730, 35) rotate(-60) translate(-16.698730, -35) " cx="16.6987298" cy="35" r="10"></circle>
+        <circle id="10" transform="translate(10, 60) rotate(-90) translate(-10, -60) " cx="10" cy="60" r="10"></circle>
+        <circle id="9" transform="translate(16.698730, 85) rotate(-120) translate(-16.698730, -85) " cx="16.6987298" cy="85" r="10"></circle>
+        <circle id="8" transform="translate(35, 103.301270) rotate(-150) translate(-35, -103.301270) " cx="35" cy="103.30127" r="10"></circle>
+        <circle id="7" cx="60" cy="110" r="10"></circle>
+        <circle id="6" transform="translate(85, 103.301270) rotate(-30) translate(-85, -103.301270) " cx="85" cy="103.30127" r="10"></circle>
+        <circle id="5" transform="translate(103.301270, 85) rotate(-60) translate(-103.301270, -85) " cx="103.30127" cy="85" r="10"></circle>
+        <circle id="4" transform="translate(110, 60) rotate(-90) translate(-110, -60) " cx="110" cy="60" r="10"></circle>
+        <circle id="3" transform="translate(103.301270, 35) rotate(-120) translate(-103.301270, -35) " cx="103.30127" cy="35" r="10"></circle>
+        <circle id="2" transform="translate(85, 16.698730) rotate(-150) translate(-85, -16.698730) " cx="85" cy="16.6987298" r="10"></circle>
+        <circle id="1" cx="60" cy="10" r="10"></circle>
+      </g>
+
+      <use xlink:href="#circle" class="use"/>
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "msgLoading",
+  data() {
+    return {
+      name: "",
+    };
+  },
+  methods:{
+  },
+  mounted() {
+  }
+};
+</script>
+
+<style lang="less">
+@import "../assets/less/converSationContainer/common";
+
+.label {
+  font-family: 'Raleway', serif;
+  font-size: 14px;
+  text-transform: uppercase;
+  margin-top: 15px;
+}
+.circle__progress--fill {
+  --initialStroke: 0;
+  --transitionDuration: 0;
+  stroke-opacity: 1;
+  stroke-dasharray: var(--initialStroke);
+  stroke-dashoffset: var(--initialStroke);
+  transition: stroke-dashoffset var(--transitionDuration) ease;
+}
+.circle__svg {
+  transform: rotate(-90deg);
+}
+.media-body-loadings {
+  background-color: #DEE3F0;
+ /* background-color: #f4f8fc;*/
+ /* border: 1px solid #f4f8fc;*/
+  word-break: break-word;
+/*  box-shadow: 0px 0px 5px 0px rgba(76, 97, 255, 0.38);*/
+  flex: 1;
+  text-align: left;
+  .bot_loading {
+    height: 4px;
+    line-height: 1px;
+    margin: 7px auto;
+    text-align: center;
+  }
+  .bot_loading span {
+    // margin-top: 7px;
+    display: inline-block;
+    width: 4px;
+    border-radius: 3px;
+    height: 100%;
+    margin-right: 3px;
+    margin-bottom: 2px;
+    background: #333333;
+    -webkit-animation:bot_load 1.04s ease infinite;
+  }
+  // .bot_loading span:last-child {
+  //   margin-right: 0px;
+  // }
+  @-webkit-keyframes bot_load {
+    0% {
+      opacity: 1;
+      -webkit-transform: scale(1);
+    }
+    100% {
+      opacity: 0;
+      -webkit-transform: scale(0);
+    }
+  }
+
+  .bot_loading span:nth-child(1) {
+    -webkit-animation-delay: 0.13s;
+  }
+  .bot_loading span:nth-child(2) {
+    -webkit-animation-delay: 0.39s;
+  }
+  .bot_loading span:nth-child(3) {
+    -webkit-animation-delay: 0.52s;
+  }
+  .bot_loading span:nth-child(4) {
+    -webkit-animation-delay: 0.65s;
+  }
+}
+@keyframes dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+    stroke-opacity: 0;
+  }
+  50% {
+    stroke-dasharray: 130, 200;
+    stroke-dashoffset: -50;
+    stroke-opacity: 0.5;
+  }
+  100% {
+    stroke-dasharray: 130, 200;
+    stroke-dashoffset: -188;
+    stroke-opacity: 1;
+  }
+}
+.loading {
+  stroke: #FFFFFF;
+  stroke-width: 4;
+  fill: none;
+  animation: dash 2.5s linear infinite;
+  border-radius: 20px;
+ /* stroke-opacity: 0.6;*/
+}
+.left{fill:url(#left);}
+.right{fill:url(#right);}
+.top{fill:#9DBFE4;}
+@keyframes load{
+  0%{
+    transform:rotate(0)
+  }
+  50%{
+    transform:rotate(180deg)
+  }
+  100%{
+    transform:rotate(360deg)
+  }
+}
+#load{animation:load 2s  linear infinite; transform-origin:center center; }
+.g-circles {
+  -webkit-transform: scale(0.9) translate(7px, 7px);
+  -ms-transform: scale(0.9) translate(7px, 7px);
+  transform: scale(0.9) translate(7px, 7px);
+}
+
+circle {
+  fill: #FFFFFF;
+  fill-opacity: 0;
+  -webkit-animation: opacity 1.2s linear infinite;
+  animation: opacity 1.2s linear infinite;
+}
+circle:nth-child(12n + 1) {
+  -webkit-animation-delay: -0.1s;
+  animation-delay: -0.1s;
+}
+circle:nth-child(12n + 2) {
+  -webkit-animation-delay: -0.2s;
+  animation-delay: -0.2s;
+}
+circle:nth-child(12n + 3) {
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+circle:nth-child(12n + 4) {
+  -webkit-animation-delay: -0.4s;
+  animation-delay: -0.4s;
+}
+circle:nth-child(12n + 5) {
+  -webkit-animation-delay: -0.5s;
+  animation-delay: -0.5s;
+}
+circle:nth-child(12n + 6) {
+  -webkit-animation-delay: -0.6s;
+  animation-delay: -0.6s;
+}
+circle:nth-child(12n + 7) {
+  -webkit-animation-delay: -0.7s;
+  animation-delay: -0.7s;
+}
+circle:nth-child(12n + 8) {
+  -webkit-animation-delay: -0.8s;
+  animation-delay: -0.8s;
+}
+circle:nth-child(12n + 9) {
+  -webkit-animation-delay: -0.9s;
+  animation-delay: -0.9s;
+}
+circle:nth-child(12n + 10) {
+  -webkit-animation-delay: -1s;
+  animation-delay: -1s;
+}
+circle:nth-child(12n + 11) {
+  -webkit-animation-delay: -1.1s;
+  animation-delay: -1.1s;
+}
+circle:nth-child(12n + 12) {
+  -webkit-animation-delay: -1.2s;
+  animation-delay: -1.2s;
+}
+
+@-webkit-keyframes opacity {
+  3% {
+    fill-opacity: 1;
+  }
+
+  75% {
+    fill-opacity: 0;
+  }
+}
+
+@keyframes opacity {
+  3% {
+    fill-opacity: 1;
+  }
+
+  75% {
+    fill-opacity: 0;
+  }
+}
+</style>