洪海涛 8 年 前
コミット
97158aa024

+ 7 - 5
www/protected/modules/o2o/views/web/index.php

@@ -13,10 +13,12 @@
   html {font-size: 60px!important;}
   </style>
   <script src="http://g.tbcdn.cn/mtb/lib-flexible/{{version}}/makegrid.js"></script> -->
-
+    <style media="screen">
+        html {font-size:120%;}
+    </style>
 
   <!--vue-->
-  <link rel="stylesheet" id="app_css" href="http://<?php echo $host?>/vue/dist/static/css/app.css?v=03182017061502">
+  <link rel="stylesheet" id="app_css" href="http://<?php echo $host?>/vue/dist/static/css/app.css?v=03182017061503">
   <!--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>
@@ -29,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=03182017061502"></script>
-  <script type=text/javascript id="vendor" src="http://<?php echo $host?>/vue/dist/static/js/vendor.js?v=03182017061502"></script>
-  <script type=text/javascript id="appJs" src="http://<?php echo $host?>/vue/dist/static/js/app.js?v=03182017061502"></script>
+  <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>
 
   <!--vue-end-->
   <script type="text/javascript" id="wxMain" data-sign="<?php echo @htmlentities(json_encode($signPackage)); ?>"></script>

+ 3 - 1
www/vue/dist/index.html

@@ -1 +1,3 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=flexible content="initial-dpr=2,maximum-dpr=3"><style media=screen>html {font-size: 60px!important;}</style><script src=http://g.tbcdn.cn/mtb/lib-flexible/{{version}}/makegrid.js></script><title>vue</title><link href=/static/css/app.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.js></script><script type=text/javascript src=/static/js/vendor.js></script><script type=text/javascript src=/static/js/app.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"><title>vue</title><style>html{
+      font-size: 120%;
+    }</style><link href=/static/css/app.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.js></script><script type=text/javascript src=/static/js/vendor.js></script><script type=text/javascript src=/static/js/app.js></script></body></html>

ファイルの差分が大きいため隠しています
+ 0 - 0
www/vue/dist/static/css/app.css


ファイルの差分が大きいため隠しています
+ 0 - 0
www/vue/dist/static/js/app.js


+ 6 - 5
www/vue/index.html

@@ -2,12 +2,13 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <meta name="flexible" content="initial-dpr=2,maximum-dpr=3" />
-  <style media="screen">
-  html {font-size: 60px!important;}
-  </style>
-  <script src="http://g.tbcdn.cn/mtb/lib-flexible/{{version}}/makegrid.js"></script>
+  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
   <title>vue</title>
+  <style>
+    html{
+      font-size: 120%;
+    }
+  </style>
 </head>
 <body>
   <div id="app"></div>

+ 1 - 3
www/vue/src/App.vue

@@ -3,14 +3,12 @@
     <div class="app_box">
       <navTitle></navTitle>
       <router-view></router-view>
-      <hr>
       <navigation></navigation>
     </div>
   </div>
 </template>
 
 <script>
-
 export default {
   name: 'app'
 }
@@ -29,7 +27,7 @@ export default {
   width: 100%;
   top:0;
   left: 0;
-  bottom: 8%;
+  bottom: 8.5%;
 }
 .app_box{
   z-index: -1;

+ 3 - 3
www/vue/src/components/navigation.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="navigation">
     <div class="r_l"><router-link to="/">首页</router-link></div>
-    <div class="r_l"><router-link to="/Hello">订单</router-link></div>
+    <div class="r_l"><router-link to="/product">订单</router-link></div>
     <div class="r_l"><router-link to="/mine">我的</router-link></div>
     <div class="clear"></div>
   </div>
@@ -31,12 +31,12 @@ export default {
   display: inline-block;
   width: 33.33%;
   float: left;
-  background-color: red;
+  background-color: #f7fff6;
 }
 .navigation div.r_l a{
   display: block;
   width: 100%;
-  line-height: 120px;
+  line-height: 3rem;
   text-decoration: none;
   color: #212121;
 }

+ 3 - 4
www/vue/src/components/Hello.vue → www/vue/src/components/product.vue

@@ -1,13 +1,12 @@
 <template>
-  <div class="hello">
-      <h1>hello</h1>
-      <h2>这里是11中文!</h2>
+  <div class="product">
+    <h1>这里是</h1>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'hello',
+  name: 'product',
   data () {
     return {
       msg: 'Welcome to Your Vue.js App'

+ 5 - 2
www/vue/src/components/swiper.vue

@@ -2,12 +2,12 @@
   <swiper :options="swiperOption" ref="mySwiper">
     <!-- slides -->
     <swiper-slide><router-link to="/mine"><img v-bind:src='banner1'></router-link></swiper-slide>
-    <swiper-slide><router-link to="/Hello"><img v-bind:src='banner2'></router-link></swiper-slide>
+    <swiper-slide><router-link to="/product"><img v-bind:src='banner2'></router-link></swiper-slide>
     <!-- Optional controls -->
     <div class="swiper-pagination"  slot="pagination"></div>
     <!-- <div class="swiper-button-prev" slot="button-prev"></div>
     <div class="swiper-button-next" slot="button-next"></div> -->
-    <div class="swiper-scrollbar"   slot="scrollbar"></div>
+    <!--<div class="swiper-scrollbar"   slot="scrollbar"></div>-->
   </swiper>
 </template>
 <script>
@@ -84,4 +84,7 @@ export default {
   .swiper-pagination-bullet-active{
     background-color: #b08639;
   }
+  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
+    bottom: 0;
+  }
 </style>

+ 4 - 3
www/vue/src/main.js

@@ -1,5 +1,5 @@
-// The Vue build version to load with the `import` command
-// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+// 使用`import`命令加载的Vue构建版本
+// (仅运行时或独立)已在webpack.base.conf中设置别名。
 import Vue from 'vue'
 import App from './App'
 import routes from './router'
@@ -18,8 +18,9 @@ Vue.use(VueAwesomeSwiper)
 const router = new VueRouter({
   routes
 })
+// 注册全局组件
 Vue.component('home', require('./components/home.vue'))
-Vue.component('Hello', require('./components/Hello.vue'))
+Vue.component('product', require('./components/product.vue'))
 Vue.component('mine', require('./components/mine.vue'))
 Vue.component('navigation', require('./components/navigation'))
 Vue.component('swiper', require('./components/swiper'))

+ 1 - 1
www/vue/src/router/index.js

@@ -1,6 +1,6 @@
 export default[
   {path: '/', component: require('../components/home.vue')},
   {path: '/home', component: require('../components/home.vue')},
-  {path: '/hello', component: require('../components/Hello.vue')},
+  {path: '/product', component: require('../components/product.vue')},
   {path: '/mine', component: require('../components/mine.vue')}
 ]

この差分においてかなりの量のファイルが変更されているため、一部のファイルを表示していません