Home Explore Help
Register Sign In
yiguanjia
/
php
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

修改布局为absolute

洪海涛 8 years ago
parent
97158aa024
commit
14ddbaa57b
6 changed files with 36 additions and 30 deletions
Split View Show Diff Stats
  1. 4 4
      www/protected/modules/o2o/views/web/index.php
  2. 1 1
      www/vue/config/index.js
  3. 4 0
      www/vue/index.html
  4. 25 23
      www/vue/src/App.vue
  5. 1 1
      www/vue/src/components/mine.vue
  6. 1 1
      www/vue/src/components/navigation.vue

+ 4 - 4
www/protected/modules/o2o/views/web/index.php
View File 

@@ -18,7 +18,7 @@
 
     </style>
 
 
   <!--vue-->
 
-  <link rel="stylesheet" id="app_css" href="http://<?php echo $host?>/vue/dist/static/css/app.css?v=03182017061503">
 
+  <link rel="stylesheet" id="app_css" href="http://<?php echo $host?>/vue/dist/static/css/app.css?v=03182017061504">
 
   <!--vue_end-->
 
   <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
 
   <script type="text/javascript" src="https://dn-bughd-web.qbox.me/bughd.min.js" crossOrigin="anonymous"></script>
 
@@ -31,9 +31,9 @@
 
 <body>
 
   <!--vue-->
 
   <div id=app></div>
 
-  <script type=text/javascript id="manifest" src="http://<?php echo $host?>/vue/dist/static/js/manifest.js?v=03182017061503"></script>
 
-  <script type=text/javascript id="vendor" src="http://<?php echo $host?>/vue/dist/static/js/vendor.js?v=03182017061503"></script>
 
-  <script type=text/javascript id="appJs" src="http://<?php echo $host?>/vue/dist/static/js/app.js?v=03182017061503"></script>
 
+  <script type=text/javascript id="manifest" src="http://<?php echo $host?>/vue/dist/static/js/manifest.js?v=03182017061504"></script>
 
+  <script type=text/javascript id="vendor" src="http://<?php echo $host?>/vue/dist/static/js/vendor.js?v=03182017061504"></script>
 
+  <script type=text/javascript id="appJs" src="http://<?php echo $host?>/vue/dist/static/js/app.js?v=03182017061504"></script>
 
 
   <!--vue-end-->
 
   <script type="text/javascript" id="wxMain" data-sign="<?php echo @htmlentities(json_encode($signPackage)); ?>"></script>

+ 1 - 1
www/vue/config/index.js
View File 

@@ -24,7 +24,7 @@ module.exports = {
 
   dev: {
 
     env: require('./dev.env'),
 
     port: 8080,
 
-    autoOpenBrowser: true,
 
+    autoOpenBrowser: false,
 
     assetsSubDirectory: 'static',
 
     assetsPublicPath: '/',
 
     proxyTable: {

+ 4 - 0
www/vue/index.html
View File 

@@ -8,6 +8,10 @@
 
     html{
 
       font-size: 120%;
 
     }
 
+    *{
 
+      margin: 0;
 
+      padding: 0;
 
+    }
 
   </style>
 
 </head>
 
 <body>

+ 25 - 23
www/vue/src/App.vue
View File 

@@ -1,35 +1,37 @@
 
 <template>
 
   <div id="app">
 
-    <div class="app_box">
 
-      <navTitle></navTitle>
 
+    <navTitle></navTitle>
 
+    <div class="router-view">
 
       <router-view></router-view>
 
-      <navigation></navigation>
 
     </div>
 
+    <navigation></navigation>
 
   </div>
 
 </template>
 
 
 <script>
 
-export default {
 
-  name: 'app'
 
-}
 
+  export default {
 
+    name: 'app'
 
+  }
 
 </script>
 
 
 <style>
 
-#app {
 
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
 
-  -webkit-font-smoothing: antialiased;
 
-  -moz-osx-font-smoothing: grayscale;
 
-  text-align: center;
 
-  color: #2c3e50;
 
-  background-color: #d3d3d3;
 
-  position: fixed;
 
-  overflow-y:auto;
 
-  width: 100%;
 
-  top:0;
 
-  left: 0;
 
-  bottom: 8.5%;
 
-}
 
-.app_box{
 
-  z-index: -1;
 
-}
 
+  #app {
 
+    font-family: 'Avenir', Helvetica, Arial, sans-serif;
 
+    -webkit-font-smoothing: antialiased;
 
+    -moz-osx-font-smoothing: grayscale;
 
+    text-align: center;
 
+    color: #2c3e50;
 
+    background-color: #d3d3d3;
 
+  }
 
+
 
+  .router-view {
 
+    position: absolute;
 
+    overflow-y: auto;
 
+    width: 100%;
 
+    top: 6%;
 
+    left: 0;
 
+    right: 0;
 
+    bottom: 10%;
 
+    background-color: #b0aa99;
 
+  }
 
 </style>

+ 1 - 1
www/vue/src/components/mine.vue
View File 

@@ -33,7 +33,7 @@
 
       ])
 
     }
 
   })
 
-
 
+console.log(document.getSelection('ul'))
 
 </script>
 
 <style type="text/css" scoped>

+ 1 - 1
www/vue/src/components/navigation.vue
View File 

@@ -19,7 +19,7 @@ export default {
 
 <style scoped>
 
 .navigation{
 
   width: 100%;
 
-  position: fixed;
 
+  position: absolute;
 
   bottom: 0;
 
   left: 0;
 
   z-index: 2;