调整图片路径
Before Width: | Height: | Size: 590 KiB After Width: | Height: | Size: 590 KiB |
Before Width: | Height: | Size: 712 KiB After Width: | Height: | Size: 712 KiB |
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 712 KiB After Width: | Height: | Size: 712 KiB |
Before Width: | Height: | Size: 296 KiB After Width: | Height: | Size: 296 KiB |
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 9.9 KiB |
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 412 KiB After Width: | Height: | Size: 412 KiB |
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 8.0 MiB After Width: | Height: | Size: 8.0 MiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 40 KiB |
@ -30,31 +30,31 @@ const routes = [
|
||||
{
|
||||
path: "/stock-quote",
|
||||
name: "stock-quote",
|
||||
meta: { bg:'url("@/assets/image/bg-stock-quote.png")' },
|
||||
meta: { bg:'url("@/assets/image/1920/bg-stock-quote.png")' },
|
||||
component: () => import("@/views/stock-quote/index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/historic-stock",
|
||||
name: "historic-stock",
|
||||
meta: { bg: 'url("@/assets/image/bg-events-calendar.png")' },
|
||||
meta: { bg: 'url("@/assets/image/1920/bg-events-calendar.png")' },
|
||||
component: () => import("@/views/historic-stock/index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/contacts",
|
||||
name: "contacts",
|
||||
meta: { bg: 'url("@/assets/image/bg-contacts.png")' },
|
||||
meta: { bg: 'url("@/assets/image/1920/bg-contacts.png")' },
|
||||
component: () => import("@/views/contacts/index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/email-alerts",
|
||||
name: "email-alerts",
|
||||
meta: { bg: 'url("@/assets/image/bg-contacts.png")' },
|
||||
meta: { bg: 'url("@/assets/image/1920/bg-contacts.png")' },
|
||||
component: () => import("@/views/email-alerts/index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/quarterlyreports",
|
||||
name: "quarterlyreports",
|
||||
meta: { bg: 'url("@/assets/image/bg-events-calendar.png")' },
|
||||
meta: { bg: 'url("@/assets/image/1920/bg-events-calendar.png")' },
|
||||
component: () =>
|
||||
import("@/views/financialinformation/quarterlyreports/index.vue"),
|
||||
},
|
||||
@ -73,26 +73,26 @@ const routes = [
|
||||
{
|
||||
path: "/annualreports",
|
||||
name: "AnnualReports",
|
||||
meta: { bg: 'url("@/assets/image/bg-events-calendar.png")' },
|
||||
meta: { bg: 'url("@/assets/image/1920/bg-events-calendar.png")' },
|
||||
component: () =>
|
||||
import("@/views/financialinformation/annualreports/index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/press-releases",
|
||||
name: "press-releases",
|
||||
meta: { bg: 'url("@/assets/image/bg-events-calendar.png")' },
|
||||
meta: { bg: 'url("@/assets/image/1920/bg-events-calendar.png")' },
|
||||
component: () => import("@/views/press-releases/index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/news",
|
||||
name: "news",
|
||||
meta: { bg: 'url("@/assets/image/bg-news.png")' },
|
||||
meta: { bg: 'url("@/assets/image/1920/bg-news.png")' },
|
||||
component: () => import("@/views/news/index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/events-calendar",
|
||||
name: "events-calendar",
|
||||
meta: { bg: 'url("@/assets/image/bg-events-calendar.png")' },
|
||||
meta: { bg: 'url("@/assets/image/1920/bg-events-calendar.png")' },
|
||||
component: () => import("@/views/events-calendar/index.vue"),
|
||||
},
|
||||
{
|
||||
|
@ -69,7 +69,7 @@ function copyEmail() {
|
||||
gap: 4px;
|
||||
background-color: white;
|
||||
border-radius: 1rem;
|
||||
background-image: url("@/assets/image/contacts-bg.png");
|
||||
background-image: url("@/assets/image/1920/contacts-bg.png");
|
||||
background-size: 64% auto;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
@ -240,7 +240,7 @@ async function handleSubmit(e) {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("@/assets/image/email-alerts-submit.png");
|
||||
background-image: url("@/assets/image/1920/email-alerts-submit.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom;
|
||||
background-size: 100%;
|
||||
|
@ -79,7 +79,7 @@
|
||||
<!-- 背景图片区域 -->
|
||||
<div class="background-image-container">
|
||||
<img
|
||||
src="@/assets/image/events-calendar-bg.png"
|
||||
src="@/assets/image/1920/events-calendar-bg.png"
|
||||
alt="Events Calendar Background"
|
||||
class="background-image"
|
||||
/>
|
||||
|
@ -20,7 +20,7 @@ function resolveAssetUrl(possiblePath) {
|
||||
}
|
||||
}
|
||||
|
||||
const defaultBgUrl = resolveAssetUrl("@/assets/image/bg-pc.png");
|
||||
const defaultBgUrl = resolveAssetUrl("@/assets/image/1920/bg-pc.png");
|
||||
|
||||
const currentBg = computed(() => {
|
||||
// 支持三种:
|
||||
|
@ -33,7 +33,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<img
|
||||
src="@/assets/image/product-introduction-img2.png"
|
||||
src="@/assets/image/1920/product-introduction-img2.png"
|
||||
alt="background"
|
||||
class="hero-bg-img"
|
||||
/>
|
||||
@ -109,7 +109,7 @@
|
||||
<div class="solutions-list">
|
||||
<div class="solution-item">
|
||||
<img
|
||||
src="@/assets/image/product-introduction-icon1.png"
|
||||
src="@/assets/image/1920/product-introduction-icon1.png"
|
||||
alt="KOL Brand Promotion"
|
||||
class="solution-icon"
|
||||
/>
|
||||
@ -125,7 +125,7 @@
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
<img
|
||||
src="@/assets/image/product-introduction-icon2.png"
|
||||
src="@/assets/image/1920/product-introduction-icon2.png"
|
||||
alt="Content Creation Support"
|
||||
class="solution-icon"
|
||||
/>
|
||||
@ -141,7 +141,7 @@
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
<img
|
||||
src="@/assets/image/product-introduction-icon3.png"
|
||||
src="@/assets/image/1920/product-introduction-icon3.png"
|
||||
alt="Account Operation"
|
||||
class="solution-icon"
|
||||
/>
|
||||
@ -158,7 +158,7 @@
|
||||
</div>
|
||||
<div class="solution-image-container">
|
||||
<img
|
||||
src="@/assets/image/product-introduction-img1.png"
|
||||
src="@/assets/image/1920/product-introduction-img1.png"
|
||||
alt="Value Added Solutions"
|
||||
class="solution-image"
|
||||
/>
|
||||
@ -228,7 +228,7 @@
|
||||
|
||||
<section class="cta-section">
|
||||
<img
|
||||
src="@/assets/image/product-introduction-img5.png"
|
||||
src="@/assets/image/1920/product-introduction-img5.png"
|
||||
alt="background"
|
||||
class="cta-bg-img"
|
||||
/>
|
||||
@ -253,7 +253,7 @@
|
||||
</div>
|
||||
<div class="cta-qr-code">
|
||||
<img
|
||||
src="@/assets/image/product-introduction-img6.png"
|
||||
src="@/assets/image/1920/product-introduction-img6.png"
|
||||
alt="QR Code"
|
||||
/>
|
||||
</div>
|
||||
@ -274,7 +274,7 @@
|
||||
.hero-section {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
background-image: url("@/assets/image/product-introduction-img3.png");
|
||||
background-image: url("@/assets/image/1920/product-introduction-img3.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
background-position: top;
|
||||
@ -445,7 +445,7 @@
|
||||
.advantages-section {
|
||||
margin-top: 80px;
|
||||
padding: 80px 0;
|
||||
background-image: url("@/assets/image/product-introduction-img4.png");
|
||||
background-image: url("@/assets/image/1920/product-introduction-img4.png");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
color: #fff;
|
||||
|