diff --git a/.browserslistrc b/.browserslistrc
deleted file mode 100644
index d6471a3..0000000
--- a/.browserslistrc
+++ /dev/null
@@ -1,2 +0,0 @@
-> 1%
-last 2 versions
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 0000000..58de976
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,45 @@
+name: Deploy to Server
+
+on:
+ push:
+ branches: [app]
+ workflow_dispatch:
+
+jobs:
+ build-and-deploy:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout code
+ uses: actions/checkout@v3
+ with:
+ ref: app
+
+ - name: Setup Node.js
+ uses: actions/setup-node@v3
+ with:
+ node-version: "16.16.0"
+
+ - name: Install dependencies
+ run: yarn
+
+ - name: Build project
+ run: yarn build
+
+ - name: Clear destination directory
+ uses: appleboy/ssh-action@master
+ with:
+ host: ${{ secrets.SERVER_HOST }}
+ username: ${{ secrets.SERVER_USERNAME }}
+ key: ${{ secrets.SERVER_SSH_KEY }}
+ script: |
+ rm -rf /usr/share/nginx/html/163-music
+
+ - name: Deploy to server
+ uses: appleboy/scp-action@master
+ with:
+ host: ${{ secrets.SERVER_HOST }}
+ username: ${{ secrets.SERVER_USERNAME }}
+ key: ${{ secrets.SERVER_SSH_KEY }}
+ source: "dist/*"
+ target: "/usr/share/nginx/html/163-music"
+ strip_components: 1
\ No newline at end of file
diff --git a/DirectoryV3.xml b/DirectoryV3.xml
new file mode 100644
index 0000000..de5a18c
--- /dev/null
+++ b/DirectoryV3.xml
@@ -0,0 +1,4 @@
+
+
+
+
\ No newline at end of file
diff --git a/README.md b/README.md
index 6ad675d..5af2a73 100644
--- a/README.md
+++ b/README.md
@@ -200,7 +200,7 @@
// 先设置播放列表
commit(types.SET_SEQUENCE_LIST, list);
// 如果是随机
- if (state.mode == playMode.random) {
+ if (state.mode === playMode.random) {
// 那么就打乱数组
let randomList = shuffle(list);
// 设置当前播放列表：随机，顺序
@@ -233,4 +233,4 @@
## :rainbow: 参考
-1. 借鉴了[黄轶](https://github.com/ustbhuangyi)的[Vue2.0 开发企业级移动端音乐 Web App](https://coding.imooc.com/class/107.html)中全屏播放器和 mini 播放器的实现思路
+1. 借鉴了[黄轶](https://github.com/ustbhuangyi)的[Vue2.0 开发企业级移动端音乐 Web App](https://coding.imooc.com/class/107.html)中全屏播放器和 mini 播放器的实现思路
\ No newline at end of file
diff --git a/build/skeleton/skeleton.client.js b/build/skeleton/skeleton.client.js
index 971681d..40230ce 100644
--- a/build/skeleton/skeleton.client.js
+++ b/build/skeleton/skeleton.client.js
@@ -1,32 +1,32 @@
-const fs = require("fs");
-const { resolve } = require("path");
-const htmlMinifier = require("html-minifier");
-const chalk = require("chalk");
+const fs = require('fs');
+const { resolve } = require('path');
+const htmlMinifier = require('html-minifier');
+const chalk = require('chalk');
// 创建一个 renderer 实例
-const { createBundleRenderer } = require("vue-server-renderer");
+const { createBundleRenderer } = require('vue-server-renderer');
// 依赖的文件
-const publicHtml = resolve(__dirname, "../../public/index.html");
-const skeletonJson = resolve(__dirname, "./skeleton.json");
-const skeletonTemplate = resolve(__dirname, "./skeleton.template.html");
+const publicHtml = resolve(__dirname, '../../public/index.html');
+const skeletonJson = resolve(__dirname, './skeleton.json');
+const skeletonTemplate = resolve(__dirname, './skeleton.template.html');
// https://ssr.vuejs.org/zh/api/#createrenderer
// 创建一个 BundleRenderer 实例
const renderer = createBundleRenderer(skeletonJson, {
- template: fs.readFileSync(skeletonTemplate, "utf-8")
+ template: fs.readFileSync(skeletonTemplate, 'utf-8'),
});
renderer.renderToString({}, (err, html) => {
// 压缩html
html = htmlMinifier.minify(html, {
collapseInlineTagWhitespace: true,
- minifyCSS: true
+ minifyCSS: true,
});
// 重写public/index.html
- fs.writeFileSync(publicHtml, html, "utf-8");
+ fs.writeFileSync(publicHtml, html, 'utf-8');
if (err) {
- console.log(chalk.red("骨架屏生成失败！错误：" + err));
+ console.log(chalk.red('骨架屏生成失败！错误：' + err));
process.exit(1);
}
- console.log(chalk.green("骨架屏生成成功！"));
-});
+ console.log(chalk.green('骨架屏生成成功！'));
+});
\ No newline at end of file
diff --git a/build/skeleton/skeleton.config.js b/build/skeleton/skeleton.config.js
index 3efa911..61a11f2 100644
--- a/build/skeleton/skeleton.config.js
+++ b/build/skeleton/skeleton.config.js
@@ -1,58 +1,59 @@
-const { resolve } = require("path");
-const nodeExternals = require("webpack-node-externals");
+const { resolve } = require('path');
+const nodeExternals = require('webpack-node-externals');
// webpack中读取bundle对象
-const VueSSRServerPlugin = require("vue-server-renderer/server-plugin");
-const autoprefixer = require("autoprefixer");
-const { VueLoaderPlugin } = require("vue-loader");
+const VueSSRServerPlugin = require('vue-server-renderer/server-plugin');
+const autoprefixer = require('autoprefixer');
+const { VueLoaderPlugin } = require('vue-loader');
// 依赖的文件
-const skeletonEntry = resolve(__dirname, "skeleton.entry.js");
+const skeletonEntry = resolve(__dirname, 'skeleton.entry.js');
module.exports = {
- mode: "production",
- target: "node",
+ mode: 'production',
+ target: 'node',
entry: {
- skeleton: skeletonEntry
+ skeleton: skeletonEntry,
},
output: {
- path: resolve(__dirname, "."),
- filename: "[name].js",
- libraryTarget: "commonjs2"
+ path: resolve(__dirname, '.'),
+ filename: '[name].js',
+ libraryTarget: 'commonjs2',
},
module: {
rules: [
{
test: /\.css$/,
- use: ["vue-style-loader", "css-loader", "postcss-loader"]
+ use: ['vue-style-loader', 'css-loader', 'postcss-loader'],
},
+ // scss
{
- test: /\.less$/,
- use: ["vue-style-loader", "css-loader", "less-loader", "postcss-loader"]
+ test: /\.scss$/,
+ use: ['vue-style-loader', 'css-loader', 'sass-loader'],
},
{
test: /\.vue$/,
use: [
{
- loader: "vue-loader",
+ loader: 'vue-loader',
options: {
loaders: {
- scss: ["vue-style-loader", "css-loader", "less-loader"]
+ scss: ['vue-style-loader', 'css-loader', 'less-loader'],
},
- postcss: [autoprefixer()]
- }
- }
- ]
- }
- ]
+ postcss: [autoprefixer()],
+ },
+ },
+ ],
+ },
+ ],
},
// 防止将某些 import 的包打包到 bundle 中，只在运行时从外部获取这些扩展依赖
externals: nodeExternals({
- whilelist: /\.css$/
+ whilelist: /\.css$/,
}),
resolve: {
- extensions: [".js", ".vue", ".json"],
- alias:{
- 'components': resolve('src/components'),
+ extensions: ['.js', '.vue', '.json'],
+ alias: {
+ components: resolve('src/components'),
},
},
plugins: [
@@ -60,7 +61,7 @@ module.exports = {
// 指定输出的json文件名，执行构建过程中，生成了一个skeleton.json文件，
// 这个文件存储着骨架屏的样式与内容，在创建BundleRenderer 实例，会读取到
new VueSSRServerPlugin({
- filename: "skeleton.json"
- })
- ]
-};
+ filename: 'skeleton.json',
+ }),
+ ],
+};
\ No newline at end of file
diff --git a/build/skeleton/skeleton.entry.js b/build/skeleton/skeleton.entry.js
index 016e68e..ce0faee 100644
--- a/build/skeleton/skeleton.entry.js
+++ b/build/skeleton/skeleton.entry.js
@@ -1,10 +1,11 @@
-import Vue from "vue";
-import Skeleton from "./skeleton.home.vue";
-import SkeletonComponents from "components/skeleton/install";
+import SkeletonComponents from 'components/skeleton/install';
+import Vue from 'vue';
+import Skeleton from './skeleton.home.vue';
+
Vue.use(SkeletonComponents);
export default new Vue({
components: {
- Skeleton
+ Skeleton,
},
- template: ""
-});
+ template: '',
+});
\ No newline at end of file
diff --git a/build/skeleton/skeleton.home.vue b/build/skeleton/skeleton.home.vue
index 76f4962..6200134 100644
--- a/build/skeleton/skeleton.home.vue
+++ b/build/skeleton/skeleton.home.vue
@@ -18,7 +18,7 @@
-
+
\ No newline at end of file
diff --git a/build/skeleton/skeleton.json b/build/skeleton/skeleton.json
index a6d3726..027203d 100644
--- a/build/skeleton/skeleton.json
+++ b/build/skeleton/skeleton.json
@@ -1,7 +1,7 @@
{
"entry": "skeleton.js",
"files": {
- "skeleton.js": "module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var i in e)n.d(o,i,function(t){return e[t]}.bind(null,i));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,\"a\",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p=\"\",n(n.s=8)}([function(e,t,n){var o=n(5);\"string\"==typeof o&&(o=[[e.i,o,\"\"]]),o.locals&&(e.exports=o.locals);var i=n(3).default;e.exports.__inject__=function(e){i(\"0e5df668\",o,!1,e)}},function(e,t){e.exports=require(\"vue\")},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||\"\",o=e[3];if(!o)return n;if(t&&\"function\"==typeof btoa){var i=(s=o,\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(s))))+\" */\"),r=o.sources.map(function(e){return\"/*# sourceURL=\"+o.sourceRoot+e+\" */\"});return[n].concat(r).concat([i]).join(\"\\n\")}var s;return[n].join(\"\\n\")}(t,e);return t[2]?\"@media \"+t[2]+\"{\"+n+\"}\":n}).join(\"\")},t.i=function(e,n){\"string\"==typeof e&&(e=[[null,e,\"\"]]);for(var o={},i=0;i\"+o.css+\"\"}return t}n.r(t),n.d(t,\"default\",function(){return o})},function(e,t,n){\"use strict\";n.r(t);var o=n(0),i=n.n(o);for(var r in o)\"default\"!==r&&function(e){n.d(t,e,function(){return o[e]})}(r);t.default=i.a},function(e,t,n){(e.exports=n(2)(!1)).push([e.i,\".banner[data-v-121cef6d] {\\n width: 100%;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n background: #e9e7ef;\\n}\\n.margin[data-v-121cef6d] {\\n margin-left: 2.666667vw;\\n}\\n\",\"\"])},function(e,t,n){var o=n(7);\"string\"==typeof o&&(o=[[e.i,o,\"\"]]),o.locals&&(e.exports=o.locals),n(3).default(\"150d799e\",o,!1)},function(e,t,n){(e.exports=n(2)(!1)).push([e.i,\".vue-skeleton-loading {\\n position: fixed;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n z-index: 99999;\\n font-size: 1.6vw;\\n background: #fff;\\n}\\n@-webkit-keyframes backpos {\\n from {\\n background-position-x: -26.666667vw;\\n }\\n to {\\n background-position-x: calc(26.666667vw + 100%);\\n }\\n}\\n@keyframes backpos {\\n from {\\n background-position-x: -26.666667vw;\\n }\\n to {\\n background-position-x: calc(26.666667vw + 100%);\\n }\\n}\\n.vue-skeleton-loading .skeleton-bac-animation {\\n position: absolute;\\n z-index: auto;\\n width: 100%;\\n height: 100%;\\n background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(80%, rgba(255, 255, 255, 0)));\\n background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);\\n background-repeat: no-repeat;\\n background-size: 30% 100%;\\n -webkit-animation: backpos 0.9s ease-in-out 0s infinite;\\n animation: backpos 0.9s ease-in-out 0s infinite;\\n}\\n.vue-skeleton-loading .skeleton-bac-content {\\n overflow: hidden;\\n}\\n.vue-skeleton-column {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n.vue-skeleton-row {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n.vue-skeleton-square-wrap {\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n.vue-skeleton-square-wrap .vue-skeleton-square {\\n width: 100%;\\n}\\n\",\"\"])},function(e,t,n){\"use strict\";n.r(t);var o=n(1),i=n.n(o),r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(\"div\",[n(\"skeleton\",[n(\"skeleton-row\",{attrs:{padding:\"10px\"}},[n(\"skeleton-square\",{staticClass:\"banner\",attrs:{height:\"200px\"}})],1),e._v(\" \"),e._l(3,function(t,o){return n(\"skeleton-row\",{key:o,attrs:{padding:\"10px\"}},[n(\"skeleton-square\",{attrs:{width:\"90px\",height:\"90px\"}}),e._v(\" \"),n(\"skeleton-square\",{staticClass:\"margin\",attrs:{width:\"90px\",height:\"90px\"}}),e._v(\" \"),n(\"skeleton-square\",{staticClass:\"margin\",attrs:{width:\"90px\",height:\"90px\"}})],1)})],2)],1)};r._withStripped=!0;function s(e,t,n,o,i,r,s,a){var l,c=\"function\"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),r&&(c._scopeId=\"data-v-\"+r),s?(l=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||\"undefined\"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},c._ssrRegister=l):i&&(l=a?function(){i.call(this,this.$root.$options.shadowRoot)}:i),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(e,t){return l.call(t),u(e,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:e,options:c}}var a=s({},r,[],!1,function(e){var t=n(4);t.__inject__&&t.__inject__(e)},\"121cef6d\",\"786bfaf9\");a.options.__file=\"build/skeleton/skeleton.home.vue\";var l=a.exports,c=function(){var e=this.$createElement;return(this._self._c||e)(\"div\",{staticClass:\"vue-skeleton-loading\"},[this._ssrNode(' '),this._ssrNode('',\"
\",[this._t(\"default\")],2)],2)};c._withStripped=!0;var u=s({name:\"skeleton\"},c,[],!1,null,null,\"69610b68\");u.options.__file=\"src/components/skeleton/skeleton.vue\";var d=u.exports,f=function(){var e=this.$createElement;return(this._self._c||e)(\"div\",{ref:\"vueSkeletonCircle\",staticClass:\"vue-skeleton-circle\",style:{backgroundColor:this.backColor,width:this.diameter,height:this.diameter,\"border-radius\":\"50%\",margin:this.margin}},[])};f._withStripped=!0;var p=s({name:\"skeletonCircle\",props:{backColor:{type:String,default:\"#e9e7ef\"},diameter:{type:String,default:\"50px\"},margin:{type:String,default:\"0 0 0 0\"}},data:()=>({})},f,[],!1,null,null,\"bec3bbd2\");p.options.__file=\"src/components/skeleton/basic/skeleton-circle.vue\";var v=p.exports,b=function(){var e=this,t=e.$createElement;return(e._self._c||t)(\"div\",{staticClass:\"vue-skeleton-square-wrap\"},[e._ssrNode(e._ssrList(e.count,function(t){return'\"}))])};b._withStripped=!0;var m=s({name:\"skeletonSquare\",props:{backColor:{type:String,default:\"#e9e7ef\"},width:{type:String,default:\"100%\"},height:{type:String,default:\"12px\"},margin:{type:String,default:\"0 0 0 0\"},count:{type:Number,default:1}}},b,[],!1,null,null,\"5f6ccfe4\");m.options.__file=\"src/components/skeleton/basic/skeleton-square.vue\";var h=m.exports,g=function(){var e=this.$createElement;return(this._self._c||e)(\"div\",{staticClass:\"vue-skeleton-row\",style:{width:this.width,padding:this.padding,\"justify-content\":this.center}},[this._t(\"default\")],2)};g._withStripped=!0;var _=s({name:\"skeletonRow\",props:{width:{type:String,default:\"auto\"},padding:{type:String,default:\"0 0 0 0\"},center:{type:String,default:\"flex-start\"}}},g,[],!1,null,null,\"712c94fe\");_.options.__file=\"src/components/skeleton/layout/skeleton-row.vue\";var k=_.exports,x=function(){var e=this.$createElement;return(this._self._c||e)(\"div\",{staticClass:\"vue-skeleton-column\",style:{width:this.width,padding:this.padding,\"align-items\":this.center}},[this._t(\"default\")],2)};x._withStripped=!0;var y=s({name:\"skeletonColumn\",props:{width:{type:String,width:\"auto\"},padding:{type:String,default:\"0 0 0 0\"},center:{type:String,default:\"flex-start\"}}},x,[],!1,null,null,\"88f99302\");y.options.__file=\"src/components/skeleton/layout/skeleton-column.vue\";var w=y.exports;n(6);var S={install:function(e){e.component(d.name,d),e.component(k.name,k),e.component(w.name,w),e.component(h.name,h),e.component(v.name,v)}};i.a.use(S);t.default=new i.a({components:{Skeleton:l},template:\"\"})}]);"
+ "skeleton.js": "module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,\"a\",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p=\"\",n(n.s=8)}([function(e,t){e.exports=require(\"vue\")},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||\"\",r=e[3];if(!r)return n;if(t&&\"function\"==typeof btoa){var i=(s=r,\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(s))))+\" */\"),o=r.sources.map((function(e){return\"/*# sourceURL=\"+r.sourceRoot+e+\" */\"}));return[n].concat(o).concat([i]).join(\"\\n\")}var s;return[n].join(\"\\n\")}(t,e);return t[2]?\"@media \"+t[2]+\"{\"+n+\"}\":n})).join(\"\")},t.i=function(e,n){\"string\"==typeof e&&(e=[[null,e,\"\"]]);for(var r={},i=0;i\"+r.css+\"\"}return t}n.r(t),n.d(t,\"default\",(function(){return r}))},function(e,t,n){var r=n(5);r.__esModule&&(r=r.default),\"string\"==typeof r&&(r=[[e.i,r,\"\"]]),r.locals&&(e.exports=r.locals),n(3).default(\"decc8542\",r,!1)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,\".vue-skeleton-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;font-size:12px;background:#fff}@keyframes backpos{from{background-position-x:-200px}to{background-position-x:calc(200px + 100%)}}.vue-skeleton-loading .skeleton-bac-animation{position:absolute;z-index:auto;width:100%;height:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%) no-repeat;background-size:30% 100%;-webkit-animation:backpos .9s ease-in-out 0s infinite;animation:backpos .9s ease-in-out 0s infinite}.vue-skeleton-loading .skeleton-bac-content{overflow:hidden}.vue-skeleton-column{display:flex;flex-direction:column;justify-content:center}.vue-skeleton-row{display:flex;flex-direction:row;align-items:center}.vue-skeleton-square-wrap{justify-content:center;display:flex;flex-direction:column}.vue-skeleton-square-wrap .vue-skeleton-square{width:100%}\",\"\"])},function(e,t,n){\"use strict\";n.r(t);var r=n(2);for(var i in r)[\"default\"].indexOf(i)<0&&function(e){n.d(t,e,(function(){return r[e]}))}(i)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,\".banner[data-v-472ae4c8]{width:100%;box-sizing:border-box;background:#e9e7ef}.margin[data-v-472ae4c8]{margin-left:20px}\",\"\"])},function(e,t,n){\"use strict\";n.r(t);var r=function(){return(0,this._self._c)(\"div\",{staticClass:\"vue-skeleton-loading\"},[this._ssrNode(' '),this._ssrNode('',\"
\",[this._t(\"default\")],2)],2)};r._withStripped=!0;function i(e,t,n,r,i,o,s,a){var u,l=\"function\"==typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),o&&(l._scopeId=\"data-v-\"+o),s?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||\"undefined\"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},l._ssrRegister=u):i&&(u=a?function(){i.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:i),u)if(l.functional){l._injectStyles=u;var c=l.render;l.render=function(e,t){return u.call(t),c(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,u):[u]}return{exports:e,options:l}}var o=i({name:\"skeleton\"},r,[],!1,null,null,\"12beb9cc\").exports,s=function(){return(0,this._self._c)(\"div\",{ref:\"vueSkeletonCircle\",staticClass:\"vue-skeleton-circle\",style:{backgroundColor:this.backColor,width:this.diameter,height:this.diameter,\"border-radius\":\"50%\",margin:this.margin}},[])};s._withStripped=!0;var a=i({name:\"skeletonCircle\",props:{backColor:{type:String,default:\"#e9e7ef\"},diameter:{type:String,default:\"50px\"},margin:{type:String,default:\"0 0 0 0\"}},data:()=>({})},s,[],!1,null,null,\"a03bc8b6\").exports,u=function(){var e=this;return(0,e._self._c)(\"div\",{staticClass:\"vue-skeleton-square-wrap\"},[e._ssrNode(e._ssrList(e.count,(function(t){return'\"})))])};u._withStripped=!0;var l=i({name:\"skeletonSquare\",props:{backColor:{type:String,default:\"#e9e7ef\"},width:{type:String,default:\"100%\"},height:{type:String,default:\"12px\"},margin:{type:String,default:\"0 0 0 0\"},count:{type:Number,default:1}}},u,[],!1,null,null,\"6eb0c972\").exports,c=function(){return(0,this._self._c)(\"div\",{staticClass:\"vue-skeleton-row\",style:{width:this.width,padding:this.padding,\"justify-content\":this.center}},[this._t(\"default\")],2)};c._withStripped=!0;var d=i({name:\"skeletonRow\",props:{width:{type:String,default:\"auto\"},padding:{type:String,default:\"0 0 0 0\"},center:{type:String,default:\"flex-start\"}}},c,[],!1,null,null,\"224a8ae2\").exports,f=function(){return(0,this._self._c)(\"div\",{staticClass:\"vue-skeleton-column\",style:{width:this.width,padding:this.padding,\"align-items\":this.center}},[this._t(\"default\")],2)};f._withStripped=!0;var p=i({name:\"skeletonColumn\",props:{width:{type:String,width:\"auto\"},padding:{type:String,default:\"0 0 0 0\"},center:{type:String,default:\"flex-start\"}}},f,[],!1,null,null,\"d683229e\").exports;n(4);var h={install:function(e){e.component(o.name,o),e.component(d.name,d),e.component(p.name,p),e.component(l.name,l),e.component(a.name,a)}},v=n(0),_=n.n(v),g=function(){var e=this,t=e._self._c;return t(\"div\",[t(\"skeleton\",[t(\"skeleton-row\",{attrs:{padding:\"10px\"}},[t(\"skeleton-square\",{staticClass:\"banner\",attrs:{height:\"200px\"}})],1),e._v(\" \"),e._l(3,(function(n,r){return t(\"skeleton-row\",{key:r,attrs:{padding:\"10px\"}},[t(\"skeleton-square\",{attrs:{width:\"90px\",height:\"90px\"}}),e._v(\" \"),t(\"skeleton-square\",{staticClass:\"margin\",attrs:{width:\"90px\",height:\"90px\"}}),e._v(\" \"),t(\"skeleton-square\",{staticClass:\"margin\",attrs:{width:\"90px\",height:\"90px\"}})],1)}))],2)],1)};g._withStripped=!0;var m=i({},g,[],!1,(function(e){var t=n(6);t.__inject__&&t.__inject__(e)}),\"472ae4c8\",\"377f3bab\").exports;_.a.use(h);t.default=new _.a({components:{Skeleton:m},template:\"\"})}]);"
},
"maps": {}
}
\ No newline at end of file
diff --git a/build/skeleton/skeleton.server.js b/build/skeleton/skeleton.server.js
index 464cefa..80c0657 100644
--- a/build/skeleton/skeleton.server.js
+++ b/build/skeleton/skeleton.server.js
@@ -1,9 +1,9 @@
-"use strict";
-const webpack = require("webpack");
-const chalk = require("chalk");
-const webpackSkeletonConfig = require("./skeleton.config.js");
+'use strict';
+const webpack = require('webpack');
+const chalk = require('chalk');
+const webpackSkeletonConfig = require('./skeleton.config.js');
-webpack(webpackSkeletonConfig, function(err, stats) {
+webpack(webpackSkeletonConfig, function (err, stats) {
if (err) throw err;
// http://javascript.ruanyifeng.com/nodejs/process.html
// 等同于console.log，可用在标准输出向用户显示内容
@@ -14,13 +14,13 @@ webpack(webpackSkeletonConfig, function(err, stats) {
modules: false,
children: false,
chunks: false,
- chunkModules: false
- }) + "\n"
+ chunkModules: false,
+ }) + '\n'
);
if (stats.hasErrors()) {
- console.error(chalk.magenta("skeleton.json生成失败！错误：", err));
+ console.error(chalk.magenta('skeleton.json生成失败！错误：', err));
process.exit(1);
}
- console.log(chalk.green("skeleton.json生成成功！"));
-});
+ console.log(chalk.green('skeleton.json生成成功！'));
+});
\ No newline at end of file
diff --git a/build/skeleton/skeleton.template.html b/build/skeleton/skeleton.template.html
index 0501170..37b9143 100644
--- a/build/skeleton/skeleton.template.html
+++ b/build/skeleton/skeleton.template.html
@@ -1,18 +1,22 @@
-
-
-
-
- vue仿网易云音乐🎵
-
-
-
-
-
-
-
-
-
+
+
+
+
+ vue仿网易云音乐🎵
+
+
+
+
+
+
+
+
+
+
+