基于Vue+iView动态路由权限菜单/多语言/增删改模版/代码生成/消息推送/日志记录/定时任务/第三方账号、短信登录

共269个文件

vue：152个

less：41个

js：32个

版权申诉

web应用开发

后台管理框架

32 浏览量 2023-11-20 10:57:29 上传评论收藏 715KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于Vue+iView 动态路由权限菜单/多语言/增删改模版/代码生成/消息推送/日志记录/定时任务/第三方账号、短信登录（269个子文件）

.browserslistrc 33B

demo.css 8KB

iconfont.css 4KB

iconfont.eot 4KB

loading3.gif 80KB

loading.gif 71KB

loading2.gif 13KB

vaptcha-loading.gif 1KB

.gitignore 233B

demo_index.html 13KB

index.html 7KB

icon.js 59KB

iconfont.js 13KB

util.js 11KB

index.js 8KB

app.js 5KB

axios.js 4KB

theme.js 3KB

table2excel.js 3KB

router.js 3KB

zh-CN.js 3KB

en-US.js 3KB

main.js 2KB

shortcuts.js 2KB

index.js 2KB

validate.js 2KB

vue.config.js 1KB

open.js 1KB

user.js 927B

index.js 899B

columns.js 802B

storage.js 507B

index.js 415B

hasPermission.js 401B

index.js 400B

hasRole.js 395B

index.js 301B

config.js 297B

index.js 182B

babel.config.js 113B

postcss.config.js 59B

lazyLoading.js 57B

data.js 39B

data.json 130KB

zh.json 1KB

iconfont.json 1KB

package.json 1KB

main.less 9KB

menu.less 6KB

authorize.less 3KB

home.less 3KB

403.less 2KB

500.less 2KB

access.less 1KB

own-space.less 1KB

404.less 1KB

tree&table-common.less 882B

single-common.less 856B

regist.less 648B

drawer-common.less 566B

table-common.less 558B

regist-result.less 538B

tree-common.less 498B

messageManage.less 415B

socialManage.less 331B

roleManage.less 187B

menuManage.less 146B

message.less 0B

processInsManage.less 0B

processFinishManage.less 0B

historicDetail.less 0B

categoryManage.less 0B

applyManage.less 0B

modelManage.less 0B

doneManage.less 0B

processManage.less 0B

todoManage.less 0B

logManage.less 0B

departmentManage.less 0B

actuator.less 0B

settingManage.less 0B

userManage.less 0B

ossManage.less 0B

quartzManage.less 0B

dictManage.less 0B

render.less 0B

cardList.less 0B

qr.png 28KB

sorry.png 15KB

logo-white.png 11KB

fee.png 10KB

logo-black.png 10KB

weibo.png 10KB

logo-min.png 10KB

qq.png 10KB

money.png 8KB

qiyeweixin.png 8KB

dingding.png 6KB

empty.png 6KB

共 269 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IconFont Demo</title> <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/> <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> <link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="iconfont.css"> <script src="iconfont.js"></script>  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script> </head> <body> <div class="main"> <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"></a></h1> <div class="nav-tabs"> <ul id="tabs" class="dib-box"> <li class="dib active"><span>Unicode</span></li> <li class="dib"><span>Font class</span></li> <li class="dib"><span>Symbol</span></li> </ul> <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2113600" target="_blank" class="nav-more">查看项目</a> </div> <div class="tab-container"> <div class="content unicode" style="display: block;"> <ul class="icon_lists dib-box"> <li class="dib"> <span class="icon iconfont"></span> <div class="name">menu-unfold</div> <div class="code-name">&#xe60b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">menu-fold</div> <div class="code-name">&#xe6be;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">钉钉</div> <div class="code-name">&#xe608;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">qq</div> <div class="code-name">&#xe61c;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">微博</div> <div class="code-name">&#xe67a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">github</div> <div class="code-name">&#xe677;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">微信</div> <div class="code-name">&#xe686;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">企业微信</div> <div class="code-name">&#xe6af;</div> </li> </ul> <div class="article markdown"> <h2 id="unicode-">Unicode 引用</h2> <hr> <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p> <ul> <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li> <li>支持按字体的方式去动态调整图标大小，颜色等等。</li> <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li> </ul> <blockquote> <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p> </blockquote> <p>Unicode 使用步骤如下：</p> <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3> <pre><code class="language-css" >@font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } </code></pre> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <pre><code class="language-css" >.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } </code></pre> <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3> <pre> <code class="language-html" ><span class="iconfont">&#x33;</span> </code></pre> <blockquote> <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p> </blockquote> </div> </div> <div class="content font-class"> <ul class="icon_lists dib-box"> <li class="dib"> <span class="icon iconfont icon-menu-unfold"></span> <div class="name"> menu-unfold </div> <div class="code-name">.icon-menu-unfold </div> </li> <li class="dib"> <span class="icon iconfont icon-menu-fold"></span> <div class="name"> menu-fold </div> <div class="code-name">.icon-menu-fold </div> </li> <li class="dib"> <span class="icon iconfont icon-dingding"></span> <div class="name"> 钉钉 </div> <div class="code-name">.icon-dingding </div> </li> <li class="dib"> <span class="icon iconfont icon-qq"></span> <div class="name"> qq </div> <div class="code-name">.icon-qq </div> </li> <li class="dib"> <span class="icon iconfont icon-weibo"></span> <div class="name"> 微博 </div> <div class="code-name">.icon-weibo </div> </li> <li class="dib"> <span class="icon iconfont icon-github"></span> <div class="name"> github </div> <div class="code-name">.icon-github </div> </li> <li class="dib"> <span class="icon iconfont icon-weixin"></span> <div class="name"> 微信 </div> <div class="code-name">.icon-weixin </div> </li> <li class="dib"> <span class="icon iconfont icon-qiyeweixin"></span> <div class="name"> 企业微信 </div> <div class="code-name">.icon-qiyeweixin </div> </li> </ul> <div class="article markdown"> <h2 id="font-class-">font-class 引用</h2> <hr> <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p> <p>与 Unicode 使用方式相比，具有如下特点：</p> <ul> <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li> <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li> <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li> <li>不过因为本

评论收藏

内容反馈

版权申诉