Home Explore Help
Sign In
lovecoding
/
Web1020
10
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

admin

fengchuanyu 2 months ago
parent
f114ec6af9
commit
54ec61caf6
16 changed files with 241 additions and 0 deletions
Unified View Show Diff Stats
  1. 23 0
      12_vuecli/mediaapp/.gitignore
  2. 24 0
      12_vuecli/mediaapp/README.md
  3. 5 0
      12_vuecli/mediaapp/babel.config.js
  4. 19 0
      12_vuecli/mediaapp/jsconfig.json
  5. 45 0
      12_vuecli/mediaapp/package.json
  6. BIN
      12_vuecli/mediaapp/public/favicon.ico
  7. 17 0
      12_vuecli/mediaapp/public/index.html
  8. 15 0
      12_vuecli/mediaapp/src/App.vue
  9. 25 0
      12_vuecli/mediaapp/src/assets/js/rem.js
  10. 11 0
      12_vuecli/mediaapp/src/main.js
  11. 33 0
      12_vuecli/mediaapp/src/router/index.js
  12. 5 0
      12_vuecli/mediaapp/src/views/book/BookPage.vue
  13. 5 0
      12_vuecli/mediaapp/src/views/mine/MinePage.vue
  14. 5 0
      12_vuecli/mediaapp/src/views/talk/TalkPage.vue
  15. 5 0
      12_vuecli/mediaapp/src/views/tv/TvPage.vue
  16. 4 0
      12_vuecli/mediaapp/vue.config.js

+ 23 - 0
12_vuecli/mediaapp/.gitignore
View File 

@@ -0,0 +1,23 @@
 
+.DS_Store
 
+node_modules
 
+/dist
 
+
 
+
 
+# local env files
 
+.env.local
 
+.env.*.local
 
+
 
+# Log files
 
+npm-debug.log*
 
+yarn-debug.log*
 
+yarn-error.log*
 
+pnpm-debug.log*
 
+
 
+# Editor directories and files
 
+.idea
 
+.vscode
 
+*.suo
 
+*.ntvs*
 
+*.njsproj
 
+*.sln
 
+*.sw?

+ 24 - 0
12_vuecli/mediaapp/README.md
View File 

@@ -0,0 +1,24 @@
 
+# mediaapp
 
+
 
+## Project setup
 
+```
 
+yarn install
 
+```
 
+
 
+### Compiles and hot-reloads for development
 
+```
 
+yarn serve
 
+```
 
+
 
+### Compiles and minifies for production
 
+```
 
+yarn build
 
+```
 
+
 
+### Lints and fixes files
 
+```
 
+yarn lint
 
+```
 
+
 
+### Customize configuration
 
