From 0d9eb758a074e3301cba03ba8c9fca1616fa9382 Mon Sep 17 00:00:00 2001
From: youngS <ly_1301b@163.com>
Date: Wed, 17 Mar 2021 17:24:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E9=A1=B5=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=BA=94=E7=94=A8=E6=88=AA=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fir_client/src/components/FirDownload.vue   | 21 +++++++++++++++++++++
 fir_client/src/components/ShortDownload.vue | 19 ++++++++++++++++++-
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/fir_client/src/components/FirDownload.vue b/fir_client/src/components/FirDownload.vue
index 49666e0..b20b431 100644
--- a/fir_client/src/components/FirDownload.vue
+++ b/fir_client/src/components/FirDownload.vue
@@ -178,6 +178,21 @@
                     </div>
 
                 </div>
+
+                <el-divider></el-divider>
+
+                <div class="screenshots-section" v-if="imagelist && imagelist.length > 0">
+                    <h3>应用截图</h3>
+                    <div class="list-wrapper">
+                        <ul>
+                            <li v-for="screen in imagelist" :key="screen">
+                                <img :src="screen"/>
+                            </li>
+                        </ul>
+                    </div>
+
+                </div>
+
             </div>
 
         </el-container>
@@ -202,6 +217,7 @@
         name: "FirDownload",
         data() {
             return {
+                imagelist: [],
                 currentappinfo: {},
                 iscomboappinfo: {},
                 mcurrentappinfo: {},
@@ -450,6 +466,11 @@
                                 window.location.href = this.mcurrentappinfo.binary_url
                             }
                         }
+                        if (this.currentappinfo.screenshots && this.currentappinfo.screenshots.length > 0) {
+                            for (let i = 0; i < this.currentappinfo.screenshots.length; i++) {
+                                this.imagelist.push(this.currentappinfo.screenshots[i].url)
+                            }
+                        }
                     } else {
                         if (data.msg) {
                             document.title = data.msg;
diff --git a/fir_client/src/components/ShortDownload.vue b/fir_client/src/components/ShortDownload.vue
index 9d405a3..8bbd07f 100644
--- a/fir_client/src/components/ShortDownload.vue
+++ b/fir_client/src/components/ShortDownload.vue
@@ -172,6 +172,18 @@
                     </div>
 
                 </div>
+                <br/>
+                <div class="screenshots-section" v-if="imagelist && imagelist.length > 0">
+                    <h3>应用截图</h3>
+                    <div class="list-wrapper">
+                        <ul>
+                            <li v-for="screen in imagelist" :key="screen">
+                                <img :src="screen"/>
+                            </li>
+                        </ul>
+                    </div>
+
+                </div>
             </div>
 
         </div>
@@ -204,6 +216,7 @@
         name: "ShortDownload",
         data() {
             return {
+                imagelist: [],
                 currentappinfo: {},
                 iscomboappinfo: {},
                 mcurrentappinfo: {},
@@ -440,7 +453,11 @@
                                 window.location.href = this.mcurrentappinfo.binary_url
                             }
                         }
-
+                        if (this.currentappinfo.screenshots && this.currentappinfo.screenshots.length > 0) {
+                            for (let i = 0; i < this.currentappinfo.screenshots.length; i++) {
+                                this.imagelist.push(this.currentappinfo.screenshots[i].url)
+                            }
+                        }
                     } else {
                         this.iserror = true;
                         if (data.msg) {