fixed

www/vue/src/App.vue

@@ -1,8 +1,10 @@
 <template>
   <div id="app">
-    <router-view></router-view>
-    <hr>
-    <navigation></navigation>
+    <div class="app_box">
+      <router-view></router-view>
+      <hr>
+      <navigation></navigation>
+    </div>
   </div>
 </template>
 
@@ -21,10 +23,11 @@ export default {
   text-align: center;
   color: #2c3e50;
   background-color: #d3d3d3;
-  position: absolute;
+  position: fixed;
+  overflow-y:auto;
+  width: 100%;
   top:0;
   left: 0;
-  right: 0;
   bottom: 8%;
 }
 </style>

www/vue/src/components/mine.vue

@@ -6,6 +6,16 @@
 				{{item.name}}
 			</li>
 		</ul>
+		<ul>
+			<li v-for="item in products" >
+				{{item.name}}
+			</li>
+		</ul>
+		<ul>
+			<li v-for="item in products" >
+				{{item.name}}
+			</li>
+		</ul>
 	</div>
 </template>
 <script type="text/javascript">