',document.body.appendChild(e)}function loadStyleText(e){var t=document.createElement("style");t.rel="stylesheet",t.type="text/css";try{t.appendChild(document.createTextNode(e))}catch(i){t.styleSheet.cssText=e}document.getElementsByTagName("head")[0].appendChild(t)}var cssText="img{width: 100%; height: auto;} #weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 1050;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";isWeixin&&(loadHtml(),loadStyleText(cssText));
2 |
--------------------------------------------------------------------------------
/src/registerServiceWorker.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-console */
2 |
3 | import { register } from "register-service-worker";
4 |
5 | if (process.env.NODE_ENV === "production") {
6 | register(`${process.env.BASE_URL}service-worker.js`, {
7 | ready() {
8 | console.log(
9 | "App is being served from cache by a service worker.\n" +
10 | "For more details, visit https://goo.gl/AFskqB"
11 | );
12 | },
13 | registered() {
14 | console.log("Service worker has been registered.");
15 | },
16 | cached() {
17 | console.log("Content has been cached for offline use.");
18 | },
19 | updatefound() {
20 | console.log("New content is downloading.");
21 | },
22 | updated() {
23 | console.log("New content is available; please refresh.");
24 | },
25 | offline() {
26 | console.log(
27 | "No internet connection found. App is running in offline mode."
28 | );
29 | },
30 | error(error) {
31 | console.error("Error during service worker registration:", error);
32 | }
33 | });
34 | }
35 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2019
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "life-in-nuaa",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "serve": "vue-cli-service serve",
7 | "build": "vue-cli-service build",
8 | "lint": "vue-cli-service lint"
9 | },
10 | "dependencies": {
11 | "axios": "^0.21.1",
12 | "clipboard": "^2.0.5",
13 | "core-js": "^3.6.4",
14 | "material-design-icons-iconfont": "^5.0.1",
15 | "nativeshare": "^2.1.3",
16 | "register-service-worker": "^1.6.2",
17 | "vue": "^2.6.11",
18 | "vue-savedata": "^2.0.5",
19 | "vuetify": "^2.2.11",
20 | "vuex": "^3.1.2"
21 | },
22 | "devDependencies": {
23 | "@vue/cli-plugin-babel": "^4.2.0",
24 | "@vue/cli-plugin-eslint": "^4.2.0",
25 | "@vue/cli-plugin-pwa": "^4.2.0",
26 | "@vue/cli-service": "^4.2.0",
27 | "@vue/eslint-config-prettier": "^6.0.0",
28 | "babel-eslint": "^10.0.3",
29 | "eslint": "^6.7.2",
30 | "eslint-plugin-prettier": "^3.1.1",
31 | "eslint-plugin-vue": "^6.1.2",
32 | "prettier": "^1.19.1",
33 | "sass": "^1.19.0",
34 | "sass-loader": "^8.0.0",
35 | "vue-cli-plugin-vuetify": "^2.0.5",
36 | "vue-template-compiler": "^2.6.11",
37 | "vuetify-loader": "^1.3.0"
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/public/js/FuckWeixin.js:
--------------------------------------------------------------------------------
1 | function is_weixin() {
2 | var ua = navigator.userAgent.toLowerCase();
3 | if (ua.match(/MicroMessenger/i) == "micromessenger" || ua.match(/ QQ/i) == " qq" ) {
4 | return true;
5 | } else {
6 | return false;
7 | }
8 | }
9 | var isWeixin = is_weixin();
10 | // var isWeixin = false;
11 | var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
12 |
13 | function loadHtml() {
14 | var div = document.createElement('div');
15 | div.id = 'weixin-tip';
16 | // div.innerHTML = '; ?>)
';
17 | div.innerHTML = '
\n`;export default class AddToHomeScreen extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(template.content.cloneNode(!0)),this._closeClick=closeClick.bind(this)}connectedCallback(){const n=window.navigator.userAgent,e=!!n.match(/iPad/i)||!!n.match(/iPhone/i),t=!!n.match(/WebKit/i),o=e&&t&&!n.match(/CriOS/i)&&!n.match(/FxiOS/i);localStorage.isClosed||o&&!navigator.standalone&&(this.style.display="inline-block",this.shadowRoot.getElementById("close").addEventListener("click",this._closeClick))}disconnectedCallback(){this.shadowRoot.getElementById("close").removeEventListener("click",this._closeClick)}};function closeClick(){localStorage.isClosed="true",this.style.display="none"}window.customElements.define("add-to-home-screen",AddToHomeScreen);
2 |
--------------------------------------------------------------------------------
/public/font/iconfont.css:
--------------------------------------------------------------------------------
1 | @font-face {font-family: "iconfont";
2 | src: url('iconfont.eot?t=1588502909130'); /* IE9 */
3 | src: url('iconfont.eot?t=1588502909130#iefix') format('embedded-opentype'), /* IE6-IE8 */
4 | url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQ0AAsAAAAACDwAAAPoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqEAINWATYCJAMQCwoABCAFhG0HPxs/BxEVnPnIvsKmDNcDQC0MzwYkom4YTnwJ+SCBBAoAAAAAiKDar7fn7d7/exBAUESgEDzbKEBHoCJkIkwqikCyjr5BPcwE64JwgUl7Tbx2Qu2iuGhqa9OObStMhGJJbJeflpl/ngfChdBxvk5XmVbICtnOiLOl1oC5vsn/55jpMsHy22wuUUUZtD0f7Q1wlEADisy71rPjO6AD4hvGrryIzQQahposlplaO4MiM3oF4mREWAAoKYtcwwxF31EyMYtrakp1pXqDq/7vxz9TolCpJcbATYdNgsGin3rPEF1us89FkI7nAptGwmRk4mipZ78UxidLGsrfZDNQFBU/9Z76xfHfhrK9aIqp0fcfryI6GJoWxE5LJH7q2ZJYuwD5BL84MlTwQiYUNHAPP4FBGUysfEK0Wo3WwK5dW6Mbe3GcsxdT3pulG7k0t7N0zLNRRePJC69FvOCD6hzMfx+wj/P1RV9gAXL3I49WzBWD+luQuRm6IMTWUoUjlhbkhmP+lAuvWFt7+WZxFqpY7kG58JKNoOn2U6pmNHd2YaZ7kGfwhjgeRtPj8jtI6QdMKPgYoWq7M5ZSvZtEiZTP+XiyOzmI8pwLcZCrawA4uOMuzJiZPsldXtvkvREhJDkaUZObIpY63Tz0StlqLCJWxQUqNimWJb/e+/50lFsMHGJslO0yk82dohwE7e69DZLDVMyM/Vu4xIlX6Za/hAZTeXG4eQs50bvnsbnTMNxdZlB04fdR83Nczq1QYRFeNTE14FYwcsx/k22oVmUY0KqXZCWY90jvcHI2X9wJuXBLCttbgbWdrGdBe/dChLLDdjZP5XgOGKekGA/MQSEURoM8RzMTUxNNjCIssy3M81qRED2hpaIjp3uyrPCn+uPLB2an/CM1hu6X+32//8Z+BGdBu3QvLaTsp9PMpHSEKP93d+Ltx4SITvt/aV5vyRe4k4O8bVk7rX8mbS39udKWeVmVG9acZYUt0TKzswpvKauhgV+apqcfY+j6tGYSuj4xVDoNgaQYjczYyeCvaZoGHYqF0DDJYXpTL2wsch0TvQCE7t5Q6eo1JN19kRn7g5q+/tChe4yhYUesF2waG2a1YUwEc0ifYDJqlGWXVZB9RN1XCSflPuuK3JkQ+I6XTR2wQR5jSHfTgYgCxVTDHmyHVUXQMpWYiVOItKHrqrIXcjKqBytLMZQQKAdST8DIkIZyi4tV7uePkNarJLgmpyJ4hVjH1A98Dq8F8qBpWuVcyzWdGy0ghAIURmpgD1yoMuMEtOXtSigjHEWPaCvkokKqrcaZX1c/4RpoME7MUUWKHDW1/YnJ+5km0hVOUtPowQA=') format('woff2'),
5 | url('iconfont.woff?t=1588502909130') format('woff'),
6 | url('iconfont.ttf?t=1588502909130') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
7 | url('iconfont.svg?t=1588502909130#iconfont') format('svg'); /* iOS 4.1- */
8 | }
9 |
10 | .iconfont {
11 | font-family: "iconfont" !important;
12 | font-size: 16px;
13 | font-style: normal;
14 | -webkit-font-smoothing: antialiased;
15 | -moz-osx-font-smoothing: grayscale;
16 | }
17 |
18 | .icon-baidu:before {
19 | content: "\e6b6";
20 | }
21 |
22 | .icon-google:before {
23 | content: "\e719";
24 | }
25 |
26 | .icon-bing:before {
27 | content: "\e63f";
28 | }
29 |
30 |
--------------------------------------------------------------------------------
/public/styles/main.min.css:
--------------------------------------------------------------------------------
1 | body{-webkit-user-select:none;user-select:none;overflow-x:hidden}#web_bg{background-position:center !important}header{box-shadow:rgba(0,0,0,0.2) 0 2px 5px !important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@font-face{font-family:"iconfont";src:url("/font/iconfont.eot");src:url("/font/iconfont.eot?#iefix") format("embedded-opentype"),url("/font/iconfont.woff") format("woff"),url("/font/iconfont.ttf") format("truetype"),url("/font/iconfont.svg#iconfont") format("svg")}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}#web_bg{position:absolute;top:0;left:0;height:100%;width:100%;background-position:center 0;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;zoom:1}.searchOpt{border-radius:5px !important;width:76px !important}.logo-item{width:210px;height:70px}.panels,.panel{background:rgba(255,255,255,0.7) !important}.v-toolbar__title{cursor:default}.v-responsive__content{cursor:pointer}.v-input__slot{box-shadow:rgba(0,0,0,0.1) 0 2px 15px}.v-input__slot:hover{box-shadow:rgba(0,0,0,0.2) 0 2px 15px}.v-expansion-panels{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.v-expansion-panel{-webkit-transition:margin,border-bottom-left-radius,border-bottom-right-radius,background-color .2s cubic-bezier(0.4,0,1,1) !important;transition:margin,border-bottom-left-radius,border-bottom-right-radius,background-color .2s cubic-bezier(0.4,0,1,1) !important}.v-expansion-panel.panels{background-color:rgba(255,255,255,0.9) !important}.v-expansion-panel.panels:hover{background-color:rgba(255,255,255,1) !important}.v-expansion-panel.panels.v-expansion-panel--active.v-item--active{background-color:rgba(255,255,255,0.75) !important}.panel.flex.d-flex.flex-column.v-card.v-card--link.v-card--outlined.v-sheet.v-sheet--tile.theme--light{transition:all .25s}.panel.flex.d-flex.flex-column.v-card.v-card--link.v-card--outlined.v-sheet.v-sheet--tile.theme--light:hover{background-color:white !important}.text-center.white--text.col.col-12{font-size:small;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.text-center.white--text.col.col-12 a{transition:all .25s}.text-center.white--text.col.col-12 a:hover{color:#87b4e6 !important}@supports(-webkit-backdrop-filter:blur(10px)) or(backdrop-filter:blur(10px)){.v-input__slot{background-color:rgba(255,255,255,0.5) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.v-input__slot:hover{background-color:rgba(255,255,255,0.7) !important;box-shadow:rgba(0,0,0,0.1) 0 2px 15px}.v-expansion-panel.panels.v-expansion-panel--active.v-item--active{-webkit-transition:none;transition:none}.v-expansion-panel.panels:hover{background-color:rgba(255,255,255,1) !important}}
2 |
--------------------------------------------------------------------------------
/public/js/AddToHomeScreen.js:
--------------------------------------------------------------------------------
1 | const closeBase64 = 'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAl0lEQVR4Ae2TMQ6DMBTFfA+kHqkSUmcKgd5/BIaEqsOfWqyILgx4jewl/3FxSm74q8ODlcQeL1Za769sFNKOXthYaBAS5Wci9ExH4AlG143xKxH6k0oiMbluTEQi9B5BEpW6fNtHH+CfQCEd13PcxVF9IHnC9V6us1qvTsjVScJ1SeicM53MbKZBaFlkcYmZO473aTghF2/X9XbQ39L36gAAAABJRU5ErkJggg=='
2 |
3 | const template = document.createElement('template');
4 | template.innerHTML = `
5 |
64 | Unicode 引用
54 |55 | 56 |
Unicode 是字体在网页端最原始的应用方式，特点是：
57 |-
58 |
- 兼容性最好，支持 IE6+，及所有现代浏览器。 59 |
- 支持按字体的方式去动态调整图标大小，颜色等等。 60 |
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。 61 |
63 |65 |注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式
64 |
Unicode 使用步骤如下：
66 |第一步：拷贝项目下面生成的 @font-face
67 | @font-face {
69 | font-family: 'iconfont';
70 | src: url('iconfont.eot');
71 | src: url('iconfont.eot?#iefix') format('embedded-opentype'),
72 | url('iconfont.woff2') format('woff2'),
73 | url('iconfont.woff') format('woff'),
74 | url('iconfont.ttf') format('truetype'),
75 | url('iconfont.svg#iconfont') format('svg');
76 | }
77 | 第二步：定义使用 iconfont 的样式
79 |.iconfont {
81 | font-family: "iconfont" !important;
82 | font-size: 16px;
83 | font-style: normal;
84 | -webkit-font-smoothing: antialiased;
85 | -moz-osx-font-smoothing: grayscale;
86 | }
87 | 第三步：挑选相应图标并获取字体编码，应用于页面
89 |
90 | <span class="iconfont">3</span>
92 |
93 | 94 |96 |"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
95 |