Pārlūkot izejas kodu

标题、语言与图标

dev_YWQ
HolyKnightIX pirms 1 gada
vecāks
revīzija
3769d1d3b1
15 mainītis faili ar 754 papildinājumiem un 999 dzēšanām
  1. +1
    -1
      .env.development
  2. +1
    -1
      .env.production
  3. +1
    -3
      index.html
  4. +2
    -2
      package.json
  5. Binārs
      public/favicon.ico
  6. +1
    -1
      src/lang/package/en.ts
  7. +1
    -1
      src/lang/package/zh-cn.ts
  8. +27
    -27
      src/layout/components/Sidebar/index.vue
  9. +28
    -28
      src/layout/index.vue
  10. +1
    -1
      src/settings.ts
  11. +531
    -887
      src/types/auto-imports.d.ts
  12. +49
    -45
      src/types/components.d.ts
  13. +6
    -1
      src/views/login/index.vue
  14. +1
    -1
      vite.config.ts
  15. +104
    -0
      vite.config.ts.timestamp-1684808728027-38eb82a763185.mjs

+ 1
- 1
.env.development Parādīt failu

@@ -3,6 +3,6 @@
# 变量必须以 VITE_ 为前缀才能暴露给外部读取
NODE_ENV='development'

VITE_APP_TITLE = 'vue3-element-admin'
VITE_APP_TITLE = 'Metavatar-PC'
VITE_APP_PORT = 3000
VITE_APP_BASE_API = '/dev-api'

+ 1
- 1
.env.production Parādīt failu

@@ -1,5 +1,5 @@
## 生产环境

VITE_APP_TITLE = 'vue3-element-admin'
VITE_APP_TITLE = 'Metavatar-PC'
VITE_APP_PORT = 3000
VITE_APP_BASE_API = '/prod-api'

+ 1
- 3
index.html Parādīt failu

@@ -5,9 +5,7 @@
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="vue-element-admin的vue3版本" />
<meta name="keywords" content="vue-element-admin,vue3-element-admin" />
<title>vue3-element-admin</title>
<title>Metavatar-PC-Admin</title>
</head>

<body>


+ 2
- 2
package.json Parādīt failu

@@ -1,5 +1,5 @@
{
"name": "vue3-element-admin",
"name": "Metavatar-PC",
"private": true,
"version": "2.2.1",
"type": "module",
@@ -98,4 +98,4 @@
"repository": "https://gitee.com/youlaiorg/vue3-element-admin.git",
"author": "有来开源组织",
"license": "MIT"
}
}

Binārs
public/favicon.ico Parādīt failu

Pirms Pēc

+ 1
- 1
src/lang/package/en.ts Parādīt failu

