@ -0,0 +1,53 @@
|
||||
{
|
||||
"extends": [
|
||||
"next/core-web-vitals",
|
||||
"plugin:@typescript-eslint/recommended",
|
||||
"plugin:prettier/recommended",
|
||||
"eslint-config-prettier"
|
||||
],
|
||||
"plugins": ["prettier"],
|
||||
"rules": {
|
||||
"@typescript-eslint/no-explicit-any": ["off"], // 允许使用any
|
||||
"@typescript-eslint/ban-ts-comment": "off", // 允许使用@ts-ignore
|
||||
"@typescript-eslint/no-non-null-assertion": "off", // 允许使用非空断言
|
||||
"@typescript-eslint/no-var-requires": "off", // 允许使用CommonJS的写法
|
||||
"no-console": ["warn", { "allow": ["warn", "error"] }], // 提交时不允许有console.log
|
||||
"no-debugger": "warn",
|
||||
"import/order": [
|
||||
"error",
|
||||
{
|
||||
"groups": ["builtin", "external", "parent", "sibling", "index", "internal", "object", "type"], // 按照分组顺序进行排序
|
||||
// 通过路径自定义分组
|
||||
"pathGroups": [
|
||||
{
|
||||
"pattern": "react*",
|
||||
"group": "builtin",
|
||||
"position": "before"
|
||||
},
|
||||
{
|
||||
"pattern": "@/components/**",
|
||||
"group": "parent",
|
||||
"position": "before"
|
||||
},
|
||||
{
|
||||
"pattern": "@/utils/**",
|
||||
"group": "parent",
|
||||
"position": "after"
|
||||
},
|
||||
{
|
||||
"pattern": "@/apis/**",
|
||||
"group": "parent",
|
||||
"position": "after"
|
||||
}
|
||||
],
|
||||
"pathGroupsExcludedImportTypes": ["react"],
|
||||
"newlines-between": "always", // 每个分组之间换行
|
||||
// 根据字母顺序对每个组内的顺序进行排序
|
||||
"alphabetize": {
|
||||
"order": "asc",
|
||||
"caseInsensitive": true
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
# 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
|
||||
@ -0,0 +1,3 @@
|
||||
/.next/
|
||||
/node_modules
|
||||
.env*.local
|
||||
@ -0,0 +1,9 @@
|
||||
{
|
||||
"endOfLine": "auto",
|
||||
"printWidth": 120,
|
||||
"semi": true,
|
||||
"singleQuote": true,
|
||||
"tabWidth": 2,
|
||||
"trailingComma": "all",
|
||||
"bracketSpacing": true
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
|
||||
|
||||
## Getting Started
|
||||
|
||||
First, run the development server:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
# or
|
||||
yarn dev
|
||||
# or
|
||||
pnpm dev
|
||||
# or
|
||||
bun dev
|
||||
```
|
||||
|
||||
Open [http://localhost:3001](http://localhost:3001) with your browser to see the result.
|
||||
|
||||
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
|
||||
|
||||
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
|
||||
|
||||
## Learn More
|
||||
|
||||
To learn more about Next.js, take a look at the following resources:
|
||||
|
||||
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
||||
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
||||
|
||||
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
|
||||
|
||||
## Deploy on Vercel
|
||||
|
||||
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
||||
|
||||
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
|
||||
@ -0,0 +1,3 @@
|
||||
module.exports = {
|
||||
extends: ['@commitlint/config-conventional'],
|
||||
};
|
||||
@ -0,0 +1,6 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
output: 'export',
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "queyue-h5",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev -p 3001",
|
||||
"build": "next build",
|
||||
"start": "next start -p 3001",
|
||||
"lint": "eslint src --fix --ext .ts,.tsx,.js,.jsx --max-warnings 0"
|
||||
},
|
||||
"dependencies": {
|
||||
"lib-flexible": "^0.3.2",
|
||||
"next": "14.1.3",
|
||||
"react": "^18",
|
||||
"react-dom": "^18"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@commitlint/cli": "^19.1.0",
|
||||
"@commitlint/config-conventional": "^19.1.0",
|
||||
"@types/node": "^20",
|
||||
"@types/react": "^18",
|
||||
"@types/react-dom": "^18",
|
||||
"@typescript-eslint/eslint-plugin": "^6.21.0",
|
||||
"autoprefixer": "^10.0.1",
|
||||
"eslint": "^8",
|
||||
"eslint-config-next": "14.1.3",
|
||||
"eslint-config-prettier": "^9.1.0",
|
||||
"eslint-plugin-import": "^2.29.1",
|
||||
"eslint-plugin-prettier": "^5.1.3",
|
||||
"husky": "^9.0.11",
|
||||
"lint-staged": "^15.2.2",
|
||||
"postcss": "^8",
|
||||
"postcss-flexbugs-fixes": "^5.0.2",
|
||||
"postcss-preset-env": "^9.5.1",
|
||||
"postcss-pxtorem": "^6.1.0",
|
||||
"prettier": "^3.2.5",
|
||||
"tailwindcss": "^3.3.0",
|
||||
"typescript": "^5.2.2"
|
||||
},
|
||||
"lint-staged": {
|
||||
"src/**/*.{js,jsx,ts,tsx,json}": [
|
||||
"npm run lint",
|
||||
"prettier --write"
|
||||
]
|
||||
},
|
||||
"browserslist": [
|
||||
"iOS >= 7",
|
||||
"Android >= 4"
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,26 @@
|
||||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
'postcss-flexbugs-fixes': {},
|
||||
'postcss-preset-env': {
|
||||
autoprefixer: {
|
||||
flexbox: 'no-2009',
|
||||
},
|
||||
stage: 3,
|
||||
features: {
|
||||
'custom-properties': false,
|
||||
},
|
||||
},
|
||||
'postcss-pxtorem': {
|
||||
rootValue: 37.5,
|
||||
unitPrecision: 5,
|
||||
propList: ['*'],
|
||||
selectorBlackList: [],
|
||||
replace: true,
|
||||
mediaQuery: false,
|
||||
minPixelValue: 0,
|
||||
exclude: '',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 199 KiB |
|
After Width: | Height: | Size: 160 KiB |
|
After Width: | Height: | Size: 248 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 199 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 258 KiB |
|
After Width: | Height: | Size: 253 KiB |
|
After Width: | Height: | Size: 237 KiB |
|
After Width: | Height: | Size: 208 KiB |
|
After Width: | Height: | Size: 286 KiB |
|
After Width: | Height: | Size: 253 KiB |
|
After Width: | Height: | Size: 237 KiB |
|
After Width: | Height: | Size: 243 KiB |
|
After Width: | Height: | Size: 898 B |
|
After Width: | Height: | Size: 276 B |
|
After Width: | Height: | Size: 276 B |
|
After Width: | Height: | Size: 506 B |
|
After Width: | Height: | Size: 514 B |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 507 KiB |
|
After Width: | Height: | Size: 11 MiB |
|
After Width: | Height: | Size: 7.8 MiB |
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 716 B |
|
After Width: | Height: | Size: 233 KiB |
|
After Width: | Height: | Size: 5.0 MiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 405 B |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 5.0 MiB |
|
After Width: | Height: | Size: 3.7 MiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 211 B |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 792 B |
|
After Width: | Height: | Size: 921 B |
|
After Width: | Height: | Size: 391 B |
|
After Width: | Height: | Size: 355 B |
|
After Width: | Height: | Size: 276 B |
|
After Width: | Height: | Size: 438 B |
|
After Width: | Height: | Size: 619 B |
|
After Width: | Height: | Size: 312 B |
|
After Width: | Height: | Size: 236 B |
|
After Width: | Height: | Size: 312 B |
|
After Width: | Height: | Size: 747 B |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 411 B |
|
After Width: | Height: | Size: 211 B |
|
After Width: | Height: | Size: 771 B |
@ -0,0 +1,54 @@
|
||||
'use client';
|
||||
|
||||
import Image from 'next/image';
|
||||
|
||||
import { download } from '@/utils/download';
|
||||
|
||||
import useUA from '@/hooks/useUA';
|
||||
|
||||
export default function Download() {
|
||||
const { inWX } = useUA();
|
||||
|
||||
const handleDownload = () => {
|
||||
download();
|
||||
};
|
||||
|
||||
return (
|
||||
<main className="relative max-w-screen-sm min-h-screen mx-auto flex flex-col items-center text-white font-normal bg-gradient-to-b from-[#030303] to-[#1f1f20]">
|
||||
{inWX && (
|
||||
<div className="absolute top-[4px] left-1/2 translate-x-[-50%] w-[339px] h-[87px] flex justify-between bg-gradient-to-r from-[#1c1c1c] to-[#1e1e1e] rounded-[6px] px-[18px] py-[19px] box-border">
|
||||
<div>
|
||||
<h5 className="font-medium text-[17px] leading-[23.8px] mb-[5px]">下载【雀乐】APP</h5>
|
||||
<p className="text-[14px] leading-[19.6px] text-[#ffffffb2] flex items-center">
|
||||
点击右上角
|
||||
<Image
|
||||
unoptimized
|
||||
className="w-[24px] h-[24px]"
|
||||
width={24}
|
||||
height={24}
|
||||
src="/img/icon_dot.png"
|
||||
alt="dot"
|
||||
/>
|
||||
选择在浏览器中打开
|
||||
</p>
|
||||
</div>
|
||||
<Image className="w-[37px] h-[35px] mr-[3px]" width={37} height={35} src="/img/vector-2.svg" alt="arrow" />
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex flex-col items-center mt-[151px]">
|
||||
<Image className="w-[90px] h-[90px]" width={90} height={90} src="/img/app_icon_white_bg.svg" alt="queyue" />
|
||||
<p className="text-[20px] leading-[24px] font-['Fontquan-XinYiJiXiangSong-Regular'] mt-[20px] tracking-[3px]">
|
||||
独立 不独于世
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<button
|
||||
className="w-[283px] h-[48px] flex items-center justify-center bg-[#B44343] font-medium text-[17px] rounded-full mt-[44px]"
|
||||
onClick={handleDownload}
|
||||
>
|
||||
下载【雀乐】APP
|
||||
</button>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
After Width: | Height: | Size: 25 KiB |
@ -0,0 +1,51 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@font-face {
|
||||
font-family: 'PingFang SC-Regular';
|
||||
src: url('/fonts/ping-fang-hei-ti-zhun-jian.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'PingFang SC-Medium';
|
||||
src: url('/fonts/pingfang-sc-medium.otf') format('opentype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'PingFang SC-Semibold';
|
||||
src: url('/fonts/pingfangsc-semibold.otf') format('opentype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Abhaya Libre SemiBold-Regular';
|
||||
src: url('/fonts/ping-fang-hei-ti-zhun-jian.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Fontquan-XinYiJiXiangSong-Regular';
|
||||
src: url('/fonts/Fontquan-XinYiJiXiangSong.ttf') format('truetype');
|
||||
}
|
||||
|
||||
:root {
|
||||
--body-bg-color: #1a1a1a;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--body-bg-color);
|
||||
font-family: 'PingFang SC-Regular', Helvetica;
|
||||
|
||||
/* padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-bottom: env(safe-area-inset-bottom); */
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.text-balance {
|
||||
text-wrap: balance;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,37 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useEffect } from 'react';
|
||||
|
||||
import './globals.css';
|
||||
|
||||
export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
|
||||
const [loaded, setLoaded] = useState(false);
|
||||
|
||||
const setRem = async () => {
|
||||
await import('lib-flexible');
|
||||
setLoaded(true);
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
setRem();
|
||||
window.addEventListener('resize', setRem);
|
||||
return () => {
|
||||
window.removeEventListener('resize', setRem);
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<html lang="zn-ch">
|
||||
<head>
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"
|
||||
/>
|
||||
<meta httpEquiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>雀乐</title>
|
||||
<meta name="description" content="独立 不独于世" />
|
||||
</head>
|
||||
<body>{loaded ? children : null}</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,176 @@
|
||||
'use client';
|
||||
|
||||
import { useRef } from 'react';
|
||||
|
||||
import Image from 'next/image';
|
||||
import Link from 'next/link';
|
||||
|
||||
import { download } from '@/utils/download';
|
||||
|
||||
import useUA from '@/hooks/useUA';
|
||||
|
||||
export default function Home() {
|
||||
const firstScreenRef = useRef<HTMLDivElement>(null);
|
||||
const { inWX } = useUA();
|
||||
|
||||
const handleShare = () => {
|
||||
alert('正在开发中，敬请期待');
|
||||
};
|
||||
|
||||
const handleDownload = () => {
|
||||
download();
|
||||
};
|
||||
|
||||
const handleSlideDown = () => {
|
||||
window.scrollTo({ top: firstScreenRef?.current?.offsetHeight, behavior: 'smooth' });
|
||||
};
|
||||
|
||||
return (
|
||||
<main className="max-w-screen-sm min-h-screen mx-auto flex flex-col items-center text-white font-normal">
|
||||
{/* 首屏 */}
|
||||
<div
|
||||
ref={firstScreenRef}
|
||||
className="relative w-full min-h-screen flex flex-col items-center bg-[url('/img/index_background.svg')] bg-center bg-cover"
|
||||
>
|
||||
{/* title */}
|
||||
{!inWX && <h1 className="text-center text-[17px] h-[44px] leading-[44px]">雀乐</h1>}
|
||||
|
||||
{/* App logo */}
|
||||
<div className="flex flex-col items-center absolute top-[25%]">
|
||||
<Image className="w-[90px] h-[90px]" width={90} height={90} src="/img/app_icon_white_bg.svg" alt="queyue" />
|
||||
<p className="text-[20px] font-['Fontquan-XinYiJiXiangSong-Regular'] mt-3 tracking-[3px]">独立 不独于世</p>
|
||||
</div>
|
||||
|
||||
<div className="w-full flex flex-col items-center absolute bottom-0">
|
||||
<button
|
||||
className="w-[283px] h-[48px] flex items-center justify-center bg-[#000000f2] font-medium text-[17px] rounded-full mb-[16px]"
|
||||
onClick={handleShare}
|
||||
>
|
||||
<Image
|
||||
className="w-[24px] h-[24px] mr-[6px]"
|
||||
width={24}
|
||||
height={24}
|
||||
src="/img/index_weChatIcon.svg"
|
||||
alt="wx-share"
|
||||
/>
|
||||
<span>分享给好友</span>
|
||||
</button>
|
||||
<button
|
||||
className="w-[283px] h-[48px] flex items-center justify-center bg-[#B44343] font-medium text-[17px] rounded-full mb-[16px]"
|
||||
onClick={handleDownload}
|
||||
>
|
||||
下载【雀乐】APP
|
||||
</button>
|
||||
<button className="w-[283px] h-[48px] flex justify-center" onClick={handleSlideDown}>
|
||||
<Image
|
||||
className="w-[36px] h-[36px] animate-bounce"
|
||||
width={36}
|
||||
height={36}
|
||||
src="/img/index_Dropdown.svg"
|
||||
alt="download"
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 第二屏 */}
|
||||
<div className="relative w-full min-h-screen flex flex-col items-center bg-black">
|
||||
<div className="w-[75.5%]">
|
||||
<Image
|
||||
className="w-[165.24px] h-[46.44px] mt-[51.58px]"
|
||||
width={165.24}
|
||||
height={46.44}
|
||||
src="/img/handwritten_white.svg"
|
||||
alt="we are back"
|
||||
/>
|
||||
|
||||
<p className="text-[#ffffffb2] text-[14px] leading-[26px] mt-[19.98px]">
|
||||
音乐是一种态度
|
||||
<br />
|
||||
不论是创作者还是聆听者
|
||||
<br />
|
||||
它流经心灵
|
||||
<br />
|
||||
纵然期待影响现实的力量是种奢望
|
||||
<br />
|
||||
如果刚巧有些声音
|
||||
<br />
|
||||
会叫你记得一段往事
|
||||
<br />
|
||||
伤痛或是甜蜜
|
||||
<br />
|
||||
那记忆便有了厚厚的壳
|
||||
<br />
|
||||
恒久的 温暖有如初生
|
||||
</p>
|
||||
|
||||
<Image
|
||||
className="w-[299px] h-[451.61px] mt-[26px] ml-auto mr-auto"
|
||||
width={299}
|
||||
height={451.61}
|
||||
src="/img/index_mockup.svg"
|
||||
alt="app preview"
|
||||
/>
|
||||
|
||||
<h5 className="text-[#ffffffb2] text-center text-[15px] leading-[21px] mt-[100px] mb-[4px]">合作联系</h5>
|
||||
<p className="text-center text-[20px] font-medium leading-[33.6px]">rock@indie.cn</p>
|
||||
|
||||
<h5 className="text-[#ffffffb2] text-center text-[15px] leading-[21px] mt-[47px] mb-[4px]">Weibo</h5>
|
||||
<p className="text-center text-[20px] font-medium leading-[33.6px] flex items-center justify-center">
|
||||
<Link
|
||||
className="relative"
|
||||
href="https://weibo.com/1886232237?refer_flag=1001030103_"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
官方微博
|
||||
<Image
|
||||
className="w-[24px] h-[24px] absolute top-[50%] right-[-24px] translate-y-[-50%]"
|
||||
width={24}
|
||||
height={24}
|
||||
src="/img/icon.svg"
|
||||
alt="arrow-right"
|
||||
/>
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
{/* <h5 className="text-[#ffffffb2] text-center text-[15px] leading-[21px] mt-[47px] mb-[4px]">贡献者</h5>
|
||||
<p className="text-center text-[20px] font-medium leading-[33.6px] flex items-center justify-center">
|
||||
<span className="relative">
|
||||
加入我们
|
||||
<Image
|
||||
className="w-[24px] h-[24px] absolute top-[50%] right-[-24px] translate-y-[-50%]"
|
||||
width={24}
|
||||
height={24}
|
||||
src="/img/icon.svg"
|
||||
alt="arrow-right"
|
||||
/>
|
||||
</span>
|
||||
</p> */}
|
||||
|
||||
<Link
|
||||
className="block w-[fit-content] mt-[68px] ml-auto mr-auto"
|
||||
href="http://weixin.qq.com/r/thLfx-3EHaBirbmk90ek"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image
|
||||
className="w-[97.5px] h-[97.5px] mb-[10.5px] rounded-sm"
|
||||
width={97.5}
|
||||
height={97.5}
|
||||
src="/img/index_QRCode.svg"
|
||||
alt="arrow-right"
|
||||
/>
|
||||
<h5 className="text-[#ffffffb2] text-center text-[12px] leading-[18.8px]">雀乐公众号</h5>
|
||||
</Link>
|
||||
|
||||
<p className="text-[#ffffff33] text-center text-[9px] leading-[12.6px] mt-[53px] mb-[52px]">
|
||||
粤ICP备2024190175号-1 深圳雀乐文化科技有限责任公司
|
||||
<br />
|
||||
Shenzhen QueYue Culture Technology Co., Ltd.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
|
||||
import { Hosting } from '@/utils/ua';
|
||||
|
||||
export default function useUA() {
|
||||
const [inWX, setInWX] = useState(true);
|
||||
|
||||
useEffect(() => {
|
||||
setInWX(Hosting.isWX(window?.navigator?.userAgent?.toLowerCase()));
|
||||
}, []);
|
||||
|
||||
return { inWX };
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
declare module 'lib-flexible';
|
||||
@ -0,0 +1,9 @@
|
||||
import { Hosting } from '@/utils/ua';
|
||||
|
||||
// 下载
|
||||
export const download = () => {
|
||||
const ua = window?.navigator?.userAgent?.toLowerCase();
|
||||
if (!Hosting.isWX(ua)) {
|
||||
window.open('//cdn.indie.cn/release/queyue.apk', '__blank');
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,8 @@
|
||||
// 判断 H5 宿主环境
|
||||
export const Hosting = {
|
||||
isAndroid: (ua: any) => ua.indexOf('android') > -1 || ua.indexOf('linux') > -1,
|
||||
isIPhone: (ua: any) => ua.indexOf('iphone') > -1,
|
||||
isIPad: (ua: any) => ua.indexOf('ipad') > -1,
|
||||
isIPod: (ua: any) => ua.indexOf('ipod') > -1,
|
||||
isWX: (ua: any) => ua.indexOf('micromessenger') > -1,
|
||||
};
|
||||
@ -0,0 +1,20 @@
|
||||
import type { Config } from 'tailwindcss';
|
||||
|
||||
const config: Config = {
|
||||
content: [
|
||||
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
|
||||
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
|
||||
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
|
||||
'./src/modules/**/*.{js,ts,jsx,tsx,mdx}',
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
backgroundImage: {
|
||||
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
||||
'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
};
|
||||
export default config;
|
||||
@ -0,0 +1,26 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
"noEmit": true,
|
||||
"esModuleInterop": true,
|
||||
"module": "esnext",
|
||||
"moduleResolution": "bundler",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"jsx": "preserve",
|
||||
"incremental": true,
|
||||
"plugins": [
|
||||
{
|
||||
"name": "next"
|
||||
}
|
||||
],
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
}
|
||||
},
|
||||
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||