ttf,audio

config/index.js

         },
       },
       '/api/ws': {
-        target: 'http://192.168.0.67:8081', 
+        target: 'http://192.168.0.67:8080', 
         changeOrigin: true,
         ws: true,
         pathRewrite: {

src/App.vue

 </script>
 
 <style>
+ @import "./../src/pages/font.css";
 #app {
   width: 100%;
   height: 100%;

src/pages/font.css

+@font-face {
+  font-family: "康熙字典体";
+  src:url('./kangxi.ttf')format('opentype');
+ }

src/pages/welcome.vue

              <span>{{user.words}}</span>
             </li>
           </ul>
-          <div v-if="audios.length > 0" :hidden="true">
+           </div>
+          <!-- <div v-if="audios.length > 0" :hidden="true">
             <div v-for="(audio, k) in audios" :key="k+'audio'">
               <audio v-if="audio.isShow" @ended="audioEnd(k)" autoplay>
                 <source :src="audio.url">
               </audio>
             </div>
+          </div> -->
+          <div >
+            <div v-for="(audio, k) in audios" :key="k+'audio'">
+              <audio  @ended="audioEnd(k)" autoplay>
+                <source :src="audio.url">
+              </audio>
+            </div>
           </div>
         </div>
-      </div>
     </div>
     </div>
       <x-maquee class="marquee" v-if="pageDetail !== null && (pageDetail.detail.noticeShow || pageDetail.detail.weatherShow)">
 
     // window.console.log(this.$route.query.id, this.$route.query)
 
-    const wsURI = `${window.location.origin.replace('http', 'ws')}/api/ws/${this.$route.query.id}`
-    this.ws.connect(wsURI)
+    // const wsURI = `${window.location.origin.replace('http', 'ws')}/api/ws/${this.$route.query.id}`
+    this.ws.connect('ws://192.168.0.67:8080/ws/screen/113')
     this.init()
     this.pageTimer = window.setInterval(() => {
       let curMin = new Date().getMinutes() - 0
     }, 1000)
   },
   mounted () {
-    console.log(this.users, 'this.users')
   },
   updated () {
     this.$nextTick(() => {
       if (!msg) {
         return
       }
-
       const res = JSON.parse(e.data)
       if (res.type && res.type === 'cmd') {
         // 如果这种类型的消息, 说明是行为控制
         }
       } else {
         this.newData({
-          name: !res.person.name ? '' : res.person.name,
+          name: !res.person.words ? '' : res.person.words,
           classId: res.person.typeId,
           words: res.taVisitingWords.words,
           url: res.audio
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
+ @import "./font.css";
 .welcomePage {
   $mainfontcolor: #000;
   width: 100%;
   background: url('../assets/images/welcome/bg.jpg') no-repeat center ;
   background-size: 100% 100%;
    .fade-item {
-    transition: all 1s;
+    transition: all 0.5s;
     display: inline-block;
   }
   .fade-enter,
         width: 100%;
         height: 100%;
         position: absolute;
-        top:88vh;
+        top:86vh;
         margin-left: 5vw;
         li{
+           font-family: "康熙字典体";
           span{
-            width: 60%;
+            width: 100%;
             font-size: 6vw;
+            font-family: "康熙字典体";
             display: block;
             text-align: center;
+            line-height: 1.4;
           }
         }
     }