This commit is contained in:
huangjinming 2023-03-09 17:33:46 +08:00
commit 2e7f6256df
11 changed files with 3071 additions and 561 deletions

6
README.txt Normal file
View File

@ -0,0 +1,6 @@
build command:
export NODE_OPTIONS=--max_old_space_size=8192
npm run build:prod

2152
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -71,11 +71,11 @@ const box = ref(null);
const myRef = ref(null); const myRef = ref(null);
const modules = [Pagination]; const modules = [Pagination];
const imageList = reactive([ const imageList = reactive([
{ imgSrc: require("@/assets/img/home/game-swiper-card/01.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/01.png", import.meta.url).href },
{ imgSrc: require("@/assets/img/home/game-swiper-card/02.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/02.png", import.meta.url).href },
{ imgSrc: require("@/assets/img/home/game-swiper-card/03.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/03.png", import.meta.url).href },
{ imgSrc: require("@/assets/img/home/game-swiper-card/04.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/04.png", import.meta.url).href },
{ imgSrc: require("@/assets/img/home/game-swiper-card/05.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/05.png", import.meta.url).href },
]); ]);
const handSlidePrev = () => { const handSlidePrev = () => {

View File

@ -62,11 +62,11 @@ const box = ref(null);
const myRef = ref(null); const myRef = ref(null);
const { tilt, roll, source } = useParallax(box); const { tilt, roll, source } = useParallax(box);
const imageList = reactive([ const imageList = reactive([
{ imgSrc: require("@/assets/img/home/game-swiper-card/01.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/01.png", import.meta.url).href },
{ imgSrc: require("@/assets/img/home/game-swiper-card/02.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/02.png", import.meta.url).href },
{ imgSrc: require("@/assets/img/home/game-swiper-card/03.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/03.png", import.meta.url).href },
{ imgSrc: require("@/assets/img/home/game-swiper-card/04.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/04.png", import.meta.url).href },
{ imgSrc: require("@/assets/img/home/game-swiper-card/05.png") }, { imgSrc: new URL("@/assets/img/home/game-swiper-card/05.png", import.meta.url).href },
]); ]);
const modules = [EffectCoverflow, Pagination]; const modules = [EffectCoverflow, Pagination];
const boxStyle4 = computed(() => ({ const boxStyle4 = computed(() => ({

View File

@ -61,27 +61,27 @@ const myRef = ref(null);
const activeIndex = ref(null); const activeIndex = ref(null);
const imageList = reactive([ const imageList = reactive([
{ {
imgSrc: require("@/assets/img/home/game/001.png"), imgSrc: new URL("@/assets/img/home/game/001.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/002.png"), imgSrc: new URL("@/assets/img/home/game/002.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/003.png"), imgSrc: new URL("@/assets/img/home/game/003.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/004.png"), imgSrc: new URL("@/assets/img/home/game/004.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/005.png"), imgSrc: new URL("@/assets/img/home/game/005.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/006.png"), imgSrc: new URL("@/assets/img/home/game/006.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
]); ]);

View File

@ -121,27 +121,27 @@ import { Autoplay, Pagination, Navigation, Scrollbar } from "swiper";
const modules = [Autoplay, Pagination, Navigation, Scrollbar]; const modules = [Autoplay, Pagination, Navigation, Scrollbar];
const imageList = reactive([ const imageList = reactive([
{ {
imgSrc: require("@/assets/img/home/game/001.png"), imgSrc: new URL("@/assets/img/home/game/001.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/002.png"), imgSrc: new URL("@/assets/img/home/game/002.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/003.png"), imgSrc: new URL("@/assets/img/home/game/003.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/004.png"), imgSrc: new URL("@/assets/img/home/game/004.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/005.png"), imgSrc: new URL("@/assets/img/home/game/005.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
{ {
imgSrc: require("@/assets/img/home/game/006.png"), imgSrc: new URL("@/assets/img/home/game/006.png", import.meta.url).href,
videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4", videoSrc: "https://embersword.com/videos/hero-animate-h264.mp4",
}, },
]); ]);

View File

@ -114,28 +114,28 @@ import "swiper/css/effect-flip";
import "swiper/css/free-mode"; import "swiper/css/free-mode";
const heroList = reactive([ const heroList = reactive([
{ id: 1, img: require("@/assets/img/home/hero/001.png"), name: "midif" }, { id: 1, img: new URL("@/assets/img/home/hero/001.png", import.meta.url).href, name: "midif" },
{ id: 2, img: require("@/assets/img/home/hero/002.png"), name: "ChipCard" }, { id: 2, img: new URL("@/assets/img/home/hero/002.png", import.meta.url).href, name: "ChipCard" },
{ id: 3, img: require("@/assets/img/home/hero/003.png"), name: "ChipCard" }, { id: 3, img: new URL("@/assets/img/home/hero/003.png", import.meta.url).href, name: "ChipCard" },
{ id: 4, img: require("@/assets/img/home/hero/004.png"), name: "ChipCard" }, { id: 4, img: new URL("@/assets/img/home/hero/004.png", import.meta.url).href, name: "ChipCard" },
{ id: 5, img: require("@/assets/img/home/hero/005.png"), name: "ChipCard" }, { id: 5, img: new URL("@/assets/img/home/hero/005.png", import.meta.url).href, name: "ChipCard" },
{ id: 6, img: require("@/assets/img/home/hero/006.png"), name: "ChipCard" }, { id: 6, img: new URL("@/assets/img/home/hero/006.png", import.meta.url).href, name: "ChipCard" },
{ id: 7, img: require("@/assets/img/home/hero/007.png"), name: "ChipCard" }, { id: 7, img: new URL("@/assets/img/home/hero/007.png", import.meta.url).href, name: "ChipCard" },
{ id: 8, img: require("@/assets/img/home/hero/008.png"), name: "ChipCard" }, { id: 8, img: new URL("@/assets/img/home/hero/008.png", import.meta.url).href, name: "ChipCard" },
{ id: 9, img: require("@/assets/img/home/hero/009.png"), name: "ChipCard" }, { id: 9, img: new URL("@/assets/img/home/hero/009.png", import.meta.url).href, name: "ChipCard" },
{ id: 10, img: require("@/assets/img/home/hero/010.png"), name: "ChipCard" }, { id: 10, img: new URL("@/assets/img/home/hero/010.png", import.meta.url).href, name: "ChipCard" },
]); ]);
const heroAvatarList = reactive([ const heroAvatarList = reactive([
{ id: 1, img: require("@/assets/img/home/hero/avatar/0001.png") }, { id: 1, img: new URL("@/assets/img/home/hero/avatar/0001.png", import.meta.url).href },
{ id: 2, img: require("@/assets/img/home/hero/avatar/0002.png") }, { id: 2, img: new URL("@/assets/img/home/hero/avatar/0002.png", import.meta.url).href },
{ id: 3, img: require("@/assets/img/home/hero/avatar/0003.png") }, { id: 3, img: new URL("@/assets/img/home/hero/avatar/0003.png", import.meta.url).href },
{ id: 4, img: require("@/assets/img/home/hero/avatar/0004.png") }, { id: 4, img: new URL("@/assets/img/home/hero/avatar/0004.png", import.meta.url).href },
{ id: 5, img: require("@/assets/img/home/hero/avatar/0005.png") }, { id: 5, img: new URL("@/assets/img/home/hero/avatar/0005.png", import.meta.url).href },
{ id: 6, img: require("@/assets/img/home/hero/avatar/0006.png") }, { id: 6, img: new URL("@/assets/img/home/hero/avatar/0006.png", import.meta.url).href },
{ id: 7, img: require("@/assets/img/home/hero/avatar/0007.png") }, { id: 7, img: new URL("@/assets/img/home/hero/avatar/0007.png", import.meta.url).href },
{ id: 8, img: require("@/assets/img/home/hero/avatar/0008.png") }, { id: 8, img: new URL("@/assets/img/home/hero/avatar/0008.png", import.meta.url).href },
{ id: 9, img: require("@/assets/img/home/hero/avatar/0009.png") }, { id: 9, img: new URL("@/assets/img/home/hero/avatar/0009.png", import.meta.url).href },
{ id: 10, img: require("@/assets/img/home/hero/avatar/0010.png") }, { id: 10, img: new URL("@/assets/img/home/hero/avatar/0010.png", import.meta.url).href },
]); ]);
const modules = [FreeMode, Navigation, Thumbs, EffectFlip]; const modules = [FreeMode, Navigation, Thumbs, EffectFlip];

View File

@ -85,13 +85,13 @@ const weaponSwiper = ref(null);
const weaponThumbsSwiper = ref(null); const weaponThumbsSwiper = ref(null);
const activeIndex = ref(0); const activeIndex = ref(0);
const weaponList = reactive([ const weaponList = reactive([
{ id: 1, img: require("@/assets/img/home/weapon/70001.png") }, { id: 1, img: new URL("@/assets/img/home/weapon/70001.png", import.meta.url).href },
{ id: 2, img: require("@/assets/img/home/weapon/70002.png") }, { id: 2, img: new URL("@/assets/img/home/weapon/70002.png", import.meta.url).href },
{ id: 3, img: require("@/assets/img/home/weapon/70003.png") }, { id: 3, img: new URL("@/assets/img/home/weapon/70003.png", import.meta.url).href },
{ id: 4, img: require("@/assets/img/home/weapon/70004.png") }, { id: 4, img: new URL("@/assets/img/home/weapon/70004.png", import.meta.url).href },
{ id: 5, img: require("@/assets/img/home/weapon/70005.png") }, { id: 5, img: new URL("@/assets/img/home/weapon/70005.png", import.meta.url).href },
{ id: 6, img: require("@/assets/img/home/weapon/70006.png") }, { id: 6, img: new URL("@/assets/img/home/weapon/70006.png", import.meta.url).href },
{ id: 7, img: require("@/assets/img/home/weapon/70007.png") }, { id: 7, img: new URL("@/assets/img/home/weapon/70007.png", import.meta.url).href },
]); ]);
const weaponListBig = reactive([ const weaponListBig = reactive([
{ id: 1, url: "/70001.gltf" }, { id: 1, url: "/70001.gltf" },
@ -104,19 +104,19 @@ const weaponListBig = reactive([
]); ]);
const weapoName = reactive([ const weapoName = reactive([
{ {
name: require("@/assets/img/home/weapon/name-7001.png"), name: new URL("@/assets/img/home/weapon/name-7001.png", import.meta.url).href,
},{ },{
name: require("@/assets/img/home/weapon/name-7002.png"), name: new URL("@/assets/img/home/weapon/name-7002.png", import.meta.url).href,
},{ },{
name: require("@/assets/img/home/weapon/name-7003.png"), name: new URL("@/assets/img/home/weapon/name-7003.png", import.meta.url).href,
}, { }, {
name: require("@/assets/img/home/weapon/name-7004.png"), name: new URL("@/assets/img/home/weapon/name-7004.png", import.meta.url).href,
}, { }, {
name: require("@/assets/img/home/weapon/name-7005.png"), name: new URL("@/assets/img/home/weapon/name-7005.png", import.meta.url).href,
},{ },{
name: require("@/assets/img/home/weapon/name-7006.png"), name: new URL("@/assets/img/home/weapon/name-7006.png", import.meta.url).href,
},{ },{
name: require("@/assets/img/home/weapon/name-7007.png"), name: new URL("@/assets/img/home/weapon/name-7007.png", import.meta.url).href,
}, },
]); ]);

View File

@ -1,70 +1,70 @@
export const HeroList = [ export const HeroList = [
{ {
id: 1, id: 1,
img: require("@/assets/img/home/hero/001.png"), img: new URL("@/assets/img/home/hero/001.png", import.meta.url).href,
name: "midif", name: "midif",
slogan: slogan:
"Coming from the Black Forest region on the West Coast, Aoi is rumored to be a descendant of the Grand Druid. Because of her fondness for candy, she often seals her cure magics in lollipops.", "Coming from the Black Forest region on the West Coast, Aoi is rumored to be a descendant of the Grand Druid. Because of her fondness for candy, she often seals her cure magics in lollipops.",
}, },
{ {
id: 2, id: 2,
img: require("@/assets/img/home/hero/002.png"), img: new URL("@/assets/img/home/hero/002.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"Canoe, the Priest of the Church of Fallen Angels, is a master summoner of hordes of mechs. Her greatest pleasure is fueled by her opponents' desperation.", "Canoe, the Priest of the Church of Fallen Angels, is a master summoner of hordes of mechs. Her greatest pleasure is fueled by her opponents' desperation.",
}, },
{ {
id: 3, id: 3,
img: require("@/assets/img/home/hero/003.png"), img: new URL("@/assets/img/home/hero/003.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"Mariana was originally a fur trapper in the Beast Valley of the South. After accidentally touching the blood of Beshimus, Mariana gained the powerful shape-shifting ability.", "Mariana was originally a fur trapper in the Beast Valley of the South. After accidentally touching the blood of Beshimus, Mariana gained the powerful shape-shifting ability.",
}, },
{ {
id: 4, id: 4,
img: require("@/assets/img/home/hero/004.png"), img: new URL("@/assets/img/home/hero/004.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"The Fox Clan of Hill has been there for a long time. They are good charmers. The prettier they are, the greater their strength. And Hill is at the top of her craft.", "The Fox Clan of Hill has been there for a long time. They are good charmers. The prettier they are, the greater their strength. And Hill is at the top of her craft.",
}, },
{ {
id: 5, id: 5,
img: require("@/assets/img/home/hero/005.png"), img: new URL("@/assets/img/home/hero/005.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"Raised by a group of assassins after losing her parents at an early age, Astral grows into an agile and skilled assassin.", "Raised by a group of assassins after losing her parents at an early age, Astral grows into an agile and skilled assassin.",
}, },
{ {
id: 6, id: 6,
img: require("@/assets/img/home/hero/006.png"), img: new URL("@/assets/img/home/hero/006.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"Miffy likes to play hide-and-seek with people and observe them in the dark. No one knows why. Maybe she's just timid and wants to play with everyone.", "Miffy likes to play hide-and-seek with people and observe them in the dark. No one knows why. Maybe she's just timid and wants to play with everyone.",
}, },
{ {
id: 7, id: 7,
img: require("@/assets/img/home/hero/007.png"), img: new URL("@/assets/img/home/hero/007.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"Yamato is a gifted scholar who can easily build the most powerful bombs yet often forgets the trifles of life.", "Yamato is a gifted scholar who can easily build the most powerful bombs yet often forgets the trifles of life.",
}, },
{ {
id: 8, id: 8,
img: require("@/assets/img/home/hero/008.png"), img: new URL("@/assets/img/home/hero/008.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"Dragonscale's origin is obscure. It is said that he came here from a mysterious land in the East in search of an ancient artifact that would relieve his people of their misery.", "Dragonscale's origin is obscure. It is said that he came here from a mysterious land in the East in search of an ancient artifact that would relieve his people of their misery.",
}, },
{ {
id: 9, id: 9,
img: require("@/assets/img/home/hero/009.png"), img: new URL("@/assets/img/home/hero/009.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"Kurosawa is the youngest of the king's guards in Shata, with a resolute and steady personality unlike his peers. Imbued with royal protocol, he also has an amazing flair for food and tasting.", "Kurosawa is the youngest of the king's guards in Shata, with a resolute and steady personality unlike his peers. Imbued with royal protocol, he also has an amazing flair for food and tasting.",
}, },
{ {
id: 10, id: 10,
img: require("@/assets/img/home/hero/010.png"), img: new URL("@/assets/img/home/hero/010.png", import.meta.url).href,
name: "ChipCard", name: "ChipCard",
slogan: slogan:
"Lazer was born in the Exile Street, where he grew up poor and often fought in underground boxing matches for a living. He takes the law of the jungle as his creed and shows no mercy to enemies.", "Lazer was born in the Exile Street, where he grew up poor and often fought in underground boxing matches for a living. He takes the law of the jungle as his creed and shows no mercy to enemies.",

View File

@ -1,6 +1,6 @@
import { defineConfig } from "vite"; import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue"; import vue from "@vitejs/plugin-vue";
import requireTransform from "vite-plugin-require-transform"; // import requireTransform from "vite-plugin-require-transform";
// 如果编辑器提示 path 模块找不到,则可以安装一下 @types/node -> npm i @types/node -D // 如果编辑器提示 path 模块找不到,则可以安装一下 @types/node -> npm i @types/node -D
import { resolve } from "path"; import { resolve } from "path";
import nodePolyfills from 'rollup-plugin-polyfill-node'; import nodePolyfills from 'rollup-plugin-polyfill-node';
@ -9,9 +9,9 @@ import nodePolyfills from 'rollup-plugin-polyfill-node';
export default defineConfig({ export default defineConfig({
plugins: [ plugins: [
vue(), vue(),
requireTransform({ // requireTransform({
fileRegex: /.js$|.vue$/, // fileRegex: /.js$|.vue$/,
}), // }),
], ],
resolve: { resolve: {
@ -47,7 +47,8 @@ export default defineConfig({
}, },
commonjsOptions: { commonjsOptions: {
transformMixedEsModules: true, transformMixedEsModules: true,
} },
chunkSizeWarningLimit: 1500,
}, },
envPrefix:"VUE_APP_", envPrefix:"VUE_APP_",
optimizeDeps: { optimizeDeps: {

1331
yarn.lock

File diff suppressed because it is too large Load Diff