diff --git a/src/components/common/nav_bar.vue b/src/components/common/nav_bar.vue
new file mode 100644
index 00000000..3ecab9b7
--- /dev/null
+++ b/src/components/common/nav_bar.vue
@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <div
+      :class='[background == "1"?"nav-wrap":"nav-wrap1",positionType=="fixed"?"nav-position-fixed":"nav-position-relative"]'
+      :style='{"height": 50+"px","overflow": "hidden"}'
+    >
+      <!-- // 导航栏 中间的标题 -->
+      <div class='nav-title' :style='{"line-height": 50+"px"}'>{{title}}</div>
+      <div style='display: flex; justify-content: center;flex-direction: column;height: 50px;padding-left: 2%;'>
+        <!-- //  其中wx:if='{{navbarData.showCapsule}}' 是控制左上角按钮的显示隐藏，首页不显示 -->
+        <van-icon name="arrow-left" color="#333333" size="25" @click="onClickLeft()" />
+      </div>
+    </div>
+    <div :style='{"height": 50+"px"}' v-if="positionType == 'fixed'"></div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "nav_bar",
+    props: [
+      "background",
+      "positionType",
+      "showCapsule",
+      "title",
+    ],
+    data() {
+      return {
+        height: '',
+        navHeight:'',
+      }
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .nav-wrap {
+    width: 100%;
+    top: 0;
+    background: transparent;
+    color: #000;
+    z-index: 9999999;
+  }
+
+  .nav-wrap1 {
+    width: 100%;
+    top: 0;
+    background: linear-gradient(to bottom right,#91E1CA,#E0F4E4);
+    color: #333333;
+    z-index: 9999999;
+  }
+
+  /* 标题要居中 */
+  .nav-title {
+    position: absolute;
+    text-align: center;
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+    font-size: 16Px;
+  }
+
+  .nav-capsule {
+    display: flex;
+    align-items: center;
+    margin-left: 5px;
+    width: 70px;
+    justify-content: space-between;
+    height: 100%;
+  }
+
+  .navbar-v-line {
+    width: 1px;
+    height: 16px;
+    background-color: #e5e5e5;
+  }
+
+  /*.back-pre,*/
+  /*.back-home {*/
+  /*  width: 18Px;*/
+  /*  height: 25Px;*/
+  /*  margin-top: 2px;*/
+  /*  padding: 5px;*/
+  /*  border-radius: 50%;*/
+  /*}*/
+
+  .nav-capsule .back-home {
+    width: 30px;
+    height: 30px;
+    margin-top: 1.5px;
+  }
+
+  .nav-position-fixed{
+    position: fixed;
+  }
+  .nav-position-relative{
+    position: relative;
+  }
+</style>
diff --git a/static/images/transaction_new/app_bg.png b/static/images/transaction_new/app_bg.png
new file mode 100644
index 00000000..d8a9d457
Binary files /dev/null and b/static/images/transaction_new/app_bg.png differ
diff --git a/static/images/transaction_new/bidding/bidding_icon_01.png b/static/images/transaction_new/bidding/bidding_icon_01.png
new file mode 100644
index 00000000..b8646aa2
Binary files /dev/null and b/static/images/transaction_new/bidding/bidding_icon_01.png differ
diff --git a/static/images/transaction_new/index/index_icon_01.png b/static/images/transaction_new/index/index_icon_01.png
new file mode 100644
index 00000000..c2291bcb
Binary files /dev/null and b/static/images/transaction_new/index/index_icon_01.png differ
diff --git a/static/images/transaction_new/index/index_icon_02.png b/static/images/transaction_new/index/index_icon_02.png
new file mode 100644
index 00000000..0d1d7ffd
Binary files /dev/null and b/static/images/transaction_new/index/index_icon_02.png differ
diff --git a/static/images/transaction_new/index/index_icon_03.png b/static/images/transaction_new/index/index_icon_03.png
new file mode 100644
index 00000000..3204dcb8
Binary files /dev/null and b/static/images/transaction_new/index/index_icon_03.png differ
diff --git a/static/images/transaction_new/index/index_icon_04.png b/static/images/transaction_new/index/index_icon_04.png
new file mode 100644
index 00000000..64488639
Binary files /dev/null and b/static/images/transaction_new/index/index_icon_04.png differ
diff --git a/static/images/transaction_new/index/index_icon_05.png b/static/images/transaction_new/index/index_icon_05.png
new file mode 100644
index 00000000..8d7b9cd0
Binary files /dev/null and b/static/images/transaction_new/index/index_icon_05.png differ
diff --git a/static/images/transaction_new/index/index_icon_06.png b/static/images/transaction_new/index/index_icon_06.png
new file mode 100644
index 00000000..be0e9be6
Binary files /dev/null and b/static/images/transaction_new/index/index_icon_06.png differ
diff --git a/static/images/transaction_new/login_bg.png b/static/images/transaction_new/login_bg.png
new file mode 100644
index 00000000..0cdb8ef2
Binary files /dev/null and b/static/images/transaction_new/login_bg.png differ
diff --git a/static/images/transaction_new/login_title.png b/static/images/transaction_new/login_title.png
new file mode 100644
index 00000000..d3c04008
Binary files /dev/null and b/static/images/transaction_new/login_title.png differ
diff --git a/static/images/transaction_new/notic/notic_icon_01.png b/static/images/transaction_new/notic/notic_icon_01.png
new file mode 100644
index 00000000..0dc2ed89
Binary files /dev/null and b/static/images/transaction_new/notic/notic_icon_01.png differ
diff --git a/static/images/transaction_new/register_btn_1.png b/static/images/transaction_new/register_btn_1.png
new file mode 100644
index 00000000..65ef2818
Binary files /dev/null and b/static/images/transaction_new/register_btn_1.png differ
diff --git a/static/images/transaction_new/register_btn_2.png b/static/images/transaction_new/register_btn_2.png
new file mode 100644
index 00000000..ae62be48
Binary files /dev/null and b/static/images/transaction_new/register_btn_2.png differ
diff --git a/static/images/transaction_new/tab_border.png b/static/images/transaction_new/tab_border.png
new file mode 100644
index 00000000..33de6eac
Binary files /dev/null and b/static/images/transaction_new/tab_border.png differ