+See [Configuration Reference](https://cli.vuejs.org/config/).

+ 5 - 0
12_vuecli/mediaapp/babel.config.js
View File 

@@ -0,0 +1,5 @@
 
+module.exports = {
 
+  presets: [
 
+    '@vue/cli-plugin-babel/preset'
 
+  ]
 
+}

+ 19 - 0
12_vuecli/mediaapp/jsconfig.json
View File 

@@ -0,0 +1,19 @@
 
+{
 
+  "compilerOptions": {
 
+    "target": "es5",
 
+    "module": "esnext",
 
+    "baseUrl": "./",
 
+    "moduleResolution": "node",
 
+    "paths": {
 
+      "@/*": [
 
+        "src/*"
 
+      ]
 
+    },
 
+    "lib": [
 
+      "esnext",
 
+      "dom",
 
+      "dom.iterable",
 
+      "scripthost"
 
+    ]
 
+  }
 
+}

+ 45 - 0
12_vuecli/mediaapp/package.json
View File 

@@ -0,0 +1,45 @@
 
+{
 
+  "name": "mediaapp",
 
+  "version": "0.1.0",
 
+  "private": true,
 
+  "scripts": {
 
+    "serve": "vue-cli-service serve",
 
+    "build": "vue-cli-service build",
 
+    "lint": "vue-cli-service lint"
 
+  },
 
+  "dependencies": {
 
+    "core-js": "^3.8.3",
 
+    "vue": "^2.6.14",
 
+    "vue-router": "^3.5.1"
 
+  },
 
+  "devDependencies": {
 
+    "@babel/core": "^7.12.16",
 
+    "@babel/eslint-parser": "^7.12.16",
 
+    "@vue/cli-plugin-babel": "~5.0.0",
 
+    "@vue/cli-plugin-eslint": "~5.0.0",
 
+    "@vue/cli-plugin-router": "~5.0.0",
 
+    "@vue/cli-service": "~5.0.0",
 
+    "eslint": "^7.32.0",
 
+    "eslint-plugin-vue": "^8.0.3",
 
+    "vue-template-compiler": "^2.6.14"
 
+  },
 
+  "eslintConfig": {
 
+    "root": true,
 
+    "env": {
 
+      "node": true
 
+    },
 
+    "extends": [
 
+      "plugin:vue/essential",
 
+      "eslint:recommended"
 
+    ],
 
+    "parserOptions": {
 
+      "parser": "@babel/eslint-parser"
 
+    },
 
+    "rules": {}
 
+  },
 
+  "browserslist": [
 
+    "> 1%",
 
+    "last 2 versions",
 
+    "not dead"
 
+  ]
 
+}

BIN
12_vuecli/mediaapp/public/favicon.ico
View File


+ 17 - 0
12_vuecli/mediaapp/public/index.html
View File 

@@ -0,0 +1,17 @@
 
+<!DOCTYPE html>
 
+<html lang="">
 
+  <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><%= htmlWebpackPlugin.options.title %></title>
 
+  </head>
 
+  <body>
 
+    <noscript>
 
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
+    </noscript>
 
+    <div id="app"></div>
 
+    <!-- built files will be auto injected -->
 
+  </body>
 
+</html>

+ 15 - 0
12_vuecli/mediaapp/src/App.vue
View File 

@@ -0,0 +1,15 @@
 
+<template>
 
+  <div id="app">
 
+    <nav>
 
+      <router-link to="/">Tv</router-link>|
 
+      <router-link to="/book">Book</router-link>|
 
+      <router-link to="/talk">Talk</router-link>|
 
+      <router-link to="/mine">Mine</router-link>
 
+    </nav>
 
+    <router-view/>
 
+  </div>
 
+</template>
 
+
 
+<style>
 
+
 
+</style>

+ 25 - 0
12_vuecli/mediaapp/src/assets/js/rem.js
View File 

@@ -0,0 +1,25 @@
 
+(function(win) {
 
+    var doc = win.document;
 
+    var docEl = doc.documentElement;
 
+    var tid;
 
+
 
+    function refreshRem() {
 
+        var width = docEl.getBoundingClientRect().width;
 
+        var rem = width / 7.5; // 将屏幕宽度分成7.5份， 1份为1rem
 
+        docEl.style.fontSize = rem + 'px';
 
+    }
 
+    
+    win.addEventListener('resize', function() {
 
+        clearTimeout(tid);
 
+        tid = setTimeout(refreshRem, 10);
 
+    }, false);
 
+    win.addEventListener('pageshow', function(e) {
 
+        if (e.persisted) {//判断是否加载缓存
 
+            clearTimeout(tid);
 
+            tid = setTimeout(refreshRem, 10);
 
+        }
 
+    }, false);
 
+
 
+    refreshRem();
 
+
 
+})(window);

+ 11 - 0
12_vuecli/mediaapp/src/main.js
View File 

@@ -0,0 +1,11 @@
 
+import Vue from 'vue'
 
+import App from './App.vue'
 
+import router from './router'
 
+import "@/assets/js/rem"
 
+
 
+Vue.config.productionTip = false
 
+
 
+new Vue({
 
+  router,
 
+  render: h => h(App)
 
+}).$mount('#app')

+ 33 - 0
12_vuecli/mediaapp/src/router/index.js
View File 

@@ -0,0 +1,33 @@
 
+import Vue from 'vue'
 
+import VueRouter from 'vue-router'
 
+import TvPage from '../views/tv/TvPage.vue'
 
+
 
+Vue.use(VueRouter)
 
+
 
+const routes = [
 
+  {
 
+    path: '/',
 
+    name: 'tvpage',
 
+    component: TvPage
 
+  },{
 
+    path:'/book',
 
+    name:'book',
 
+    component:() => import("../views/book/BookPage.vue")
 
+  },{
 
+    path:'/talk',
 
+    name:'talk',
 
+    component:() => import("../views/talk/TalkPage.vue")
 
+  },{
 
+    path:'/mine',
 
+    name:'mine',
 
+    component:() => import("../views/mine/MinePage.vue")
 
+  }
 
+]
 
+
 
+const router = new VueRouter({
 
+  mode: 'history',
 
+  base: process.env.BASE_URL,
 
+  routes
 
+})
 
+
 
+export default router

+ 5 - 0
12_vuecli/mediaapp/src/views/book/BookPage.vue
View File 

@@ -0,0 +1,5 @@
 
+<template>
 
+    <div class="book-container">
 
+        <h1>Book</h1>
 
+    </div>
 
+</template>

+ 5 - 0
12_vuecli/mediaapp/src/views/mine/MinePage.vue
View File 

@@ -0,0 +1,5 @@
 
+<template>
 
+    <div class="mine-container">
 
+        <h1>Mine</h1>
 
+    </div>
 
+</template>

+ 5 - 0
12_vuecli/mediaapp/src/views/talk/TalkPage.vue
View File 

@@ -0,0 +1,5 @@
 
+<template>
 
+    <div class="talk-container">
 
+        <h1>Talk</h1>
 
+    </div>
 
+</template>

+ 5 - 0
12_vuecli/mediaapp/src/views/tv/TvPage.vue
View File 

@@ -0,0 +1,5 @@
 
+<template>
 
+    <div class="tv-container">
 
+        <h1>TV</h1>
 
+    </div>
 
+</template>

+ 4 - 0
12_vuecli/mediaapp/vue.config.js
View File 

@@ -0,0 +1,4 @@
 
+const { defineConfig } = require('@vue/cli-service')
 
+module.exports = defineConfig({
 
+  transpileDependencies: true
 
+})