优化应用中心
This commit is contained in:
parent
50b399b658
commit
ee9c7c6677
1
dist/css/270.e032f250.css
vendored
Normal file
1
dist/css/270.e032f250.css
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
.app-center[data-v-15fa2ebf]{padding:40px 0;padding-top:80px;background-color:#f5f7fa;min-height:100vh}.container[data-v-15fa2ebf]{max-width:1200px;margin:0 auto;padding:0 20px}.page-title[data-v-15fa2ebf]{font-size:2rem;margin-bottom:2rem;color:#333;text-align:center;font-weight:600}.app-section[data-v-15fa2ebf]{margin-bottom:3rem}.section-title[data-v-15fa2ebf]{font-size:1.5rem;margin-bottom:1.5rem;color:#333;position:relative;padding-left:15px;font-weight:500}.section-title[data-v-15fa2ebf]: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-15fa2ebf]{font-size:.9rem;color:#666;margin-bottom:1.5rem;margin-top:-1rem;padding-left:15px;line-height:1.5}.app-grid[data-v-15fa2ebf]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.app-card[data-v-15fa2ebf]{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-15fa2ebf]: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-15fa2ebf]{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-15fa2ebf]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.recommend-tag[data-v-15fa2ebf]{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-15fa2ebf]{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#333}.app-description[data-v-15fa2ebf]{font-size:.85rem;color:#666;line-height:1.4}@media(max-width:1024px){.app-grid[data-v-15fa2ebf]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.app-grid[data-v-15fa2ebf]{grid-template-columns:repeat(2,1fr)}.page-title[data-v-15fa2ebf]{font-size:1.8rem}.section-title[data-v-15fa2ebf]{font-size:1.3rem}}@media(max-width:480px){.app-card[data-v-15fa2ebf]{padding:15px}.app-icon[data-v-15fa2ebf]{width:55px;height:55px;font-size:2.2rem}.app-title[data-v-15fa2ebf]{font-size:1rem}.app-description[data-v-15fa2ebf]{font-size:.8rem}}.official-apps-title[data-v-15fa2ebf]{color:#d32f2f}.official-apps-title[data-v-15fa2ebf]:before{background-color:#f44336}
|
1
dist/css/412.17f29e89.css
vendored
1
dist/css/412.17f29e89.css
vendored
@ -1 +0,0 @@
|
|||||||
.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
2
dist/index.html
vendored
@ -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.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>
|
<!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.f6990088.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/270.ffd8bf09.js
vendored
Normal file
2
dist/js/270.ffd8bf09.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
dist/js/412.5654c2a5.js
vendored
2
dist/js/412.5654c2a5.js
vendored
@ -1,2 +0,0 @@
|
|||||||
"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
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -10,7 +10,7 @@
|
|||||||
<h2 class="section-title official-apps-title">🏆官方应用</h2>
|
<h2 class="section-title official-apps-title">🏆官方应用</h2>
|
||||||
<p class="section-description">NEU小站团队开发,安全可靠</p>
|
<p class="section-description">NEU小站团队开发,安全可靠</p>
|
||||||
<div class="app-grid">
|
<div class="app-grid">
|
||||||
<div class="app-card" @click="openUrl('https://course.xn--xhq44jb2fzpc.com')">
|
<div class="app-card" @click="checkMobileOpen('https://course.xn--xhq44jb2fzpc.com')">
|
||||||
<span class="recommend-tag">推荐</span>
|
<span class="recommend-tag">推荐</span>
|
||||||
<div class="app-icon">📊</div>
|
<div class="app-icon">📊</div>
|
||||||
<div class="app-title-wrapper">
|
<div class="app-title-wrapper">
|
||||||
@ -19,7 +19,7 @@
|
|||||||
<p class="app-description">给你喜欢的课程打个分!</p>
|
<p class="app-description">给你喜欢的课程打个分!</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="app-card" @click="openUrl('https://oj.xn--xhq44jb2fzpc.com')">
|
<div class="app-card" @click="checkMobileOpen('https://oj.xn--xhq44jb2fzpc.com')">
|
||||||
<div class="app-icon">💻</div>
|
<div class="app-icon">💻</div>
|
||||||
<div class="app-title-wrapper">
|
<div class="app-title-wrapper">
|
||||||
<h3 class="app-title">OJ题库</h3>
|
<h3 class="app-title">OJ题库</h3>
|
||||||
@ -103,6 +103,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import NavBar from '@/components/NavBar.vue';
|
import NavBar from '@/components/NavBar.vue';
|
||||||
|
import messageBox from '@/utils/messageBox.js';
|
||||||
export default {
|
export default {
|
||||||
name: 'AppCenter',
|
name: 'AppCenter',
|
||||||
components: {
|
components: {
|
||||||
@ -112,6 +113,20 @@ export default {
|
|||||||
document.title = '应用中心 - NEU小站';
|
document.title = '应用中心 - NEU小站';
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
checkMobileOpen(url) {
|
||||||
|
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth < 768;
|
||||||
|
if (isMobile) {
|
||||||
|
messageBox.confirm('推荐在电脑端使用此应用,以获得最佳体验。仍要继续吗?', '提示')
|
||||||
|
.then(() => {
|
||||||
|
window.open(url, '_blank');
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
// console.log('用户取消了在移动端打开应用');
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
window.open(url, '_blank');
|
||||||
|
}
|
||||||
|
},
|
||||||
openUrl(url) {
|
openUrl(url) {
|
||||||
window.open(url, '_blank');
|
window.open(url, '_blank');
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user