askbot-dragon 1.6.76-beta → 1.6.76

package/src/components/utils/math_utils.js

@@ -1,29 +1,29 @@
-//生成从minNum到maxNum-1的随机数
-function randomNum(minNum,maxNum){
-    switch(arguments.length){
-        case 1:
-            return parseInt(Math.random()*minNum+1,10)-1;
-        case 2:
-            return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10)-1;
-        default:
-            return 0;
-    }
-}
-function uniqueData(tempArr) {
-    let result = [];
-    let obj = {};
-    if (!tempArr){
-        return []
-    }
-    for (let i = 0; i < tempArr.length; i++) {
-        if (!obj[tempArr[i].value]) {
-            result.push(tempArr[i]);
-            obj[tempArr[i].value] = true;
-        }
-    }
-    return result;
-}
-export {
-    randomNum,
-    uniqueData
-}
+//生成从minNum到maxNum-1的随机数
+function randomNum(minNum,maxNum){
+    switch(arguments.length){
+        case 1:
+            return parseInt(Math.random()*minNum+1,10)-1;
+        case 2:
+            return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10)-1;
+        default:
+            return 0;
+    }
+}
+function uniqueData(tempArr) {
+    let result = [];
+    let obj = {};
+    if (!tempArr){
+        return []
+    }
+    for (let i = 0; i < tempArr.length; i++) {
+        if (!obj[tempArr[i].value]) {
+            result.push(tempArr[i]);
+            obj[tempArr[i].value] = true;
+        }
+    }
+    return result;
+}
+export {
+    randomNum,
+    uniqueData
+}

package/src/components/voiceComponent.vue

@@ -1,120 +1,123 @@
-<template>
-  <div id="voice-component">
-    <div id="voice-component-container">
-      <div id="voice-component-c">
-        <div class="voice-btn">
-          <i class="iconfont arsenalchess-pawn-solid"></i>
-        </div>
-      </div>
-      <div class="close-voice" @click="closeVoice">
-        <div class="voice-style">
-          <i class="arsenal_icon arsenalcuo1"></i>
-        </div>
-      </div>
-      <div class="voice-tip">
-        <slot name="voiceTip"></slot>
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-export default {
-  name: "voice_component",
-  data(){
-    return{
-
-    }
-  },
-  methods:{
-    closeVoice(){
-      this.$emit('closeVoice')
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-#voice-component{
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  z-index: 9999;
-  left: 0;
-  #voice-component-container{
-    position: relative;
-   /* .half-top-ovals{
-      width: 130%;
-      position: relative;
-      left: -15%;
-      height: 80px;
-      padding-bottom: 40px;
-      padding-right: 20px;
-      padding-left: 20px;
-     !* width: 200px;*!
-      background: lightcoral;
-      border-radius: 50% 50% 0 0;
-    }*/
-    #voice-component-c{
-      height: 200px;
-      width: 130%;
-      position: relative;
-      left: -15%;
-      bottom: -80px;
-      background: linear-gradient(180deg, #EEF1F7, #FFFFFF);
-      border: 2px solid white;
-      border-radius: 100% 100% 0 0;
-      border-bottom: none;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      .voice-btn{
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        position: absolute;
-        top: 50px;
-        i{
-          color: #366aff;
-          font-size: 30px;
-        }
-      }
-    }
-    .voice-tip{
-      width: 100%;
-      position: absolute;
-      top: -40px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #FFFFFF;
-      font-size: 13px;
-    }
-    .close-voice{
-      width: 100%;
-      position: absolute;
-      top: -35px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      .voice-style{
-        width: 60px;
-        height: 60px;
-        background: #EEF1F7;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: all 0.3s;
-        i{
-          font-size: 24px;
-          color: #999999;
-          transition: all 0.3s;
-        }
-      }
-    }
-  }
-
-}
+<template>
+  <div id="voice-component">
+    <div id="voice-component-container">
+      <div id="voice-component-c">
+        <div class="voice-btn">
+          <i class="iconfont arsenalchess-pawn-solid"></i>
+        </div>
+      </div>
+      <div class="close-voice" @click="closeVoice">
+        <div class="voice-style">
+          <i class="arsenal_icon arsenalcuo1"></i>
+        </div>
+      </div>
+      <div class="voice-tip">
+        <slot name="voiceTip"></slot>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: "voice_component",
+  data(){
+    return{
+
+    }
+  },
+  methods:{
+    closeVoice(){
+      this.$emit('closeVoice')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "../assets/less/variables.less";
+
+
+#voice-component{
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  z-index: 9999;
+  left: 0;
+  #voice-component-container{
+    position: relative;
+   /* .half-top-ovals{
+      width: 130%;
+      position: relative;
+      left: -15%;
+      height: 80px;
+      padding-bottom: 40px;
+      padding-right: 20px;
+      padding-left: 20px;
+     !* width: 200px;*!
+      background: lightcoral;
+      border-radius: 50% 50% 0 0;
+    }*/
+    #voice-component-c{
+      height: 200px;
+      width: 130%;
+      position: relative;
+      left: -15%;
+      bottom: -80px;
+      background: linear-gradient(180deg, @background-color-voice, @background-color-light);
+      border: 2px solid @border-color-r1;
+      border-radius: 100% 100% 0 0;
+      border-bottom: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .voice-btn{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        top: 50px;
+        i{
+          color: @font-primary-accent-color;
+          font-size: 30px;
+        }
+      }
+    }
+    .voice-tip{
+      width: 100%;
+      position: absolute;
+      top: -40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: @font-primary-light-color;
+      font-size: 13px;
+    }
+    .close-voice{
+      width: 100%;
+      position: absolute;
+      top: -35px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .voice-style{
+        width: 60px;
+        height: 60px;
+        background: @background-color-voice;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: all 0.3s;
+        i{
+          font-size: 24px;
+          color: @font-primary-color-r1;
+          transition: all 0.3s;
+        }
+      }
+    }
+  }
+
+}
 </style>