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 modules = [Pagination];
const imageList = reactive([
{ imgSrc: require("@/assets/img/home/game-swiper-card/01.png") },
{ imgSrc: require("@/assets/img/home/game-swiper-card/02.png") },
{ imgSrc: require("@/assets/img/home/game-swiper-card/03.png") },
{ imgSrc: require("@/assets/img/home/game-swiper-card/04.png") },
{ imgSrc: require("@/assets/img/home/game-swiper-card/05.png") },
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/01.png", import.meta.url).href },
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/02.png", import.meta.url).href },
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/03.png", import.meta.url).href },
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/04.png", import.meta.url).href },
{ imgSrc: new URL("@/assets/img/home/game-swiper-card/05.png", import.meta.url).href },
]);
const handSlidePrev = () => {

View File

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

View File

@ -61,27 +61,27 @@ const myRef = ref(null);
const activeIndex = ref(null);
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",
},
{
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",
},
{
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",
},
{
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",
},
{
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",
},
{
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",
},
]);

View File

@ -121,27 +121,27 @@ import { Autoplay, Pagination, Navigation, Scrollbar } from "swiper";
const modules = [Autoplay, Pagination, Navigation, Scrollbar];
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",
},
{
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",
},
{
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",
},
{
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",
},
{
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",
},
{
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",
},
]);

View File

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

View File

@ -85,13 +85,13 @@ const weaponSwiper = ref(null);
const weaponThumbsSwiper = ref(null);
const activeIndex = ref(0);
const weaponList = reactive([
{ id: 1, img: require("@/assets/img/home/weapon/70001.png") },
{ id: 2, img: require("@/assets/img/home/weapon/70002.png") },
{ id: 3, img: require("@/assets/img/home/weapon/70003.png") },
{ id: 4, img: require("@/assets/img/home/weapon/70004.png") },
{ id: 5, img: require("@/assets/img/home/weapon/70005.png") },
{ id: 6, img: require("@/assets/img/home/weapon/70006.png") },
{ id: 7, img: require("@/assets/img/home/weapon/70007.png") },
{ id: 1, img: new URL("@/assets/img/home/weapon/70001.png", import.meta.url).href },
{ id: 2, img: new URL("@/assets/img/home/weapon/70002.png", import.meta.url).href },
{ id: 3, img: new URL("@/assets/img/home/weapon/70003.png", import.meta.url).href },
{ id: 4, img: new URL("@/assets/img/home/weapon/70004.png", import.meta.url).href },
{ id: 5, img: new URL("@/assets/img/home/weapon/70005.png", import.meta.url).href },
{ id: 6, img: new URL("@/assets/img/home/weapon/70006.png", import.meta.url).href },
{ id: 7, img: new URL("@/assets/img/home/weapon/70007.png", import.meta.url).href },
]);
const weaponListBig = reactive([
{ id: 1, url: "/70001.gltf" },
@ -104,19 +104,19 @@ const weaponListBig = 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 = [
{
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",
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.",
},
{
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",
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.",
},
{
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",
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.",
},
{
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",
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.",
},
{
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",
slogan:
"Raised by a group of assassins after losing her parents at an early age, Astral grows into an agile and skilled assassin.",
},
{
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",
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.",
},
{
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",
slogan:
"Yamato is a gifted scholar who can easily build the most powerful bombs yet often forgets the trifles of life.",
},
{
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",
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.",
},
{
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",
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.",
},
{
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",
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.",

View File

@ -1,6 +1,6 @@
import { defineConfig } from "vite";
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
import { resolve } from "path";
import nodePolyfills from 'rollup-plugin-polyfill-node';
@ -9,9 +9,9 @@ import nodePolyfills from 'rollup-plugin-polyfill-node';
export default defineConfig({
plugins: [
vue(),
requireTransform({
fileRegex: /.js$|.vue$/,
}),
// requireTransform({
// fileRegex: /.js$|.vue$/,
// }),
],
resolve: {
@ -47,7 +47,8 @@ export default defineConfig({
},
commonjsOptions: {
transformMixedEsModules: true,
}
},
chunkSizeWarningLimit: 1500,
},
envPrefix:"VUE_APP_",
optimizeDeps: {

1331
yarn.lock

File diff suppressed because it is too large Load Diff