SCUI是一个中后台前端解决方案，基于VUE3和elementPlus实现_前端怎么看是什么中后台框架资源-CSDN文库

共298个文件

vue：170个

js：56个

css：44个

版权申诉

web应用开发

后台管理框架

5星 · 超过95%的资源 94 浏览量 2023-05-07 10:52:51 上传评论 1 收藏 1.19MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

SCUI 是一个中后台前端解决方案，基于VUE3和elementPlus实现（298个子文件）

skin.css 74KB

skin.css 71KB

skin.min.css 62KB

skin.min.css 60KB

content.css 24KB

content.inline.css 23KB

content.css 23KB

content.min.css 21KB

content.inline.min.css 21KB

content.min.css 21KB

content.css 2KB

content.min.css 1KB

skin.shadowdom.css 599B

skin.shadowdom.min.css 508B

.env.development 258B

.editorconfig 186B

avatar3.gif 133KB

avatar2.gif 132KB

.gitignore 250B

index.html 5KB

favicon.ico 4KB

auth_banner.jpg 286KB

avatar.jpg 22KB

pinyin.js 27KB

zh_CN.js 18KB

template.js 9KB

iconSelect.js 7KB

db.js 7KB

tool.js 6KB

request.js 5KB

index.js 4KB

print.js 3KB

scui.js 3KB

system.js 2KB

table.js 2KB

time.js 2KB

index.js 2KB

vue.config.js 2KB

load.js 2KB

useTabs.js 1KB

en.js 1KB

zh-cn.js 1KB

filterBar.js 1KB

workflow.js 1KB

fileSelect.js 1KB

autoExit.js 1KB

demo.js 1KB

common.js 1KB

viewTags.js 1KB

permission.js 1KB

echarts-theme-T.js 1023B

color.js 830B

iframe.js 799B

route.js 793B

copy.js 763B

errorHandler.js 731B

systemRouter.js 730B

keepAlive.js 658B

auths.js 646B

upload.js 636B

global.js 633B

tableSelect.js 629B

authsAll.js 599B

scrollBehavior.js 592B

verificate.js 570B

auth.js 562B

index.js 560B

index.js 545B

select.js 490B

main.js 442B

共 298 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" href="<%= BASE_URL %>favicon.ico"> <title><%= VUE_APP_TITLE %></title> <script type="text/javascript"> document.write("<script src='config.js?"+new Date().getTime()+"'><\/script>"); </script> </head> <body> <noscript> <strong>We're sorry but <%= VUE_APP_TITLE %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <script type="text/javascript"> var dark = window.localStorage.getItem('APP_DARK'); if(dark){ document.documentElement.classList.add("dark") } </script> <div id="app" class="aminui"> <div class="app-loading"> <div class="app-loading__logo"> <img src="img/logo.png"/> </div> <div class="app-loading__loader"></div> <div class="app-loading__title"><%= VUE_APP_TITLE %></div> </div> <style> .app-loading {position: absolute;top:0px;left:0px;right:0px;bottom:0px;display: flex;justify-content: center;align-items: center;flex-direction: column;background: #fff;} .app-loading__logo {margin-bottom: 30px;} .app-loading__logo img {width: 90px;vertical-align: bottom;} .app-loading__loader {box-sizing: border-box;width: 35px;height: 35px;border: 5px solid transparent;border-top-color: #000;border-radius: 50%;animation: .5s loader linear infinite;position: relative;} .app-loading__loader:before {box-sizing: border-box;content: '';display: block;width: inherit;height: inherit;position: absolute;top: -5px;left: -5px;border: 5px solid #ccc;border-radius: 50%;opacity: .5;} .app-loading__title {font-size: 24px;color: #333;margin-top: 30px;} .dark .app-loading {background: #222225;} .dark .app-loading__loader {border-top-color: #fff;} .dark .app-loading__title {color: #d0d0d0;} @keyframes loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> </div>  </body> <div id="versionCheck" style="display: none;position: absolute;z-index: 99;top:0;left:0;right:0;bottom:0;padding:40px;background:rgba(255,255,255,0.9);color: #333;"> <h2 style="line-height: 1;margin: 0;font-size: 24px;">当前使用的浏览器内核版本过低 :(</h2> <p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 20px;opacity: 0.8;">当前版本：<span id="versionCheck-type">--</span> <span id="versionCheck-version">--</span></p> <p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 10px;opacity: 0.8;">最低版本要求：Chrome 71+、Firefox 65+、Safari 12+、Edge 97+。</p> <p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 10px;opacity: 0.8;">请升级浏览器版本，或更换现代浏览器，如果你使用的是双核浏览器,请切换到极速/高速模式。</p> </div> <script type="text/javascript"> function getBrowerInfo(){ var userAgent = window.navigator.userAgent; var browerInfo = { type: 'unknown', version: 'unknown', userAgent: userAgent }; if(document.documentMode){ browerInfo.type = "IE" browerInfo.version = document.documentMode + '' }else if(indexOf(userAgent, "Firefox")){ browerInfo.type = "Firefox" browerInfo.version = userAgent.match(/Firefox\/([\d.]+)/)[1] }else if(indexOf(userAgent, "Opera")){ browerInfo.type = "Opera" browerInfo.version = userAgent.match(/Opera\/([\d.]+)/)[1] }else if(indexOf(userAgent, "Edg")){ browerInfo.type = "Edg" browerInfo.version = userAgent.match(/Edg\/([\d.]+)/)[1] }else if(indexOf(userAgent, "Chrome")){ browerInfo.type = "Chrome" browerInfo.version = userAgent.match(/Chrome\/([\d.]+)/)[1] }else if(indexOf(userAgent, "Safari")){ browerInfo.type = "Safari" browerInfo.version = userAgent.match(/Safari\/([\d.]+)/)[1] } return browerInfo } function indexOf(userAgent, brower) { return userAgent.indexOf(brower) > -1 } function isSatisfyBrower(){ var minVer = { "Chrome": 71, "Firefox": 65, "Safari": 12, "Edg": 97, "IE": 999 } var browerInfo = getBrowerInfo() var materVer = browerInfo.version.split('.')[0] return materVer >= minVer[browerInfo.type] } if(!isSatisfyBrower()){ document.getElementById('versionCheck').style.display = 'block'; document.getElementById('versionCheck-type').innerHTML = getBrowerInfo().type; document.getElementById('versionCheck-version').innerHTML = getBrowerInfo().version; } </script> </html>

评论收藏

内容反馈

版权申诉