'admin-21.03.03:处理页面图片不显示的问题'

This commit is contained in:
lyt-Top 2021-03-03 21:23:51 +08:00
parent 14f99cdb73
commit aac450a19d
6 changed files with 35 additions and 4 deletions

View File

@ -361,6 +361,21 @@ export const dynamicRoutes = [
auth: ['admin', 'test'], auth: ['admin', 'test'],
icon: 'el-icon-connection' icon: 'el-icon-connection'
} }
},
{
path: '/fun/selector',
name: 'selector',
component: () => import('/@/views/fun/selector/index.vue'),
meta: {
title: '图标选择器',
isLink: '',
isHide: false,
isKeepAlive: true,
isAffix: false,
isIframe: false,
auth: ['admin', 'test'],
icon: 'iconfont icon-xuanzeqi'
}
} }
] ]
}, },

View File

@ -1,5 +1,5 @@
// 字体图标 url // 字体图标 url
const cssCdnUrlList: Array<string> = ['//at.alicdn.com/t/font_2298093_ri4yz1f9b7o.css'] const cssCdnUrlList: Array<string> = ['//at.alicdn.com/t/font_2298093_xviws8fx96h.css']
// 第三方 js url // 第三方 js url
const jsCdnUrlList: Array<string> = [] const jsCdnUrlList: Array<string> = []

View File

@ -0,0 +1,16 @@
<template>
<div class="selector-container"></div>
</template>
<script lang="ts">
import { toRefs, reactive } from "vue";
export default {
name: "selector",
setup() {
const state = reactive({});
return {
...toRefs(state),
};
},
};
</script>

View File

@ -3,7 +3,7 @@
<span>{{config.globalTitle}}</span> <span>{{config.globalTitle}}</span>
</div> </div>
<div class="layout-logo-size" v-else @click="onThemeConfigChange"> <div class="layout-logo-size" v-else @click="onThemeConfigChange">
<img src="https://gitee.com/lyt-top/vue-admin-wonderful-images/raw/master/next/assets/logo-docs-mini.svg" <img src="https://gitee.com/lyt-top/vue-admin-wonderful-images/raw/master/next-admin/assets/logo-docs-mini.svg"
class="layout-logo-size-img" /> class="layout-logo-size-img" />
</div> </div>
</template> </template>

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<el-alert title="温馨提示1此页面无法模拟后端控制路由因为 `gitee` 上所请求的 `json` 菜单数据线上会出现跨域的情况json地址 <el-alert title="温馨提示1此页面无法模拟后端控制路由因为 `gitee` 上所请求的 `json` 菜单数据线上会出现跨域的情况json地址
https://gitee.com/lyt-top/vue-admin-wonderful-images/raw/master/next/menu/testMenu.json2`/src/api/menu/index.ts` https://gitee.com/lyt-top/vue-admin-wonderful-images/raw/master/next-admin/menu/testMenu.json2`/src/api/menu/index.ts`
3拉取代码后本地请求查看后端控制页面路由效果`/src/utils/themeConfig.ts`中开启isRequestRoutes true则开启后端控制路由 3拉取代码后本地请求查看后端控制页面路由效果`/src/utils/themeConfig.ts`中开启isRequestRoutes true则开启后端控制路由
4此页面效果只作为演示使用若出现不可逆转的bug请尝试 `F5` 刷新页面5默认启用的是 `前端控制路由`" type="warning" :closable="false"></el-alert> 4此页面效果只作为演示使用若出现不可逆转的bug请尝试 `F5` 刷新页面5默认启用的是 `前端控制路由`" type="warning" :closable="false"></el-alert>
<el-button type="primary" size="small" class="mt15" icon="el-icon-position" @click="onGoToFrontEndPage">立即前往前端控制路由 <el-button type="primary" size="small" class="mt15" icon="el-icon-position" @click="onGoToFrontEndPage">立即前往前端控制路由

View File

@ -60,7 +60,7 @@ export default {
.login-container { .login-container {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url("https://gitee.com/lyt-top/vue-admin-wonderful-images/raw/master/next/assets/bg-login.png") background: url("https://gitee.com/lyt-top/vue-admin-wonderful-images/raw/master/next-admin/assets/bg-login.png")
no-repeat; no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.login-logo { .login-logo {