Browse Source

页面样式调整,访问登录验证

yangc 8 years ago
parent
commit
147b83206f

+ 3 - 0
assets/scss/mobileCommon.scss

@@ -180,3 +180,6 @@ ins, a {
 .link-url {
   color: #01a44e;
 }
+::-webkit-scrollbar {
+  display: none !important;
+}

+ 4 - 2
components/mobile/brand/BrandDetail.vue

@@ -347,7 +347,7 @@
       margin-top: .28rem;
       background: #fff;
       .brand-param-item {
-        font-size: .28rem;
+        font-size: .3rem;
         margin-bottom: .48rem;
         .remind-tag {
           width: 1.18rem;
@@ -395,12 +395,14 @@
           height: .66rem;
           line-height: .66rem;
           border: {
-            top: .01rem solid rgb(230,228,228);
             bottom: .01rem solid rgb(230,228,228);
           }
           &:nth-child(even) {
             background: #f9f9f9;
           }
+          &:nth-child(1) {
+            border-top: .01rem solid rgb(230,228,228);
+          }
           &:active, &:hover {
             background: #eee;
           }

+ 4 - 0
components/mobile/brand/ComponentDetail.vue

@@ -355,6 +355,10 @@
       margin-top: .2rem;
       .param-item {
         padding: .19rem .4rem;
+        border-bottom: 0.02rem solid #eee;
+        &:nth-child(1) {
+          border-top: 0.02rem solid #eee;
+        }
         &:nth-child(even) {
           background: #f9f9f9;
         }

+ 4 - 6
components/mobile/store/StoreDetail.vue

@@ -258,20 +258,18 @@
     }
     .store-description {
       background: #f7f7f7;
-      position: fixed;
-      top: 5.1rem;
       width: 100%;
-      bottom: 1rem;
       p {
         background: #fff;
         margin: .2rem auto 0;
-        padding: .4rem .2rem;
-        width: 6.96rem;
-        font-size: .28rem;
+        padding: .4rem .34rem;
+        width: 100%;
+        font-size: .3rem;
         color: #666;
         text-align: left;
         height: 95%;
         box-shadow: 0 .03rem .01rem 0 #cdcbcb96;
+        line-height: .5rem;
       }
     }
     .product-store {

+ 1 - 0
layouts/mobile.vue

@@ -13,6 +13,7 @@
       MobileHeader,
       MobileFooter
     },
+    middleware: 'authenticated',
     head () {
       return {
         meta: [

+ 1 - 5
middleware/authenticated.js

@@ -4,10 +4,6 @@ export default function ({ isServer, store, req, redirect }) {
   if (isServer && !req) return
 
   if (!store.state.option.user.logged) {
-    this.$http.get('/logout/crossBefore').then(response => {
-      if (response.data) {
-        window.location.href = response.data.logoutUrl + encodeURIComponent(window.location.protocol + '//' + window.location.host + response.data.baseUrl)
-      }
-    })
+    return redirect('/auth/login')
   }
 }

+ 8 - 5
pages/mobile/shop/index.vue

@@ -226,15 +226,18 @@
   .shop-list {
     background:#fff;
     margin-top:.1rem;
-    padding-bottom:.28rem;
+    padding-bottom:.1rem;
     box-shadow: 0 .03rem .01rem 0 #cdcbcb96;
     h3{
-      font-size:.32rem;
-      line-height: .8rem;
-      margin:0 0 .14rem .27rem;
+      font-size: .32rem;
+      line-height: .4rem;
+      margin: 0 0 0 .27rem;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
+      padding-top: .1rem;
+      position: relative;
+      top: .1rem;
     }
     .list-item{
       width:6.77rem;
@@ -280,7 +283,7 @@
           position:absolute;
           top: -.06rem;
           right: -.06rem;
-          font-size:.4rem;
+          font-size:.5rem;
           color:#ff7800;
           width: .6rem;
           height: .6rem;

+ 12 - 4
pages/mobile/user/index.vue

@@ -342,10 +342,14 @@
           i{
             display:block;
             position:absolute;
-            top: 0;
-            right: -.1rem;
-            font-size:.4rem;
+            top: -.06rem;
+            right: -.18rem;
+            font-size:.5rem;
             color:#ff7800;
+            width: .6rem;
+            height: .6rem;
+            text-align: center;
+            line-height: .6rem;
           }
         }
       }
@@ -383,8 +387,12 @@
           position:absolute;
           top:.2rem;
           right:.1rem;
-          font-size:.4rem;
+          font-size:.5rem;
           color:#ff7800;
+          width: .6rem;
+          height: .6rem;
+          line-height: .6rem;
+          text-align: center;
         }
       }
       div.active{