From f7f0e44c4be8eb0e77fd310296c3b43bde21e4f9 Mon Sep 17 00:00:00 2001 From: ZZJ <10913410+zzj2100@user.noreply.gitee.com> Date: 星期四, 23 六月 2022 14:17:01 +0800 Subject: [PATCH] 新增联动场景 --- src/views/index/components/banner.vue | 17 ++++++++++++++++- 1 files changed, 16 insertions(+), 1 deletions(-) diff --git a/src/views/index/components/banner.vue b/src/views/index/components/banner.vue index 6641f50..2262857 100644 --- a/src/views/index/components/banner.vue +++ b/src/views/index/components/banner.vue @@ -12,7 +12,7 @@ class="banner_content" :style="{ // backgroundImage: 'url(' + baseImg + ')', - backgroundImage: 'url(' + (item.pic ? item.pic : baseImg) + ')', + backgroundImage: 'url(' + getUrl(item.pic) + ')', backgroundSize: '100% 100%', backgroundRepeat: 'no-repeat', }" @@ -40,6 +40,21 @@ toggleBanner(i) { this.$refs["banner"].setActiveItem(i); }, + getUrl(url) { + let result = ""; + + if (!url) { + result = this.baseImg; + return result; + } + var reg = /^[0-9]/; + if (reg.test(url)) { + result = "http://" + url; + return result; + } + + return url; + }, }, }; </script> -- Gitblit v1.8.0