ember/newfront
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化应用中心样式

Browse Source
This commit is contained in:
ember 2025-04-19 01:28:24 +08:00
parent 429cf65010
commit 50b399b658
7 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
dist/css/313.72ba01cb.css vendored
View File

@ -1 +0,0 @@
.app-center[data-v-6f2956c2]{padding:40px 0;padding-top:80px;background-color:#f5f7fa;min-height:100vh}.container[data-v-6f2956c2]{max-width:1200px;margin:0 auto;padding:0 20px}.page-title[data-v-6f2956c2]{font-size:2rem;margin-bottom:2rem;color:#333;text-align:center;font-weight:600}.app-section[data-v-6f2956c2]{margin-bottom:3rem}.section-title[data-v-6f2956c2]{font-size:1.5rem;margin-bottom:1.5rem;color:#333;position:relative;padding-left:15px;font-weight:500}.section-title[data-v-6f2956c2]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:20px;background-color:#3273dc;border-radius:3px}.app-grid[data-v-6f2956c2]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.app-card[data-v-6f2956c2]{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);padding:20px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.app-card[data-v-6f2956c2]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.08),0 6px 6px rgba(0,0,0,.12)}.app-icon[data-v-6f2956c2]{font-size:2.5rem;margin-bottom:12px;display:flex;align-items:center;justify-content:center;width:65px;height:65px;background-color:#f0f7ff;border-radius:16px}.app-title-wrapper[data-v-6f2956c2]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.recommend-tag[data-v-6f2956c2]{position:absolute;top:10px;right:10px;background-color:#f44336;color:#fff;font-size:.7rem;padding:3px 8px;border-radius:4px;display:inline-block;line-height:1.2;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.2)}.app-title[data-v-6f2956c2]{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#333}.app-description[data-v-6f2956c2]{font-size:.85rem;color:#666;line-height:1.4}@media(max-width:1024px){.app-grid[data-v-6f2956c2]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.app-grid[data-v-6f2956c2]{grid-template-columns:repeat(2,1fr)}.page-title[data-v-6f2956c2]{font-size:1.8rem}.section-title[data-v-6f2956c2]{font-size:1.3rem}}@media(max-width:480px){.app-card[data-v-6f2956c2]{padding:15px}.app-icon[data-v-6f2956c2]{width:55px;height:55px;font-size:2.2rem}.app-title[data-v-6f2956c2]{font-size:1rem}.app-description[data-v-6f2956c2]{font-size:.8rem}}

1
dist/css/412.17f29e89.css vendored Normal file
View File

@ -0,0 +1 @@
.app-center[data-v-ebeaebf4]{padding:40px 0;padding-top:80px;background-color:#f5f7fa;min-height:100vh}.container[data-v-ebeaebf4]{max-width:1200px;margin:0 auto;padding:0 20px}.page-title[data-v-ebeaebf4]{font-size:2rem;margin-bottom:2rem;color:#333;text-align:center;font-weight:600}.app-section[data-v-ebeaebf4]{margin-bottom:3rem}.section-title[data-v-ebeaebf4]{font-size:1.5rem;margin-bottom:1.5rem;color:#333;position:relative;padding-left:15px;font-weight:500}.section-title[data-v-ebeaebf4]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:20px;background-color:#3273dc;border-radius:3px}.section-description[data-v-ebeaebf4]{font-size:.9rem;color:#666;margin-bottom:1.5rem;margin-top:-1rem;padding-left:15px;line-height:1.5}.app-grid[data-v-ebeaebf4]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.app-card[data-v-ebeaebf4]{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);padding:20px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.app-card[data-v-ebeaebf4]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.08),0 6px 6px rgba(0,0,0,.12)}.app-icon[data-v-ebeaebf4]{font-size:2.5rem;margin-bottom:12px;display:flex;align-items:center;justify-content:center;width:65px;height:65px;background-color:#f0f7ff;border-radius:16px}.app-title-wrapper[data-v-ebeaebf4]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.recommend-tag[data-v-ebeaebf4]{position:absolute;top:10px;right:10px;background-color:#f44336;color:#fff;font-size:.7rem;padding:3px 8px;border-radius:4px;display:inline-block;line-height:1.2;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.2)}.app-title[data-v-ebeaebf4]{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#333}.app-description[data-v-ebeaebf4]{font-size:.85rem;color:#666;line-height:1.4}@media(max-width:1024px){.app-grid[data-v-ebeaebf4]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.app-grid[data-v-ebeaebf4]{grid-template-columns:repeat(2,1fr)}.page-title[data-v-ebeaebf4]{font-size:1.8rem}.section-title[data-v-ebeaebf4]{font-size:1.3rem}}@media(max-width:480px){.app-card[data-v-ebeaebf4]{padding:15px}.app-icon[data-v-ebeaebf4]{width:55px;height:55px;font-size:2.2rem}.app-title[data-v-ebeaebf4]{font-size:1rem}.app-description[data-v-ebeaebf4]{font-size:.8rem}}.official-apps-title[data-v-ebeaebf4]{color:#d32f2f}.official-apps-title[data-v-ebeaebf4]:before{background-color:#f44336}

2
dist/index.html vendored
View File

@ -1 +1 @@
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>NEU小站</title><script defer="defer" src="/js/chunk-vendors.f7fe2dc8.js"></script><script defer="defer" src="/js/app.3bd097cb.js"></script><link href="/css/app.ac72af65.css" rel="stylesheet"></head><body><noscript><strong>抱歉，NEU小站无法在没有 JavaScript 的情况下正常工作。请启用 JavaScript 以继续。</strong></noscript><div id="app"></div></body></html>
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>NEU小站</title><script defer="defer" src="/js/chunk-vendors.f7fe2dc8.js"></script><script defer="defer" src="/js/app.85de91ab.js"></script><link href="/css/app.ac72af65.css" rel="stylesheet"></head><body><noscript><strong>抱歉，NEU小站无法在没有 JavaScript 的情况下正常工作。请启用 JavaScript 以继续。</strong></noscript><div id="app"></div></body></html>

2
dist/js/313.d9ac233b.js vendored
View File

@ -1,2 +0,0 @@
"use strict";(self["webpackChunknewfront"]=self["webpackChunknewfront"]||[]).push([[313],{2313:function(p,a,s){s.r(a),s.d(a,{default:function(){return f}});var c=s(6768);const i={class:"app-center"},t={class:"container"},l={class:"app-section"},e={class:"app-grid"},n={class:"app-section"},d={class:"app-grid"},r={class:"app-section"},o={class:"app-grid"};function k(p,a,s,k,v,L){const h=(0,c.g2)("NavBar");return(0,c.uX)(),(0,c.CE)("div",i,[(0,c.bF)(h),(0,c.Lk)("div",t,[a[21]||(a[21]=(0,c.Lk)("h1",{class:"page-title"},"应用中心",-1)),(0,c.Lk)("div",l,[a[11]||(a[11]=(0,c.Lk)("h2",{class:"section-title"},"NEU小站官方应用",-1)),(0,c.Lk)("div",e,[(0,c.Lk)("div",{class:"app-card",onClick:a[0]||(a[0]=p=>L.openUrl("https://course.xn--xhq44jb2fzpc.com"))},a[9]||(a[9]=[(0,c.Fv)('<span class="recommend-tag" data-v-6f2956c2>推荐</span><div class="app-icon" data-v-6f2956c2>📊</div><div class="app-title-wrapper" data-v-6f2956c2><h3 class="app-title" data-v-6f2956c2>课程评分系统</h3></div><p class="app-description" data-v-6f2956c2>给你喜欢的课程打个分！</p>',4)])),(0,c.Lk)("div",{class:"app-card",onClick:a[1]||(a[1]=p=>L.openUrl("https://oj.xn--xhq44jb2fzpc.com"))},a[10]||(a[10]=[(0,c.Lk)("div",{class:"app-icon"},"💻",-1),(0,c.Lk)("div",{class:"app-title-wrapper"},[(0,c.Lk)("h3",{class:"app-title"},"OJ题库")],-1),(0,c.Lk)("p",{class:"app-description"},"收录了NEU OJ的所有真题，方便分类标记与进度复盘",-1)]))])]),(0,c.Lk)("div",n,[a[16]||(a[16]=(0,c.Lk)("h2",{class:"section-title"},"实用工具",-1)),(0,c.Lk)("div",d,[(0,c.Lk)("div",{class:"app-card",onClick:a[2]||(a[2]=p=>L.openUrl("http://www.momofish.top/"))},a[12]||(a[12]=[(0,c.Fv)('<span class="recommend-tag" data-v-6f2956c2>推荐</span><div class="app-icon" data-v-6f2956c2>📚</div><div class="app-title-wrapper" data-v-6f2956c2><h3 class="app-title" data-v-6f2956c2>momofish</h3></div><p class="app-description" data-v-6f2956c2>马原、毛概等刷题与复习工具，含大量真题，助力考试备考</p>',4)])),(0,c.Lk)("div",{class:"app-card",onClick:a[3]||(a[3]=p=>L.openUrl("https://www.neumathe.cn"))},a[13]||(a[13]=[(0,c.Lk)("div",{class:"app-icon"},"📖",-1),(0,c.Lk)("div",{class:"app-title-wrapper"},[(0,c.Lk)("h3",{class:"app-title"},"数学刷题平台")],-1),(0,c.Lk)("p",{class:"app-description"},"收录了高数、线代、概率论等机考真题",-1)])),(0,c.Lk)("div",{class:"app-card",onClick:a[4]||(a[4]=p=>L.openUrl("http://phy.neumathe.cn/#/"))},a[14]||(a[14]=[(0,c.Lk)("div",{class:"app-icon"},"🔬",-1),(0,c.Lk)("div",{class:"app-title-wrapper"},[(0,c.Lk)("h3",{class:"app-title"},"大学物理实验数据处理系统")],-1),(0,c.Lk)("p",{class:"app-description"},"支持多个实验报告一键生成，提供数据处理与分析",-1)])),(0,c.Lk)("div",{class:"app-card",onClick:a[5]||(a[5]=p=>L.openUrl("http://cal.denglin.icu/"))},a[15]||(a[15]=[(0,c.Lk)("div",{class:"app-icon"},"🔍",-1),(0,c.Lk)("div",{class:"app-title-wrapper"},[(0,c.Lk)("h3",{class:"app-title"},"计算机学院保研综测计算器")],-1),(0,c.Lk)("p",{class:"app-description"},"计院保研综测分数在线计算",-1)]))])]),(0,c.Lk)("div",r,[a[20]||(a[20]=(0,c.Lk)("h2",{class:"section-title"},"学校官方工具",-1)),(0,c.Lk)("div",o,[(0,c.Lk)("div",{class:"app-card",onClick:a[6]||(a[6]=p=>L.openUrl("https://webvpn.neu.edu.cn/"))},a[17]||(a[17]=[(0,c.Lk)("div",{class:"app-icon"},"🌍",-1),(0,c.Lk)("div",{class:"app-title-wrapper"},[(0,c.Lk)("h3",{class:"app-title"},"WebVPN")],-1),(0,c.Lk)("p",{class:"app-description"},"校外访问校园内网资源",-1)])),(0,c.Lk)("div",{class:"app-card",onClick:a[7]||(a[7]=p=>L.openUrl("https://ehall.neu.edu.cn/db_portal/guide?id=2325B038-9B8F-4F64-9D46-7B9C649C79FB"))},a[18]||(a[18]=[(0,c.Lk)("div",{class:"app-icon"},"📄",-1),(0,c.Lk)("div",{class:"app-title-wrapper"},[(0,c.Lk)("h3",{class:"app-title"},"本科生电子成绩单申请")],-1),(0,c.Lk)("p",{class:"app-description"},"在线申请电子成绩单",-1)])),(0,c.Lk)("div",{class:"app-card",onClick:a[8]||(a[8]=p=>L.openUrl("http://www.lib.neu.edu.cn/index.html"))},a[19]||(a[19]=[(0,c.Lk)("div",{class:"app-icon"},"📘",-1),(0,c.Lk)("div",{class:"app-title-wrapper"},[(0,c.Lk)("h3",{class:"app-title"},"东北大学图书馆资源平台")],-1),(0,c.Lk)("p",{class:"app-description"},"下载文献、图书、期刊等资源",-1)]))])])])])}var v=s(1927),L={name:"AppCenter",components:{NavBar:v.A},created(){document.title="应用中心 - NEU小站"},methods:{openUrl(p){window.open(p,"_blank")}}},h=s(1241);const w=(0,h.A)(L,[["render",k],["__scopeId","data-v-6f2956c2"]]);var f=w}}]);
//# sourceMappingURL=313.d9ac233b.js.map

2
dist/js/412.5654c2a5.js vendored Normal file
View File

@ -0,0 +1,2 @@
"use strict";(self["webpackChunknewfront"]=self["webpackChunknewfront"]||[]).push([[412],{6412:function(a,p,s){s.r(p),s.d(p,{default:function(){return f}});var e=s(6768);const c={class:"app-center"},i={class:"container"},t={class:"app-section"},l={class:"app-grid"},n={class:"app-section"},d={class:"app-grid"},o={class:"app-section"},r={class:"app-grid"};function k(a,p,s,k,v,L){const h=(0,e.g2)("NavBar");return(0,e.uX)(),(0,e.CE)("div",c,[(0,e.bF)(h),(0,e.Lk)("div",i,[p[22]||(p[22]=(0,e.Lk)("h1",{class:"page-title"},"应用中心",-1)),(0,e.Lk)("div",t,[p[11]||(p[11]=(0,e.Lk)("h2",{class:"section-title official-apps-title"},"🏆官方应用",-1)),p[12]||(p[12]=(0,e.Lk)("p",{class:"section-description"},"NEU小站团队开发，安全可靠",-1)),(0,e.Lk)("div",l,[(0,e.Lk)("div",{class:"app-card",onClick:p[0]||(p[0]=a=>L.openUrl("https://course.xn--xhq44jb2fzpc.com"))},p[9]||(p[9]=[(0,e.Fv)('<span class="recommend-tag" data-v-ebeaebf4>推荐</span><div class="app-icon" data-v-ebeaebf4>📊</div><div class="app-title-wrapper" data-v-ebeaebf4><h3 class="app-title" data-v-ebeaebf4>课程评分系统</h3></div><p class="app-description" data-v-ebeaebf4>给你喜欢的课程打个分！</p>',4)])),(0,e.Lk)("div",{class:"app-card",onClick:p[1]||(p[1]=a=>L.openUrl("https://oj.xn--xhq44jb2fzpc.com"))},p[10]||(p[10]=[(0,e.Lk)("div",{class:"app-icon"},"💻",-1),(0,e.Lk)("div",{class:"app-title-wrapper"},[(0,e.Lk)("h3",{class:"app-title"},"OJ题库")],-1),(0,e.Lk)("p",{class:"app-description"},"收录了NEU OJ的所有真题，方便分类标记与进度复盘",-1)]))])]),(0,e.Lk)("div",n,[p[17]||(p[17]=(0,e.Lk)("h2",{class:"section-title"},"实用工具",-1)),(0,e.Lk)("div",d,[(0,e.Lk)("div",{class:"app-card",onClick:p[2]||(p[2]=a=>L.openUrl("http://www.momofish.top/"))},p[13]||(p[13]=[(0,e.Fv)('<span class="recommend-tag" data-v-ebeaebf4>推荐</span><div class="app-icon" data-v-ebeaebf4>📚</div><div class="app-title-wrapper" data-v-ebeaebf4><h3 class="app-title" data-v-ebeaebf4>momofish</h3></div><p class="app-description" data-v-ebeaebf4>马原、毛概等刷题与复习工具，含大量真题，助力考试备考</p>',4)])),(0,e.Lk)("div",{class:"app-card",onClick:p[3]||(p[3]=a=>L.openUrl("https://www.neumathe.cn"))},p[14]||(p[14]=[(0,e.Lk)("div",{class:"app-icon"},"📖",-1),(0,e.Lk)("div",{class:"app-title-wrapper"},[(0,e.Lk)("h3",{class:"app-title"},"数学刷题平台")],-1),(0,e.Lk)("p",{class:"app-description"},"收录了高数、线代、概率论等机考真题",-1)])),(0,e.Lk)("div",{class:"app-card",onClick:p[4]||(p[4]=a=>L.openUrl("http://phy.neumathe.cn/#/"))},p[15]||(p[15]=[(0,e.Lk)("div",{class:"app-icon"},"🔬",-1),(0,e.Lk)("div",{class:"app-title-wrapper"},[(0,e.Lk)("h3",{class:"app-title"},"大学物理实验数据处理系统")],-1),(0,e.Lk)("p",{class:"app-description"},"支持多个实验报告一键生成，提供数据处理与分析",-1)])),(0,e.Lk)("div",{class:"app-card",onClick:p[5]||(p[5]=a=>L.openUrl("http://cal.denglin.icu/"))},p[16]||(p[16]=[(0,e.Lk)("div",{class:"app-icon"},"🔍",-1),(0,e.Lk)("div",{class:"app-title-wrapper"},[(0,e.Lk)("h3",{class:"app-title"},"计算机学院保研综测计算器")],-1),(0,e.Lk)("p",{class:"app-description"},"计院保研综测分数在线计算",-1)]))])]),(0,e.Lk)("div",o,[p[21]||(p[21]=(0,e.Lk)("h2",{class:"section-title"},"学校官方工具",-1)),(0,e.Lk)("div",r,[(0,e.Lk)("div",{class:"app-card",onClick:p[6]||(p[6]=a=>L.openUrl("https://webvpn.neu.edu.cn/"))},p[18]||(p[18]=[(0,e.Lk)("div",{class:"app-icon"},"🌍",-1),(0,e.Lk)("div",{class:"app-title-wrapper"},[(0,e.Lk)("h3",{class:"app-title"},"WebVPN")],-1),(0,e.Lk)("p",{class:"app-description"},"校外访问校园内网资源",-1)])),(0,e.Lk)("div",{class:"app-card",onClick:p[7]||(p[7]=a=>L.openUrl("https://ehall.neu.edu.cn/db_portal/guide?id=2325B038-9B8F-4F64-9D46-7B9C649C79FB"))},p[19]||(p[19]=[(0,e.Lk)("div",{class:"app-icon"},"📄",-1),(0,e.Lk)("div",{class:"app-title-wrapper"},[(0,e.Lk)("h3",{class:"app-title"},"本科生电子成绩单申请")],-1),(0,e.Lk)("p",{class:"app-description"},"在线申请电子成绩单",-1)])),(0,e.Lk)("div",{class:"app-card",onClick:p[8]||(p[8]=a=>L.openUrl("http://www.lib.neu.edu.cn/index.html"))},p[20]||(p[20]=[(0,e.Lk)("div",{class:"app-icon"},"📘",-1),(0,e.Lk)("div",{class:"app-title-wrapper"},[(0,e.Lk)("h3",{class:"app-title"},"东北大学图书馆资源平台")],-1),(0,e.Lk)("p",{class:"app-description"},"下载文献、图书、期刊等资源",-1)]))])])])])}var v=s(1927),L={name:"AppCenter",components:{NavBar:v.A},created(){document.title="应用中心 - NEU小站"},methods:{openUrl(a){window.open(a,"_blank")}}},h=s(1241);const b=(0,h.A)(L,[["render",k],["__scopeId","data-v-ebeaebf4"]]);var f=b}}]);
//# sourceMappingURL=412.5654c2a5.js.map

4
dist/js/app.3bd097cb.js → dist/js/app.85de91ab.js vendored
View File

File diff suppressed because one or more lines are too long

20
src/views/AppCenter.vue
View File

@ -7,7 +7,8 @@
<!-- 官方应用 -->
<div class="app-section">
<h2 class="section-title">NEU小站官方应用</h2>
<h2 class="section-title official-apps-title">🏆官方应用</h2>
<p class="section-description">NEU小站团队开发，安全可靠</p>
<div class="app-grid">
<div class="app-card" @click="openUrl('https://course.xn--xhq44jb2fzpc.com')">
<span class="recommend-tag">推荐</span>
@ -165,6 +166,15 @@ export default {
}
}
.section-description {
font-size: 0.9rem;
color: #666;
margin-bottom: 1.5rem;
margin-top: -1rem;
padding-left: 15px;
line-height: 1.5;
}
.app-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
@ -277,4 +287,12 @@ export default {
font-size: 0.8rem;
}
}
.official-apps-title {
color: #D32F2F; /* 设置文字颜色为深红色 */
}
.official-apps-title::before {
background-color: #F44336; /* 设置伪元素背景为亮红色 */
}
</style>