订阅列表

assets/a.scss

@@ -127,7 +127,7 @@ body {
         padding-bottom  : 75px;
         background-color: #f8f9fa;
         height          : 90%;
-        
+
 
         li {
             height          : 302px*$a;
@@ -357,4 +357,52 @@ $colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722;
         font-weight : bold;
         color       : rgba(32, 32, 32, 1);
     }
+}
+
+.sub {
+    .add {
+        padding-left: 15px;
+        border-top  : 1px solid #7a7a7a;
+
+        li {
+            border-bottom: 1px solid #7a7a7a;
+            padding      : 35px*0.5 0;
+
+            .title {
+                font-size  : 16px;
+                font-family: PingFang-SC-Medium;
+                font-weight: 500;
+                color      : rgba(32, 32, 32, 1);
+            }
+
+            .name {
+                font-size    : 26px*0.5;
+                font-family  : PingFang-SC-Medium;
+                font-weight  : 500;
+                color        : rgba(175, 175, 175, 1);
+                float        : right;
+                padding-right: 15px;
+
+                img {
+                    width         : 8px;
+                    vertical-align: sub;
+                    margin-left   : 5px;
+                }
+            }
+        }
+    }
+
+    button {
+        width      : 100%;
+        height     : 5rem;
+        position   : absolute;
+        bottom     : 0;
+        left       : 0;
+        border     : none;
+        background : rgba(255, 92, 92, 1);
+        font-size  : 18px;
+        font-family: PingFang-SC-Medium;
+        font-weight: 500;
+        color      : rgba(255, 255, 255, 1);
+    }
 }

pages/bidding/sub.vue

@@ -1,6 +1,44 @@
 <template>
   <section class="sub">
-    <tit  :tname="name" />
+    <tit :tname="name"/>
+    <ul class="add">
+      <li>
+        <span class="title">项目行业</span>
+        <span class="name">
+          工业建筑/勘探设计/酒店建筑
+          <img src="~/static/img/to.png" alt>
+        </span>
+      </li>
+      <li>
+        <span class="title">项目行业</span>
+        <span class="name">
+          工业建筑/勘探设计/酒店建筑
+          <img src="~/static/img/to.png" alt>
+        </span>
+      </li>
+      <li>
+        <span class="title">项目行业</span>
+        <span class="name">
+          工业建筑/勘探设计/酒店建筑
+          <img src="~/static/img/to.png" alt>
+        </span>
+      </li>
+      <li>
+        <span class="title">项目行业</span>
+        <span class="name">
+          工业建筑/勘探设计/酒店建筑
+          <img src="~/static/img/to.png" alt>
+        </span>
+      </li>
+      <li>
+        <span class="title">项目行业</span>
+        <span class="name">
+          工业建筑/勘探设计/酒店建筑
+          <img src="~/static/img/to.png" alt>
+        </span>
+      </li>
+    </ul>
+    <button>确认</button>
   </section>
 </template>
 
@@ -8,7 +46,7 @@
 import tit from '~/components/titles.vue'
 export default {
   components: {
-    tit,
+    tit
   },
   data() {
     return {