pc文档兑换

jydocs-pc/src/router.js

@@ -33,6 +33,11 @@ export default new Router({
       name: 'search',
       component: () => import('@/views/Search.vue')
     },
+    {
+      path: '/purchase',
+      name: 'purchase',
+      component: () => import('@/views/purchase/purchase.vue')
+    },
     {
       path: '/404',
       name: '404',

jydocs-pc/src/views/purchase/purchase.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="purchasePage">
+    <div class="purchase_main">
+      <div class="doc_title">
+        文档兑换
+      </div>
+      <div class="doc_main">
+        <div class="doc_main_title">
+          <div class="doc_t_left">
+            文档信息
+          </div>
+          <div class="doc_t_right">
+            价值剑鱼币
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Button } from 'element-ui'
+
+export default {
+  name: 'purchasePage',
+  components: {
+    [Button.name]: Button
+  },
+  data () {
+    return {
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss">
+  .purchasePage{
+    width: 100%;
+    height: auto;
+    background: #F5F5FB;
+    overflow: hidden;
+    .purchase_main{
+      margin: 40px auto;
+      width: 1200px;
+      height: auto;
+      .doc_title{
+        color: #1D1D1D;
+        font-size: 18px;
+        line-height: 28px;
+      }
+      .doc_main{
+        margin-top: 12px;
+        padding: 30px 30px 20px;
+        width: 1200px;
+        height: 603px;
+        background: #ffffff;
+        border-top: 2px solid #2CB7CA;
+        .doc_main_title{
+
+        }
+        .doc_t_left{
+          width: 972px;
+          height: 30px;
+          color: #686868;
+          font-size: 14px;
+          line-height: 24px;
+        }
+      }
+    }
+  }
+</style>