Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in
Toggle navigation
L
ldp-docs
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
doc
ldp-docs
Commits
243772d0
Commit
243772d0
authored
Dec 18, 2020
by
祁新
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix: 修改功能菜单图标扩展配置图片显示地址
parent
ba73ffff
Show whitespace changes
Inline
Side-by-side
Showing
16 changed files
with
41 additions
and
31 deletions
+41
-31
01访问Iconfont.png
imgs/icon/01访问Iconfont.png
+0
-0
02登录.png
imgs/icon/02登录.png
+0
-0
03搜索图标.png
imgs/icon/03搜索图标.png
+0
-0
04添加图标入库.png
imgs/icon/04添加图标入库.png
+0
-0
05查看入库图标.png
imgs/icon/05查看入库图标.png
+0
-0
06添加项目.png
imgs/icon/06添加项目.png
+0
-0
07加入到项目.png
imgs/icon/07加入到项目.png
+0
-0
08查看项目图标.png
imgs/icon/08查看项目图标.png
+0
-0
09下载图标.png
imgs/icon/09下载图标.png
+0
-0
10解压图片文件.png
imgs/icon/10解压图片文件.png
+0
-0
11图标文件.png
imgs/icon/11图标文件.png
+0
-0
12配置菜单图标.png
imgs/icon/12配置菜单图标.png
+0
-0
13配置文件到项目中.png
imgs/icon/13配置文件到项目中.png
+0
-0
14系统中查看图标.png
imgs/icon/14系统中查看图标.png
+0
-0
LDP前端框架功能菜单图标扩展配置.md
开发文档/LDP前端框架功能菜单图标扩展配置.md
+29
-20
LDP前端脚手架工程联调配置说明.md
开发文档/LDP前端脚手架工程联调配置说明.md
+12
-11
No files found.
imgs/icon/
i
confont.png
→
imgs/icon/
01访问I
confont.png
View file @
243772d0
File moved
imgs/icon/02登录.png
0 → 100644
View file @
243772d0
134 KB
imgs/icon/03搜索图标.png
0 → 100644
View file @
243772d0
69.9 KB
imgs/icon/
search-add
.png
→
imgs/icon/
04添加图标入库
.png
View file @
243772d0
File moved
imgs/icon/
1608169908950
.png
→
imgs/icon/
05查看入库图标
.png
View file @
243772d0
File moved
imgs/icon/
1608170283435
.png
→
imgs/icon/
06添加项目
.png
View file @
243772d0
File moved
imgs/icon/
1608170373278
.png
→
imgs/icon/
07加入到项目
.png
View file @
243772d0
File moved
imgs/icon/
1608170419215
.png
→
imgs/icon/
08查看项目图标
.png
View file @
243772d0
File moved
imgs/icon/
1608170483164
.png
→
imgs/icon/
09下载图标
.png
View file @
243772d0
File moved
imgs/icon/1
608170757363
.png
→
imgs/icon/1
0解压图片文件
.png
View file @
243772d0
File moved
imgs/icon/1
608190281495
.png
→
imgs/icon/1
1图标文件
.png
View file @
243772d0
File moved
imgs/icon/1
608190499947
.png
→
imgs/icon/1
2配置菜单图标
.png
View file @
243772d0
File moved
imgs/icon/1
608190613099
.png
→
imgs/icon/1
3配置文件到项目中
.png
View file @
243772d0
File moved
imgs/icon/1
608190704882
.png
→
imgs/icon/1
4系统中查看图标
.png
View file @
243772d0
File moved
开发文档/LDP前端框架功能菜单图标扩展配置.md
View file @
243772d0
# LDP前端框架功能菜单图标扩展配置
# LDP前端框架功能菜单图标扩展配置
当前前端框架功能菜单图标使用
`svg`
格式, 默认图标都是使用项目文件夹
`src
\icons\
svg`
中的
`svg`
图标文件。如需要配置其他图标显示,则需要采用外部扩展方式来动态添加图标。
当前前端框架功能菜单图标使用
`svg`
格式, 默认图标都是使用项目文件夹
`src
/icons/
svg`
中的
`svg`
图标文件。如需要配置其他图标显示,则需要采用外部扩展方式来动态添加图标。
扩展图标操作说明:
扩展图标操作说明:
> 推荐使用[iconfont字体图标库](https://www.iconfont.cn/), 字体图标大小`128*128`, 纯色字体。
> 推荐使用[iconfont字体图标库](https://www.iconfont.cn/), 字体图标大小`128*128`, 纯色字体。
-
进入字体图标库
-
进入字体图标库


-
登录账号(可以使用
`github`
账号登录)
-
登录账号(可以使用
`github`
账号登录)
-
搜索需要的图标!
[
1608114092658
](
..\imgs\icon\search-result.png
)

-
搜索需要的图标

-
添加图标入库
-
添加图标入库


-
保存图标到项目中
-
保存图标到项目中








-
下载图标文件集成到系统中
-
下载图标文件集成到系统中
!
[
1608170483164
](
..\imgs\icon\1608170483164
.png
)

-
将图标文件
`iconfont.js`
解压到框架项目中的
`public
\
icon`
目录下,如果不存在
`icon`
目录请手动新建。
-
将图标文件
`iconfont.js`
解压到框架项目中的
`public
/
icon`
目录下,如果不存在
`icon`
目录请手动新建。


-
在
`icon`
目录下新建
`config.json`
配置文件
-
在
`icon`
目录下新建
`config.json`
配置文件
```javascript
```
javascript
...file in icon/config.json
...
file
in
icon
/
config
.
json
{
{
"files"
:
"iconfont.js"
// 定义加载的字体图标文件名, 默认是当前路径下。
"files"
:
"iconfont.js"
// 定义加载的字体图标文件名, 默认是当前路径下。
// 可以为数组形式加载多个图标文件, 如下
// 可以为数组形式加载多个图标文件, 如下
// "files": ["iconfont.js", "iconfont-plus.js"]
// "files": ["iconfont.js", "iconfont-plus.js"]
}
}
```
```

!
[
1608190281495
](
..\imgs\icon\1608190281495.png
)
-
在系统中菜单维护中配置菜单图标
-
在系统中菜单维护中配置菜单图标


-
把下载的图标文件按照上面文件同样配置到
`example`
应用脚手架中
-
把下载的图标文件按照上面文件同样配置到
`example`
应用脚手架中




...
...
开发文档/LDP前端脚手架工程联调配置说明.md
View file @
243772d0
...
@@ -54,7 +54,7 @@ proxy: {
...
@@ -54,7 +54,7 @@ proxy: {
* proxyLocalPath 代理转发的路由匹配地址
* proxyLocalPath 代理转发的路由匹配地址
* 默认项目中使用`axios`封装的接口请求默认需要拼接上process.env.VUE_APP_BASE_API
* 默认项目中使用`axios`封装的接口请求默认需要拼接上process.env.VUE_APP_BASE_API
*
*
* proxyLocal
Priority
使用其他库请求接口或者静态资源的匹配地址
* proxyLocal
Second
使用其他库请求接口或者静态资源的匹配地址
* 不需要拼接process.env.VUE_APP_BASE_API
* 不需要拼接process.env.VUE_APP_BASE_API
*
*
* rewriteTargetPath 重写的实际请求地址路径。如果需要跟路径地址转换则需要配置
* rewriteTargetPath 重写的实际请求地址路径。如果需要跟路径地址转换则需要配置
...
@@ -64,7 +64,7 @@ proxy: {
...
@@ -64,7 +64,7 @@ proxy: {
*/
*/
const
proxyLocalServer
=
`http://192.168.0.106:8800`
const
proxyLocalServer
=
`http://192.168.0.106:8800`
const
proxyLocalPath
=
process
.
env
.
VUE_APP_BASE_API
+
'/example-service'
const
proxyLocalPath
=
process
.
env
.
VUE_APP_BASE_API
+
'/example-service'
const
proxyLocal
Priority
=
'/example-service'
const
proxyLocal
Second
=
'/example-service'
const
rewriteTargetPath
=
''
const
rewriteTargetPath
=
''
// 代理设置对象
// 代理设置对象
proxy
:
{
proxy
:
{
...
@@ -82,11 +82,11 @@ proxy: {
...
@@ -82,11 +82,11 @@ proxy: {
}
}
},
},
// 第二种用其他请求方式的代理转发
// 第二种用其他请求方式的代理转发
proxyLocal
Priority
:
{
proxyLocal
Second
:
{
target
:
proxyLocalServer
,
target
:
proxyLocalServer
,
changeOrigin
:
true
,
changeOrigin
:
true
,
pathRewrite
:
{
pathRewrite
:
{
'^'
+
proxyLocal
Priority
:
rewriteTargetPath
'^'
+
proxyLocal
Second
:
rewriteTargetPath
}
}
},
},
/**
/**
...
@@ -104,12 +104,13 @@ proxy: {
...
@@ -104,12 +104,13 @@ proxy: {
```
```
列举几个代理匹配的例子
列举几个代理匹配的例子
> 目标匹配地址: `proxy`中的`target`参数
> 重写匹配规则: `proxy`中的`target`参数
> 重写的实际地址: `rewriteTargetPath`变量
>
> 重写值: `rewriteTargetPath`变量
|
实际接口地址 | 项目中访问地址 | 目标匹配地址 | 重写的实际
地址 |
|
前端请求地址 | 重写匹配规则 | 重写值 | 实际接口
地址 |
| --------------------
------------------- | -------------------- |
-------------------- | ---------------------------------- |
| --------------------
| -------------------- | --------------
-------------------- | ---------------------------------- |
|
`
http:192.168.0.106:8800/user/userinfo`
|
`/user/userinfo`
|
`^/user`
|
`'/user'`
|
|
`
/user/userinfo`
|
`^/user`
|
`'/user'`
|
`http:192.168.0.106:8800/user/userinfo`
|
|
`
http:192.168.0.106:8800/user/userinfo`
|
`/api/user/userinfo`
|
`^/api`
|
`''`
|
|
`
/api/user/userinfo`
|
`^/api`
|
`''`
|
`http:192.168.0.106:8800/user/userinfo`
|
|
`
http:192.168.0.106:8800/user/userinfo`
|
`/api/user/userinfo`
|
`^/api/user`
|
`'/user'`
|
|
`
/api/user/userinfo`
|
`^/api/user`
|
`'/user'`
|
`http:192.168.0.106:8800/user/userinfo`
|
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment