Updated teacher view show filed phone

www/webapp/Y/home/static/css/app.css

@@ -1 +1 @@
-#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}.box{position:absolute;top:0;right:0;bottom:0;left:0}.home-box,.home img{width:100%;height:100%}.home img{display:block}.btn-home{z-index:15}.btn-home,.home-box>div:nth-child(2),.home-box>div:nth-child(3),.home-box>div:nth-child(4),.home-box>div:nth-child(5),.home-box>div:nth-child(6){position:absolute}.home-box .service{width:47%;padding-bottom:33%;left:8px;bottom:10%}.home-box .user{width:47%;padding-bottom:25%;right:8px;bottom:36%}.home-box .story{left:5%}.home-box .about,.home-box .story{width:33.33%;height:45px;bottom:5px}.home-box .about{right:5%}.home-box .IM{width:50px;height:50px;bottom:0;right:calc(50% - 25px);border-radius:50%}.show-product img[data-v-6836b348],img[data-v-172bc4a3]{display:block;width:100%}.IM[data-v-0a925d7e]{position:absolute;top:0;bottom:0;right:0;left:0}img[data-v-0a925d7e]{height:100vh}.rental-of-supplies img[data-v-0955e7e2],img[data-v-0a925d7e],img[data-v-0e7fe7e6]{display:block;width:100%}img[lazy=error][data-v-0955e7e2],img[lazy=loading][data-v-0955e7e2]{background-color:rgba(231,145,63,.3)}
+#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}.box{position:absolute;top:0;right:0;bottom:0;left:0}.home-box,.home img{width:100%;height:100%}.home img{display:block}.btn-home{z-index:15}.btn-home,.home-box>div:nth-child(2),.home-box>div:nth-child(3),.home-box>div:nth-child(4),.home-box>div:nth-child(5),.home-box>div:nth-child(6){position:absolute}.home-box .service{width:47%;padding-bottom:33%;left:8px;bottom:10%}.home-box .user{width:47%;padding-bottom:25%;right:8px;bottom:36%}.home-box .story{left:5%}.home-box .about,.home-box .story{width:33.33%;height:45px;bottom:5px}.home-box .about{right:5%}.home-box .IM{width:50px;height:50px;bottom:0;right:calc(50% - 25px);border-radius:50%}.show-product img[data-v-6836b348],img[data-v-172bc4a3],img[data-v-63533cc4]{display:block;width:100%}.IM[data-v-0a925d7e]{position:absolute;top:0;bottom:0;right:0;left:0}img[data-v-0a925d7e]{height:100vh}.rental-of-supplies img[data-v-0955e7e2],img[data-v-0a925d7e],img[data-v-0e7fe7e6]{display:block;width:100%}img[lazy=error][data-v-0955e7e2],img[lazy=loading][data-v-0955e7e2]{background-color:rgba(231,145,63,.3)}

www/webapp/Y/src/components/about1.vue

@@ -0,0 +1,26 @@
+<template>
+<scroller>
+  <div class="about">
+    <img :src="img" alt="">
+  </div>
+</scroller>
+</template>
+<script>
+  export default {
+    name: 'about1',
+    data() {
+      return {
+        img: 'http://pics.yiguanjia.me/WechatIMG524.jpeg'
+      }
+    }
+  }
+</script>
+<style scoped>
+  .about{
+    /*margin-top: -60px;*/
+  }
+  img {
+    display: block;
+    width: 100%;
+  }
+</style>

www/webapp/Y/src/router/index.js

@@ -3,6 +3,7 @@ import Router from 'vue-router'
 import Home from '@/components/Home'
 import showProduct from '@/components/showProduct'
 import about from '@/components/about'
+import about1 from '@/components/about1'
 import IM from '@/components/IM'
 import CompanyProfile from '@/components/CompanyProfile'
 import rentalOfSupplies from '@/components/rentalOfSupplies'
@@ -26,6 +27,11 @@ export default new Router({
       name: 'about',
       component: about
     },
+    {
+      path: '/about1',
+      name: 'about1',
+      component: about1
+    },
     {
       path: '/IM',
       name: 'IM',