活动大厅页面的路线增加已结束的样式

dafeizizhu · Jan 6, 2016 · 80731e8 · 80731e8
1 parent 62b6935
commit 80731e8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/activities.jade b/activities.jade
@@ -61,7 +61,7 @@ html
     div.row.content
       div.routes
         each val in [1, 2, 3, 4, 5, 6, 7, 8 ,9, 10]
-          - var last = (val == 10 ? 'last' : '')
+          - var last = (val == 10 ? 'last over' : '')
           div(class='routes-item clear-fix #{last}')
             div.routes-item-thumb
               img(src='/images/placeholder/routes-item-thumb.png')

diff --git a/css/activities.css b/css/activities.css
@@ -112,6 +112,26 @@
   margin-bottom: 30px;
 }
 
+.routes-item.over .routes-item-description-title,
+.routes-item.over .routes-item-description-location,
+.routes-item.over .routes-item-description-text,
+.routes-item.over .routes-item-detail-price span {
+  color: #9f9f9f;
+}
+
+.routes-item.over .routes-item-detail-go-button {
+  background-color: #9f9f9f;
+}
+
+.routes-item.over img {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: gray;
+}
+
 .routes-item.last {
   margin-bottom: 0;
 }