first

src/views/index/invoicingDetail.vue

@@ -0,0 +1,66 @@
+<template>
+<div class="wrap">
+  <div class="navBar">
+    <van-nav-bar
+        title="开票通知详情"
+        left-arrow
+        left-arrow-color="#FFFFFF"
+        :border="false"
+        :fixed="true"
+        :safe-area-inset-top="true"
+        @click-left="onClickLeft"
+    />
+  </div>
+  <div class="contentWrap">
+      <div class="item" v-for="(item,index) in 4" :key="index">
+        <div class="itemContent">ZDZD230630253236  拖车   128元</div>
+        <div class="line"></div>
+      </div>
+  </div>
+</div>
+</template>
+
+<script>
+import {myMixins} from "@/utils/myMixins"
+export default {
+  name: "invoicingDetail",
+  mixins:[myMixins],
+  methods:{
+    onClickLeft(){
+      this.goPage('invoicingNotify')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+@import "@/styles/common.scss";
+.wrap{
+  @include wh(100%,100%);
+}
+.navBar{
+  height: 46px;
+}
+.contentWrap{
+  width: 100%;
+  height: 400px;
+ margin-left: 27px;
+  .item{
+    width: 100%;
+    @include all-height(47px);
+    .itemContent{
+      margin-left: 5px;
+      @include fontWeightSize(400,13px);
+      color: #323643;
+    }
+    .line{
+      width: 100%;
+      height: 1px;
+      background: #E9E9EA;
+      opacity: 0.6;
+    }
+  }
+}
+
+</style>