From edef6ae8f59823258ce610c9074d32e698958b51 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 28 七月 2022 15:30:44 +0800
Subject: [PATCH] 本地图片适配
---
src/views/index/components/productLeft.vue | 28 ++++++++++++++++++++++++----
1 files changed, 24 insertions(+), 4 deletions(-)
diff --git a/src/views/index/components/productLeft.vue b/src/views/index/components/productLeft.vue
index 9897cce..e1c213e 100644
--- a/src/views/index/components/productLeft.vue
+++ b/src/views/index/components/productLeft.vue
@@ -1,14 +1,21 @@
<template>
- <div class="productLeft" :style="{ background: ` url(${data.img})` }">
+ <div
+ class="productLeft"
+ :style="{
+ background: ` url(${pic})`,
+ backgroundSize: '100% 100%',
+ backgroundRepeat: 'no-repeat',
+ }"
+ >
<div class="inner">
<div class="title">
- {{ data.title }}
+ {{ data.name }}
</div>
<div class="des">
- {{ data.des }}
+ {{ data.desc }}
</div>
<div class="button">
- <router-link :to="data.router">鏌ョ湅鍏ㄩ儴</router-link>
+ <router-link to="/product">鏌ョ湅鍏ㄩ儴</router-link>
</div>
</div>
</div>
@@ -21,6 +28,19 @@
type: Object,
},
},
+ created() {
+ var reg = /^[0-9]/;
+ if (reg.test(this.data.pic)) {
+ this.pic = "/httpImage/" + this.data.pic;
+ } else {
+ this.pic = this.data.pic;
+ }
+ },
+ data() {
+ return {
+ pic: "",
+ };
+ },
};
</script>
--
Gitblit v1.8.0