Ywt

11111.txt

@@ -0,0 +1 @@
+测试

App.vue

@@ -0,0 +1,71 @@
+<template>
+  <div id="app">
+   <el-container>
+  <el-header style="text-align: left;">
+     <img  src="./assets/www.jpg">
+   <img  src="./assets/ttt.jpg">
+   </el-header>
+
+
+  <el-main style="width: 1920px; 
+   height: 1065px; 
+   left: 0px; top: 0px; 
+   z-index: 5; 
+   background-color: rgb(238, 238, 238); 
+   border: none; 
+   font-size: 14px; 
+   padding: 0px; 
+   text-align: left; 
+   line-height: 20px; 
+   font-weight: normal; 
+   font-style: normal; ">
+
+    <div  style="overflow: hidden; 
+    border-color: rgb(187, 187, 187); 
+    border-width: 0px; border-style: solid;">
+    <span style="display: none; background-color: transparent;">
+      <svg style="width: 24px; height: 22px;">
+        </svg>
+        </span>
+
+        <img class="img" src="./assets/yyy.jpg" style="top: 0px;
+                                                        display: block; 
+                                                         left: 0px; 
+                                                       width: 1000px;
+                                                        height:  575.236px;
+                                                         : rotate(0deg);">
+                                                        </div>                                        
+   </el-main>
+  <el-footer  style="background-color: rgb(46, 46, 65);">Footer</el-footer>
+   <router-view/>
+</el-container>
+
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  name: 'App',
+  data () {
+    return {
+
+    };
+  },
+  components: {
+
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

index.js

@@ -0,0 +1,42 @@
+import VueRouter from 'vue-router'
+import Vue from 'vue'
+Vue.use(VueRouter)
+import layout from '@/layout/index.vue'
+export default new VueRouter({
+    // mode:'history',
+    routes: [
+
+      {  path: '/system', // 地址栏上面访问的地址
+      //懒加载：
+     // component:()=> import ('@/views/user/index')
+      component:()=> import('@/system/index')
+   },
+   {  path: '/user', // 地址栏上面访问的地址
+   //懒加载：
+  // component:()=> import ('@/views/user/index')
+   component:()=> import('@/user/index')
+},
+            {
+               path: '/layout', // 地址栏上面访问的地址
+               //懒加载：
+               component: layout,
+               //嵌套路由
+               children: [{
+                     path: `/system/`, // 地址栏上面访问的地址
+                     //懒加载：
+                    // component:()=> import ('@/views/user/index')
+                     component:()=> import('@/system/index')
+                  },
+                  {
+                     path:'/user', // 地址栏上面访问的地址
+                     //懒加载：
+                     component:()=> import('@/user/index')
+                  },
+            // 
+
+         ]
+      },
+
+   ]
+})
+

index.vue

@@ -0,0 +1,48 @@
+<template>
+<div>
+    <el-container>
+  <el-header>
+
+    </el-header>
+  <el-main  style="background-color:rgb(238,238,238)">  
+
+  </el-main>
+     <el-footer style="background-color:black"></el-footer>
+</el-container>
+
+  </div>
+</template>
+<script>
+export default {
+  data(){
+    return {
+
+    }
+  },
+  methods:{
+    getSystem(id){
+      this.$router.push({
+        path:`/system/${id}`, //es6语法
+      })
+      // this.$router.push({
+      //   path:`/system/${id}`
+      // })
+    },
+    getUser(id,name){
+      this.$router.push({
+        path:'/user',
+        query:{
+          id:id,
+          name:name
+        }
+      })
+      // this.$router.push({
+      //   path:'/user',
+      //   query:{
+      //     id:id
+      //   }
+      // })
+    }
+  }
+}
+</script>

request.js

@@ -0,0 +1,39 @@
+import axios from 'axios'
+import { Message } from 'element-ui'
+const service=axios.create({
+    baseURL:'https://elm.cangdu.org',
+    timeout:5000,
+})
+//请求拦截
+//
+service.interceptors.request.use(
+    config=>{
+        //localStroage,cookie;
+
+        return config
+    },
+    error=>{
+        return Promise.reject(error)
+    }
+)
+//响应拦截
+/**服务器给我们返回的数据
+ * 根据后台返回的状态码 ；如果是200；那就是正常返回数据；
+ * 404，500，
+ */
+service.interceptors.response.use(
+    response=>{
+      //  console.log(response)
+        return response.data
+    },
+    error=>{
+        console.log(error);
+        Message({
+            message:error.message,
+            type:'error',
+            duration:5*1000
+        })
+        return Promise.reject(error)
+    }
+)
+export default service