optimize first poster display

DIYgod · DIYgod · commit 591b6b5cff60 · 2018-03-09T02:03:54.000+08:00
diff --git a/src/js/player.js b/src/js/player.js
@@ -62,6 +62,7 @@ class APlayer {
         this.template = new Template({
             container: this.container,
             options: this.options,
+            randomOrder: this.randomOrder,
         });
 
         if (this.template.info.offsetWidth < 200) {
diff --git a/src/js/template.js b/src/js/template.js
@@ -5,13 +5,23 @@ class Template {
     constructor (options) {
         this.container = options.container;
         this.options = options.options;
+        this.randomOrder = this.randomOrder;
         this.init();
     }
 
     init () {
+        let pic;
+        if (this.options.order === 'random') {
+            pic = this.options.music[this.randomOrder[0]].pic;
+        }
+        else {
+            pic = this.options.music[0].pic;
+        }
+
         this.container.innerHTML = tplPlayer({
             options: this.options,
             icons: Icons,
+            pic: pic,
         });
 
         this.lrc = this.container.querySelector('.aplayer-lrc-contents');
diff --git a/src/template/player.art b/src/template/player.art
@@ -1,4 +1,4 @@
-<div class="aplayer-pic">
+<div class="aplayer-pic"{{ if pic  }} style="background-image: url("{{ pic }}");"{{ /if }}>
     <div class="aplayer-button aplayer-play">{{@ icons.play }}</div>
 </div>
 <div class="aplayer-info">

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div class="aplayer-pic">`
	`1`	`+<div class="aplayer-pic"{{ if pic }} style="background-image: url("{{ pic }}");"{{ /if }}>`
`2`	`2`	`<div class="aplayer-button aplayer-play">{{@ icons.play }}</div>`
`3`	`3`	`</div>`
`4`	`4`	`<div class="aplayer-info">`