新增求购手机端页面

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

pages/mobile/share/purChase/_uuid.vue

@@ -0,0 +1,155 @@
+<template>
+  <div class="purchase">
+    <div class="purchase-top">
+      <div class="purchase-top-bg">
+        <div class="clearfix">
+          <div class="title fl">深圳市优软商城科技有限公司</div>
+          <div class="time fr">2018-03-16</div>
+        </div>
+        <div class="desc">MAILOMDUD-5256326</div>
+        <div class="brand">品牌：<span>PANASONIC</span></div>
+        <div class="size">规格：<span>PANASONIC</span></div>
+      </div>
+      <div class="purchase-top-control clearfix">
+        <div class="time fl">
+          <span class="icon"></span>
+          <span class="timetext">剩余时间：<a class="number">8</a><a>小时</a></span>
+        </div>
+        <div class="goprice fr">我要报价</div>
+      </div>
+    </div>
+    <div class="purcharse_banner">
+      <div class="banner"></div>
+    </div>
+
+    <div class="purcharse_list"></div>
+
+    <div class="purcharse_fixed clearfix">
+      <div class="money_icon fl"></div>
+      <span class="fl">发布求购</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  layout: 'mobileStore'
+}
+</script>
+
+<style scoped lang="scss">
+.clearfix {
+  &::after {
+    clear: both;
+    visibility: hidden;
+    zoom: 1;
+    display: block;
+    content: ' ';
+  }
+}
+.purchase {
+  background: rgb(246, 245, 248);
+  .purchase-top {
+    background: #fff;
+    padding: 0.28rem 0.32rem 0.18rem 0.32rem;
+    margin-bottom: 0.18rem;
+    .purchase-top-bg {
+      background: url('/images/mobile/@2x/purChase/purChase_bg.png');
+      background-size: 100%;
+      width: 6.82rem;
+      height: 3rem;
+      margin: 0 auto;
+      position: relative;
+      color: #fff;
+      padding-left: 0.35rem;
+      padding-top: 0.32rem;
+      .title {
+        font-size: 0.28rem;
+      }
+      .time {
+        font-size: 0.24rem;
+        margin-right: 0.2rem;
+      }
+      .desc {
+        font-size: 0.38rem;
+        margin: 0.38rem 0;
+      }
+      .brand,
+      .size {
+        font-size: 0.28rem;
+        margin-bottom: 0.38rem;
+      }
+    }
+    .purchase-top-control {
+      margin-top: 0.32rem;
+      .time {
+        margin-top: 0.2rem;
+        margin-left: 0.38rem;
+        .icon {
+          background-image: url('/images/mobile/@2x/purChase/time.png');
+          background-size: 100%;
+          width: 0.28rem;
+          height: 0.28rem;
+          display: inline-block;
+          vertical-align: middle;
+        }
+        .timetext {
+          color: #09061e;
+          font-size: 0.24rem;
+          margin-left: 0.1rem;
+          a {
+            font-size: 0.24rem;
+            color: #fa7701;
+            &.number {
+              font-size: 0.36rem;
+            }
+          }
+        }
+      }
+      .goprice {
+        font-size: 0.28rem;
+        width: 1.78rem;
+        height: 0.68rem;
+        background: linear-gradient(to right, #fb6d03, #fb9400);
+        color: #fff;
+        line-height: 0.68rem;
+        text-align: center;
+        border-radius: 4px;
+      }
+    }
+  }
+  .purcharse_banner {
+    background: #fff;
+    margin: 0 auto;
+    text-align: center;
+    padding: 0.24rem 0 0.36rem 0;
+    .banner {
+      background: url('/images/mobile/@2x/purChase/banner.png');
+      background-size: 100%;
+      width: 6.8rem;
+      margin: 0 auto;
+      height: 0.84rem;
+    }
+  }
+  .purcharse_fixed {
+    background: linear-gradient(to right, #4f44fd, #7188ff);
+    width: 100%;
+    height: 0.88rem;
+    line-height: 0.88rem;
+    text-align: center;
+    color: #fff;
+    font-size: 0.32rem;
+    position: fixed;
+    bottom: 0px;
+    .money_icon {
+      background: url('/images/mobile/@2x/purChase/money_icon.png');
+      width: 0.39rem;
+      height: 0.39rem;
+      background-size: 100%;
+      margin-top: .22rem;
+      margin-right: 0.2rem;
+      margin-left: 2.8rem;
+    }
+  }
+}
+</style>