根据商城产品做出样式调整

components/applyPurchase/ApplyInfo.vue

@@ -373,6 +373,9 @@ export default {
   .apply-info {
     margin: 0 auto;
     .apply-info-title {
+      height: 45px;
+      padding-top: 5px;
+      background: #fff;
       border-bottom: 1px solid #e5e5e5;
       > p {
         display: inline-block;
@@ -494,6 +497,8 @@ export default {
       }
     }
     .apply-info-list {
+      border-radius:5px;
+      background: #fff;
       .list-title {
         background: #edf1fa;
         height: 36px;

components/applyPurchase/PublishApply.vue

@@ -6,8 +6,10 @@
 </script>
 <style lang="scss">
   .publish-apply {
+    border:1px solid #f2f1f1;
+    border-radius:5px;
     background: url('/images/applyPurchase/banner.png') center center/cover no-repeat;
     height: 400px;
-    margin-bottom:20px;
+    margin-bottom:10px;
   }
 </style>

components/applyPurchase/articleFour.vue

@@ -38,8 +38,8 @@
   .article_four{
     position:relative;
     border-radius:5px;
-    border:1px solid #d2d2d2;
     margin-bottom:20px;
+    background: #fff;
     ul{
       padding:10px 0;
       li{

components/applyPurchase/articleOne.vue

@@ -500,8 +500,7 @@
 </script>
 <style lang="scss" type="text/scss">
   .article_one{
-    border: 1px solid #d2d2d2;
-    border-radius:3px;
+    border-radius:5px;
     background: #fff;
     margin-bottom:30px;
     .title{

components/applyPurchase/articleTwo.vue

@@ -38,10 +38,10 @@
   .article_two{
     position:relative;
     border-radius:5px;
-    border:1px solid #d2d2d2;
     padding-top:25px;
     margin-bottom:20px;
     height:388px;
+    background: #fff;
     &:before{
       content: '';
       display:block;

components/news/Detail.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="col-md-9">
+    <div class="col-md-9" style="background: #fff;">
       <div class="news-detail" v-bind="item">
         <h1 >{{item.title}}</h1>
         <div class="hot-time">
@@ -38,9 +38,10 @@
 </script>
 <style scoped>
   .col-md-9{
-    padding-left: 0;
     float: right;
-    margin-top: 10px;
+    padding: 15px 10px;
+    min-height:1200px;
+    border-radius:5px;
   }
   @media (min-width: 992px) {
     .col-md-9 {

components/news/Left.vue

@@ -49,7 +49,8 @@
 </script>
 <style>
   .hot-news{
-    border: 1px solid #e8e8e8;
+    background: #fff;
+    border-radius:5px;
     width:260px;
     padding: 0;
   }

components/news/Right.vue

@@ -72,10 +72,12 @@
 
 <style>
   .news-content{
-    padding-left: 0;
+    padding-left: 20px;
     float: right;
     width: 75%;
     padding-bottom: 15px;
+    background: #fff;
+    border-radius:5px;
   }
   .news-content .news{
     margin-bottom: 15px;

components/provider/Carousel.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="carousel" :class="{width_670: providerType === 'original'}">
+  <div class="carousel">
     <div v-swiper:mySwiper="swiperOption">
       <div class="swiper-wrapper">
         <div class="swiper-slide" v-for="banner in banners">
@@ -21,28 +21,13 @@
     data () {
       return {
         activeSlide: 0
-    //    banners: {}
       }
     },
     mixins: [carousel],
-//    mounted () {
-//      this.$http.get('/api/carousel/home%20page%20banner')
-//      .then(response => {
-//        this.banners = response.data
-//        this.x++
-//      })
-//    }
     computed: {
-      providerType () {
-        return this.$route.path === '/provider/home' ? 'agency' : 'original'
-      },
       banners () {
         if (this.$store.state.carousel.banners) {
-          let banner = this.$store.state.carousel.banners.data.data.slice()
-          banner.sort(function (a, b) {
-            return a.contentId - b.contentId
-          })
-          return banner
+          return this.$store.state.carousel.banners.data.data
         } else {
           return ''
         }
@@ -70,13 +55,9 @@
   @import '~assets/scss/variables';
 
   $carousel_width: 955px;
-  /*$carousel_width_670: 670px;*/
   $carousel_height: 400px;
 
   .carousel {
-    /*&.width_670{*/
-      /*width: $carousel_width_670;*/
-    /*}*/
     width: $carousel_width;
     height: $carousel_height;
     transition: background-color .3s;

components/supplier/articleOne.vue

@@ -64,7 +64,6 @@
 <style type="text/scss" lang="scss">
 .supplier_one{
   position:relative;
-  border:1px solid #ccc;
   padding-top:90px;
   border-radius:5px;
   padding-bottom:5px;

components/supplier/articleTwo.vue

@@ -68,7 +68,6 @@
 <style type="text/scss" lang="scss">
   .supplier_two{
     position:relative;
-    border:1px solid #ccc;
     border-radius:5px;
     padding-bottom:5px;
     margin-bottom:15px;

components/supplier/banner.vue

@@ -13,5 +13,7 @@
   height:400px;
   background: url(/images/supplier/banner.png)no-repeat center center;
   margin-bottom:15px;
+  border-radius:5px;
+  overflow: hidden;
 }
 </style>

pages/applyPurchase/index.vue

@@ -44,6 +44,7 @@
   .seek {
     position: relative;
     padding-top:20px;
+    background: #f2f1f1;
   }
   .footer {
     text-align: center;

pages/news/_id.vue

@@ -1,8 +1,10 @@
 <template>
-  <div class="container">
-    <div class="menu-title" style="margin: 10px 0"><nuxt-link to="/news">优软快讯</nuxt-link> &gt; <span>资讯详情</span></div>
-    <left></left>
-    <detail></detail>
+  <div class="new_menu_info" style="background: #f2f1f1;">
+    <div class="container">
+      <div class="menu-title" style="margin: 10px 0"><nuxt-link to="/news">优软快讯</nuxt-link> &gt; <span>资讯详情</span></div>
+      <left></left>
+      <detail></detail>
+    </div>
   </div>
 </template>
 <script>

pages/news/index.vue

@@ -1,7 +1,9 @@
 <template>
-  <div class="container news-container">
-    <left></left>
-    <right @pageEvent="listenChild"></right>
+  <div class="news-container">
+    <div class="container">
+      <left></left>
+      <right @pageEvent="listenChild"></right>
+    </div>
   </div>
 </template>
 
@@ -40,6 +42,7 @@
     font-size: 14px!important;
   }
   .news-container{
-    margin-top: 15px;
+    background: #f2f1f1;
+    padding-top: 15px;
   }
 </style>