@@ -6,7 +6,7 @@ export default {
},
// 登录页面国际化
login: {
title: 'vue3-element-admin',
title: 'Metavatar-PC',
username: 'Username',
password: 'Password',
login: 'Login',


+ 1
- 1
src/lang/package/zh-cn.ts Parādīt failu

@@ -6,7 +6,7 @@ export default {
},
// 登录页面国际化
login: {
title: 'vue3-element-admin',
title: 'Metavatar-PC',
username: '用户名',
password: '密码',
login: '登 录',


+ 27
- 27
src/layout/components/Sidebar/index.vue Parādīt failu

@@ -1,30 +1,3 @@
<script setup lang="ts">
import { RouteLocationRaw, useRoute, useRouter } from "vue-router";

import SidebarItem from "./SidebarItem.vue";
import Logo from "./Logo.vue";

import { useSettingsStore } from "@/store/modules/settings";
import { usePermissionStore } from "@/store/modules/permission";
import { useAppStore } from "@/store/modules/app";
import { storeToRefs } from "pinia";
import variables from "@/styles/variables.module.scss";

// 静态路由
import { constantRoutes } from "@/router";
const settingsStore = useSettingsStore();
const permissionStore = usePermissionStore();
const appStore = useAppStore();

const { sidebarLogo } = storeToRefs(settingsStore);
const route = useRoute();
const router = useRouter();

function routerTo(url: RouteLocationRaw) {
router.push(url);
}
</script>

<template>
<!-- 左侧菜单 -->
<div :class="{ 'has-logo': sidebarLogo }">
@@ -73,6 +46,33 @@ function routerTo(url: RouteLocationRaw) {
</div>
</template>

<script setup lang="ts">
import { RouteLocationRaw, useRoute, useRouter } from "vue-router";

import SidebarItem from "./SidebarItem.vue";
import Logo from "./Logo.vue";

import { useSettingsStore } from "@/store/modules/settings";
import { usePermissionStore } from "@/store/modules/permission";
import { useAppStore } from "@/store/modules/app";
import { storeToRefs } from "pinia";
import variables from "@/styles/variables.module.scss";

// 静态路由
import { constantRoutes } from "@/router";
const settingsStore = useSettingsStore();
const permissionStore = usePermissionStore();
const appStore = useAppStore();

const { sidebarLogo } = storeToRefs(settingsStore);
const route = useRoute();
const router = useRouter();

function routerTo(url: RouteLocationRaw) {
router.push(url);
}
</script>

<style lang="scss" scoped>
.myRouter {
position: relative;


+ 28
- 28
src/layout/index.vue Parādīt failu

@@ -1,3 +1,31 @@
<template>
<div :class="classObj" class="app-wrapper">
<!-- 手机设备侧边栏打开遮罩层 -->
<div
v-if="classObj.mobile && classObj.openSidebar"
class="drawer-bg"
@click="handleOutsideClick"
></div>

<Sidebar class="sidebar-container" />

<div :class="{ hasTagsView: showTagsView }" class="main-container">
<div :class="{ 'fixed-header': fixedHeader }">
<navbar />
<tags-view v-if="showTagsView" />
</div>

<!--主页面-->
<app-main />

<!-- 设置面板 -->
<RightPanel v-if="showSettings">
<settings />
</RightPanel>
</div>
</div>
</template>

<script setup lang="ts">
import { computed, watchEffect } from "vue";
import { useWindowSize } from "@vueuse/core";
@@ -54,34 +82,6 @@ function handleOutsideClick() {
}
</script>

<template>
<div :class="classObj" class="app-wrapper">
<!-- 手机设备侧边栏打开遮罩层 -->
<div
v-if="classObj.mobile && classObj.openSidebar"
class="drawer-bg"
@click="handleOutsideClick"
></div>

<Sidebar class="sidebar-container" />

<div :class="{ hasTagsView: showTagsView }" class="main-container">
<div :class="{ 'fixed-header': fixedHeader }">
<navbar />
<tags-view v-if="showTagsView" />
</div>

<!--主页面-->
<app-main />

<!-- 设置面板 -->
<RightPanel v-if="showSettings">
<settings />
</RightPanel>
</div>
</div>
</template>

<style lang="scss" scoped>
.app-wrapper {
&::after {


+ 1
- 1
src/settings.ts Parādīt failu

@@ -42,7 +42,7 @@ interface DefaultSettings {
}

const defaultSettings: DefaultSettings = {
title: "vue3-element-admin",
title: "Metavatar-PC",
showSettings: false,
tagsView: false,
fixedHeader: false,


+ 531
- 887
src/types/auto-imports.d.ts
Failā izmaiņas netiks attēlotas, jo tās ir par lielu
Parādīt failu


+ 49
- 45
src/types/components.d.ts Parādīt failu

@@ -1,53 +1,57 @@
// generated by unplugin-vue-components
// We suggest you to commit this file into source control
// Read more: https://github.com/vuejs/core/pull/3399
import "@vue/runtime-core";
import '@vue/runtime-core'

export {};
export {}

declare module "@vue/runtime-core" {
declare module '@vue/runtime-core' {
export interface GlobalComponents {
Breadcrumb: typeof import("./../components/Breadcrumb/index.vue")["default"];
ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"];
ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"];
ElButton: typeof import("element-plus/es")["ElButton"];
ElDivider: typeof import("element-plus/es")["ElDivider"];
ElDropdown: typeof import("element-plus/es")["ElDropdown"];
ElDropdownItem: typeof import("element-plus/es")["ElDropdownItem"];
ElDropdownMenu: typeof import("element-plus/es")["ElDropdownMenu"];
ElForm: typeof import("element-plus/es")["ElForm"];
ElFormItem: typeof import("element-plus/es")["ElFormItem"];
ElIcon: typeof import("element-plus/es")["ElIcon"];
ElInput: typeof import("element-plus/es")["ElInput"];
ElMenu: typeof import("element-plus/es")["ElMenu"];
ElMenuItem: typeof import("element-plus/es")["ElMenuItem"];
ElOption: typeof import("element-plus/es")["ElOption"];
ElRow: typeof import("element-plus/es")["ElRow"];
ElScrollbar: typeof import("element-plus/es")["ElScrollbar"];
ElSelect: typeof import("element-plus/es")["ElSelect"];
ElSubMenu: typeof import("element-plus/es")["ElSubMenu"];
ElSwitch: typeof import("element-plus/es")["ElSwitch"];
ElTabPane: typeof import("element-plus/es")["ElTabPane"];
ElTabs: typeof import("element-plus/es")["ElTabs"];
ElTooltip: typeof import("element-plus/es")["ElTooltip"];
GithubCorner: typeof import("./../components/GithubCorner/index.vue")["default"];
Hamburger: typeof import("./../components/Hamburger/index.vue")["default"];
IconSelect: typeof import("./../components/IconSelect/index.vue")["default"];
IEpCaretBottom: typeof import("~icons/ep/caret-bottom")["default"];
IEpClose: typeof import("~icons/ep/close")["default"];
IEpEdit: typeof import("~icons/ep/edit")["default"];
IEpGoods: typeof import("~icons/ep/goods")["default"];
IEpMenu: typeof import("~icons/ep/menu")["default"];
IEpSetting: typeof import("~icons/ep/setting")["default"];
LangSelect: typeof import("./../components/LangSelect/index.vue")["default"];
MultiUpload: typeof import("./../components/Upload/MultiUpload.vue")["default"];
Pagination: typeof import("./../components/Pagination/index.vue")["default"];
RightPanel: typeof import("./../components/RightPanel/index.vue")["default"];
RouterLink: typeof import("vue-router")["RouterLink"];
RouterView: typeof import("vue-router")["RouterView"];
SingleUpload: typeof import("./../components/Upload/SingleUpload.vue")["default"];
SizeSelect: typeof import("./../components/SizeSelect/index.vue")["default"];
SvgIcon: typeof import("./../components/SvgIcon/index.vue")["default"];
WangEditor: typeof import("./../components/WangEditor/index.vue")["default"];
Breadcrumb: typeof import('./../components/Breadcrumb/index.vue')['default']
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
ElButton: typeof import('element-plus/es')['ElButton']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElDivider: typeof import('element-plus/es')['ElDivider']
ElDropdown: typeof import('element-plus/es')['ElDropdown']
ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElIcon: typeof import('element-plus/es')['ElIcon']
ElInput: typeof import('element-plus/es')['ElInput']
ElMenu: typeof import("element-plus/es")["ElMenu"]
ElMenuItem: typeof import("element-plus/es")["ElMenuItem"]
ElOption: typeof import('element-plus/es')['ElOption']
ElRow: typeof import('element-plus/es')['ElRow']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSubMenu: typeof import("element-plus/es")["ElSubMenu"]
ElSwitch: typeof import('element-plus/es')['ElSwitch']
ElTabPane: typeof import('element-plus/es')['ElTabPane']
ElTabs: typeof import('element-plus/es')['ElTabs']
ElTooltip: typeof import('element-plus/es')['ElTooltip']
GithubCorner: typeof import('./../components/GithubCorner/index.vue')['default']
Hamburger: typeof import('./../components/Hamburger/index.vue')['default']
IconSelect: typeof import('./../components/IconSelect/index.vue')['default']
IEpCaretBottom: typeof import('~icons/ep/caret-bottom')['default']
IEpClose: typeof import('~icons/ep/close')['default']
IEpDelete: typeof import('~icons/ep/delete')['default']
IEpDownload: typeof import('~icons/ep/download')['default']
IEpEdit: typeof import('~icons/ep/edit')['default']
IEpGoods: typeof import('~icons/ep/goods')['default']
IEpMenu: typeof import('~icons/ep/menu')['default']
IEpSetting: typeof import('~icons/ep/setting')['default']
IEpVideoPlay: typeof import('~icons/ep/video-play')['default']
LangSelect: typeof import('./../components/LangSelect/index.vue')['default']
MultiUpload: typeof import('./../components/Upload/MultiUpload.vue')['default']
Pagination: typeof import('./../components/Pagination/index.vue')['default']
RightPanel: typeof import('./../components/RightPanel/index.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
SingleUpload: typeof import('./../components/Upload/SingleUpload.vue')['default']
SizeSelect: typeof import('./../components/SizeSelect/index.vue')['default']
SvgIcon: typeof import('./../components/SvgIcon/index.vue')['default']
WangEditor: typeof import('./../components/WangEditor/index.vue')['default']
}
}

+ 6
- 1
src/views/login/index.vue Parādīt failu

@@ -1,7 +1,12 @@
<template>
<div class="login-container">
<div class="videoBox">
<video src="../../assets/video/loginVideo.mp4" muted autoplay></video>
<video
src="../../assets/video/loginVideo.mp4"
muted
autoplay
loop
></video>
</div>
<el-form
v-if="true"


+ 1
- 1
vite.config.ts Parādīt failu

@@ -44,7 +44,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
// 反向代理解决跨域
[env.VITE_APP_BASE_API]: {
target: "http://vapi.youlai.tech", // 线上接口地址
// target: 'http://localhost:8989', // 本地接口地址 , 后端工程仓库地址:https://gitee.com/youlaiorg/youlai-boot
// target: 'http://localhost:8989', // 本地接口地址
changeOrigin: true,
rewrite: (path) =>
path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""), // 替换 /dev-api 为 target 接口地址


+ 104
- 0
vite.config.ts.timestamp-1684808728027-38eb82a763185.mjs
Failā izmaiņas netiks attēlotas, jo tās ir par lielu
Parādīt failu


Notiek ielāde…
Atcelt
Saglabāt