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