parent
7b810bda0e
commit
5f112164f2
@ -1,3 +1,3 @@
|
||||
# 生产环境使用的变量
|
||||
|
||||
NEXT_PUBLIC_HOST = 'http://39.103.180.196:9012/'
|
||||
NEXT_PUBLIC_HOST = 'http://api.indie.cn:9012'
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
# 测试环境使用的变量
|
||||
|
||||
NEXT_PUBLIC_HOST = 'http://39.103.180.196:9012/'
|
||||
@ -1,36 +1,37 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
.yarn/install-state.gz
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# local env files
|
||||
.env*.local
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
.yarn/install-state.gz
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# local env files
|
||||
.env*.local
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
/dist
|
||||
|
||||
@ -0,0 +1,43 @@
|
||||
# Install dependencies only when needed
|
||||
FROM node:alpine AS deps
|
||||
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
|
||||
RUN apk add --no-cache libc6-compat
|
||||
WORKDIR /app
|
||||
COPY package.json package-lock.json ./
|
||||
RUN yarn install --frozen-lockfile --registry=https://registry.npm.taobao.org
|
||||
|
||||
# Rebuild the source code only when needed
|
||||
FROM node:alpine AS builder
|
||||
WORKDIR /app
|
||||
COPY . .
|
||||
COPY --from=deps /app/node_modules ./node_modules
|
||||
RUN yarn build && yarn install --production --ignore-scripts --prefer-offline --registry=https://registry.npm.taobao.org
|
||||
|
||||
# Production image, copy all the files and run next
|
||||
FROM node:alpine AS runner
|
||||
WORKDIR /app
|
||||
|
||||
ENV NODE_ENV production
|
||||
|
||||
RUN addgroup -g 1001 -S nodejs
|
||||
RUN adduser -S nextjs -u 1001
|
||||
|
||||
# You only need to copy next.config.js if you are NOT using the default configuration
|
||||
# COPY --from=builder /app/next.config.js ./
|
||||
COPY --from=builder /app/public ./public
|
||||
COPY --from=builder --chown=nextjs:nodejs /app/.next ./.next
|
||||
COPY --from=builder /app/node_modules ./node_modules
|
||||
COPY --from=builder /app/package.json ./package.json
|
||||
|
||||
USER nextjs
|
||||
|
||||
EXPOSE 3000
|
||||
|
||||
ENV PORT 3000
|
||||
|
||||
# Next.js collects completely anonymous telemetry data about general usage.
|
||||
# Learn more here: https://nextjs.org/telemetry
|
||||
# Uncomment the following line in case you want to disable telemetry.
|
||||
# ENV NEXT_TELEMETRY_DISABLED 1
|
||||
|
||||
CMD ["node_modules/.bin/next", "start"]
|
||||
@ -1,22 +1,28 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
// output: 'export',
|
||||
distDir: 'dist',
|
||||
async rewrites() {
|
||||
return [
|
||||
{
|
||||
source: '/queyueapi/:path*',
|
||||
destination: `${process.env.NEXT_PUBLIC_HOST}/:path*`,
|
||||
destination: `http://api.indie.cn:9012/:path*`,
|
||||
},
|
||||
];
|
||||
},
|
||||
redirects: async () => {
|
||||
return [
|
||||
{
|
||||
source: '/',
|
||||
destination: '/vol/list/all',
|
||||
permanent: true,
|
||||
},
|
||||
// {
|
||||
// source: '/',
|
||||
// destination: '/download',
|
||||
// permanent: false,
|
||||
// },
|
||||
];
|
||||
},
|
||||
eslint: {
|
||||
ignoreDuringBuilds: true,
|
||||
ignoreBuildErrors: true,
|
||||
},
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
|
||||
@ -1,3 +1,7 @@
|
||||
export default function Loading() {
|
||||
return <div>Loading...</div>;
|
||||
return (
|
||||
<div className="w-[100vw] h-[100vh] flex justify-center items-center">
|
||||
<div>loading...</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,3 +1,68 @@
|
||||
export default function Home() {
|
||||
return <main></main>;
|
||||
}
|
||||
'use client';
|
||||
|
||||
import Image from 'next/image';
|
||||
|
||||
import DownloadCard from '@/app/download/components/DownloadCard';
|
||||
|
||||
const qrCodeList: Array<DownloadQrcodeCard> = [
|
||||
{
|
||||
platform: 'APP Store',
|
||||
iconUrl: '/img/download/logo_apple.svg',
|
||||
qrCode: '',
|
||||
},
|
||||
{
|
||||
platform: 'Android',
|
||||
iconUrl: '/img/download/logo_android.svg',
|
||||
qrCode: '/img/download/qrcode_android.svg',
|
||||
},
|
||||
];
|
||||
|
||||
export default function Download() {
|
||||
return (
|
||||
<main className="w-full flex flex-col items-center pb-[104px] font-normal">
|
||||
{/* 首屏 */}
|
||||
<div className="relative w-full h-min-[1000px] h-screen flex flex-col items-center pt-[30vh] bg-[url(/img/download/background_1.png)] bg-center bg-cover bg-no-repeat text-[#fff]">
|
||||
{/* slogan */}
|
||||
<div className="flex flex-col items-center mb-[35px]">
|
||||
<Image width={410} height={50} src="/img/download/slogan_line1.svg" alt="为独立音乐，雀跃" />
|
||||
<Image className="mt-[26px] mb-[26px]" width={9} height={24} src="/img/download/slogan_line2.svg" alt="/" />
|
||||
<Image width={143} height={24} src="/img/download/slogan_line3.svg" alt="独立 不独于世" />
|
||||
</div>
|
||||
|
||||
{/* APP二维码 */}
|
||||
<div className="flex flex-row">
|
||||
{qrCodeList.map(({ platform, iconUrl, qrCode }) => (
|
||||
<DownloadCard key={platform} platform={platform} iconUrl={iconUrl} qrCode={qrCode} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 第二屏 */}
|
||||
<div className="relative w-full h-[1000px] h-screen pl-[45.7vw] flex flex-col bg-[url(/img/download/background_2.png)] bg-center bg-cover bg-no-repeat">
|
||||
{/* 花体字-“我们回来了” */}
|
||||
<Image className="mt-[16.67vh] mb-[50px]" width={306} height={86} src="/img/download/back.svg" alt="back" />
|
||||
|
||||
{/* 诗歌 */}
|
||||
<p className="pl-[15px] text-[#000] text-[15px] leading-[28px] text-left">
|
||||
音乐是一种态度
|
||||
<br />
|
||||
不论是创作者还是聆听者
|
||||
<br />
|
||||
它流经心灵
|
||||
<br />
|
||||
纵然期待影响现实的力量是种奢望
|
||||
<br />
|
||||
如果刚巧有些声音
|
||||
<br />
|
||||
会叫你记得一段往事
|
||||
<br />
|
||||
伤痛或是甜蜜
|
||||
<br />
|
||||
那记忆便有了厚厚的壳
|
||||
<br />
|
||||
恒久的 温暖有如初生
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,34 +1,38 @@
|
||||
export default function Footer() {
|
||||
const agreementList = [
|
||||
{
|
||||
name: '服务条款',
|
||||
url: '/',
|
||||
},
|
||||
{
|
||||
name: '版权声明',
|
||||
url: '/',
|
||||
},
|
||||
{
|
||||
name: '许可协议',
|
||||
url: '/',
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<footer className="absolute bottom-[40px] flex flex-col items-center w-full justify-center text-center text-[12px] leading-[16.8px]">
|
||||
<div className="w-[1200px] mx-auto">
|
||||
<p className="mt-[18px] mb-[12px] text-[rgba(0,0,0,0.4)]">
|
||||
粤ICP备2024190175号-1 深圳雀乐文化科技有限责任公司 Shenzhen QueYue Culture Technology Co., Ltd.
|
||||
</p>
|
||||
|
||||
<p className="text-[rgba(0,0,0,0.7)]">
|
||||
{agreementList.map(({ name, url }) => (
|
||||
<a className="mx-[4px]" href={url} key={name}>
|
||||
{name}
|
||||
</a>
|
||||
))}
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
export default function Footer() {
|
||||
const agreementList = [
|
||||
{
|
||||
name: '知识产权说明',
|
||||
url: 'http://cdn.indie.cn/html/agreement/intellectualPropertyDescription.html',
|
||||
},
|
||||
{
|
||||
name: '注册协议',
|
||||
url: 'http://cdn.indie.cn/html/agreement/registrationAgreement.html',
|
||||
},
|
||||
{
|
||||
name: '隐私政策',
|
||||
url: 'http://cdn.indie.cn/html/agreement/privacyPolicy.html',
|
||||
},
|
||||
{
|
||||
name: '投诉指引',
|
||||
url: 'http://cdn.indie.cn/html/agreement/complaintGuidelines.html',
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<footer className="absolute bottom-[40px] flex flex-col items-center w-full justify-center text-center text-[12px] leading-[16.8px]">
|
||||
<div className="w-[1200px] mx-auto">
|
||||
<p className="mt-[18px] mb-[12px] text-[rgba(0,0,0,0.4)]">
|
||||
粤ICP备2024190175号-1 深圳雀乐文化科技有限责任公司 Shenzhen QueYue Culture Technology Co., Ltd.
|
||||
</p>
|
||||
|
||||
<p className="text-[rgba(0,0,0,0.7)]">
|
||||
{agreementList.map(({ name, url }) => (
|
||||
<a className="mx-[4px] hover:text-theme" href={url} key={name} target="_blank">
|
||||
{name}
|
||||
</a>
|
||||
))}
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
Reference in new issue