${this.title}
+${this.content}
+ `; + document.querySelector("#notifyBox")?.appendChild(div); + setTimeout(() => { + document.querySelector(`div[nid="${nid}"]`)?.remove(); + }, 3000); + } +} + +export default Notify; diff --git a/src/utils/nprogress.ts b/src/utils/nprogress.ts new file mode 100644 index 0000000..3a64e5b --- /dev/null +++ b/src/utils/nprogress.ts @@ -0,0 +1,18 @@ +import NProgress from 'nprogress' +import 'nprogress/nprogress.css' + +NProgress.configure({ + easing: 'ease', + speed: 500, + showSpinner: false, + trickleSpeed: 200, + minimum: 0.2 +}) + +export const start = () => { + NProgress.start() +} + +export const close = () => { + NProgress.done() +} diff --git a/src/utils/requests.ts b/src/utils/requests.ts new file mode 100644 index 0000000..34b8473 --- /dev/null +++ b/src/utils/requests.ts @@ -0,0 +1,26 @@ +import axios, { type AxiosRequestConfig } from "axios"; +import { useAsyncState } from "@vueuse/core"; + +const _req = async
+
+
+ {{ room.currentMovie.name }}
+ 👁🗨 {{ room.peopleNum }}
+
+
+ 当前没有影片播放，快去添加几部吧~👁🗨 {{ room.peopleNum }}
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ 在线聊天
+
+
+
+
+
+
+
+
+ 房间信息
+
+
+
+
+
+
+
+
+ | 连接状态 | +{{ status }} | +
| 房间ID | +{{ roomID }} | +
| 房间密码 | ++ + + | +
| 在线人数 | +{{ room.peopleNum }} | +
+
+ 影片列表（{{ movieList.length }}）
+
+
+
+
+
+
+
+
+
+
+
+
+ 直播流
+ {{ item["name"] }}
+
+
+ {{ item["url"] || item["pullKey"] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 添加影片
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
new file mode 100644
index 0000000..68c3254
--- /dev/null
+++ b/src/views/HomeView.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/JoinRoom.vue b/src/views/JoinRoom.vue
new file mode 100644
index 0000000..6da49f0
--- /dev/null
+++ b/src/views/JoinRoom.vue
@@ -0,0 +1,172 @@
+
+
+
+ 首页
++
+
*开发中页面，可能是最终品质
+© Copyright 2023 Lazy all right reserved
+
+
+
+
+
+
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..5267c63
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,14 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [
+ "./index.html",
+ "./src/**/*.{vue,js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+ important: true,
+ darkMode: 'class',
+}
+
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..d34b0fc
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,12 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue","src/**/*.ts","src/**/**/*.vue"],
+ "exclude": ["src/**/__tests__/*"],
+ "compilerOptions": {
+ "composite": true,
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..7710be2
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
+ }
+ ],
+ "compilerOptions": {
+ "target": "ES2016",
+ "noImplicitAny": true,
+ "moduleResolution": "bundler"
+ }
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..bb67dfc
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,15 @@
+{
+ "extends": "@tsconfig/node18/tsconfig.json",
+ "include": [
+ "vite.config.*",
+ "vitest.config.*",
+ "cypress.config.*",
+ "nightwatch.conf.*",
+ "playwright.config.*"
+ ],
+ "compilerOptions": {
+ "composite": true,
+ "module": "ESNext",
+ "types": ["node"]
+ }
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..ffef13b
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,41 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig, loadEnv } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+
+const env = loadEnv('', process.cwd())
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ server: {
+ host: true,
+ proxy: {
+ "/api": {
+ target: "http://127.0.0.1:8088",
+ ws: true,
+ },
+ }
+ },
+ plugins: [
+ AutoImport({
+ resolvers: [ElementPlusResolver()],
+ }),
+ Components({
+ resolvers: [ElementPlusResolver()],
+ }),
+ vue()
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ },
+ build: {
+ cssCodeSplit: true,
+ minify: 'terser'
+ },
+ base: env.VITE_BASEURL
+})