增加背景音乐的设置

.env.development

@@ -1 +1 @@
-VUE_APP_BASE_API = 'http://10.0.1.3:2900'
+VUE_APP_BASE_API = 'http://localhost:2900'

dist/css/chunk-23c595c5.b4df0720.css

@@ -0,0 +1 @@
+[data-v-db1e3330]:export{menuBg:#304156;menuText:#bfcbd9;menuActiveText:#409eff}.bottom[data-v-db1e3330]{margin-top:13px;line-height:12px;display:flex;justify-content:space-between;align-items:center}.bottom span[data-v-db1e3330]{font-size:13px;color:#999}.button[data-v-db1e3330]{padding:0;min-height:auto;float:right}.image[data-v-db1e3330]{width:100%;display:block}.one-block[data-v-db1e3330]{border:1px solid #ebebeb;border-radius:3px;transition:.2s;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}

dist/css/chunk-308db560.6e0a53f0.css

@@ -1 +0,0 @@
-[data-v-abdb1290]:export{menuBg:#304156;menuText:#bfcbd9;menuActiveText:#409eff}.bottom[data-v-abdb1290]{margin-top:13px;line-height:12px;display:flex;justify-content:space-between;align-items:center}.bottom span[data-v-abdb1290]{font-size:13px;color:#999}.button[data-v-abdb1290]{padding:0;min-height:auto;float:right}.image[data-v-abdb1290]{width:100%;display:block}.one-block[data-v-abdb1290]{border:1px solid #ebebeb;border-radius:3px;transition:.2s;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}

dist/precache-manifest.0f63e1046b1cc2c5b3ecfab9cd89d6a9.js

@@ -8,7 +8,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/css/404.96fe1c26.css"
   },
   {
-    "revision": "84e7c3bed966b3fc30f7",
+    "revision": "d1d66f234b2ab7b9f52d",
     "url": "/css/app.286de1f3.css"
   },
   {
@@ -56,8 +56,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/css/chunk-21871d0b.4c0f28ef.css"
   },
   {
-    "revision": "33936100be376baa27ac",
-    "url": "/css/chunk-308db560.6e0a53f0.css"
+    "revision": "27e8e9951408570d16d2",
+    "url": "/css/chunk-23c595c5.b4df0720.css"
   },
   {
     "revision": "37ffa281639f35b9ac67",
@@ -180,7 +180,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/img/404.a57b6f31.png"
   },
   {
-    "revision": "f867600656d36b7d94d835df827f545d",
+    "revision": "eb5bf1dc0a690c1ad10855414e7d64e4",
     "url": "/index.html"
   },
   {
@@ -192,8 +192,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/js/404.b1bc2078.js"
   },
   {
-    "revision": "84e7c3bed966b3fc30f7",
-    "url": "/js/app.3dd6e76e.js"
+    "revision": "d1d66f234b2ab7b9f52d",
+    "url": "/js/app.6fd9c6fe.js"
   },
   {
     "revision": "4308fe0503e593d27da4",
@@ -244,8 +244,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/js/chunk-21871d0b.6151f616.js"
   },
   {
-    "revision": "33936100be376baa27ac",
-    "url": "/js/chunk-308db560.aa73643b.js"
+    "revision": "27e8e9951408570d16d2",
+    "url": "/js/chunk-23c595c5.2a4ff317.js"
   },
   {
     "revision": "37ffa281639f35b9ac67",

dist/service-worker.js

@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.79915f6f365027ff3d86b927e6c1e45d.js"
+  "/precache-manifest.0f63e1046b1cc2c5b3ecfab9cd89d6a9.js"
 );
 
 workbox.core.setCacheNameDetails({prefix: "pyxis-fe"});

src/views/game/game_theme.vue

@@ -101,6 +101,34 @@
             required
         />
       </el-form-item>
+      <el-form-item
+          label="背景音乐:"
+          prop="music_bg"
+      >
+        <el-select
+            v-model="record.music_bg"
+            placeholder="选择背景音乐"
+            required
+            class="w100"
+        >
+          <el-option
+              v-for="item in musicList"
+              :key="item.url"
+              :label="item.name"
+              :value="item.url"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+          label="预览:"
+          prop="music_bg"
+          v-if="record.music_bg"
+      >
+      <audio controls :src="record.music_bg" preload="auto">
+            <!-- Audio files -->
+            <source v-for="item in musicList" :key="item.url" :src="item.url" id="audio_item" type="audio/mp3">
+        </audio>
+      </el-form-item>
       <el-form-item>
         <el-button
             type="primary"
@@ -163,6 +191,19 @@ export default class extends Vue {
 
   private shop = ''
   private record: any = {}
+  private musicList = [{
+    url: 'https://h5games-al.kingsome.cn/puzzle/music/001.mp3',
+    name: '多拉A梦'
+  }, {
+    url: 'https://h5games-al.kingsome.cn/puzzle/music/002.mp3',
+    name: '超级玛丽'
+  }, {
+    url: 'https://h5games-al.kingsome.cn/puzzle/music/003.mp3',
+    name: ' FC《马戏团》'
+  }, {
+    url: 'https://h5games-al.kingsome.cn/puzzle/music/004.mp3',
+    name: 'Boy UwU - Unity'
+  }]
 
   get userLevel() {
     return UserModule.level