第一次发布

src/components/DetailTop/index.vue

@@ -0,0 +1,65 @@
+
+<template>
+  <div class="light-box">
+    <div class="logo">
+      <img src="~@/assets/img/标志@2x.png" alt="">
+      <h2 class="headTitle">
+        <slot name="title" />
+      </h2>
+    </div>
+    <div class="info">
+      <slot name="detail-top-info" />
+    </div>
+
+    <div class="line">
+      <img src="~@/assets/img/line@2x.png" alt="">
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+  },
+  data() {
+    return {
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+$light_label: #999;
+$light_inner: #666;
+$dark_label: #666;
+$dark_inner: #333;
+$light_bg: #fff;
+
+.logo {
+  position: relative;
+  // margin-bottom: 8px;
+}
+.logo img {
+  width: 126px;
+  height: 63px;
+  margin-right: 25px;
+}
+.info {
+  padding-left: 18px;
+}
+.line {
+  width: 100%;
+}
+.line img{
+  width: 105%;
+  margin-left: -28px;
+  height: 1.9px;
+}
+.headTitle {
+  color: #2C97FD;
+  position: absolute;
+  left: 80px;
+  top: 20px;
+}
+</style>