no message

src/assets/css/commin.css

@@ -2,6 +2,7 @@ body{
     margin: 0;
     padding: 0;
     font-size: 16px;
+    background: rgb(246, 247, 250);
 }
 .black-custom-img{
     width: 160px;
@@ -159,9 +160,15 @@ body{
 .fs-14{
     font-size: 14px;
 }
+.fs-15{
+    font-size: 15px;
+}
 .fs-16{
     font-size: 16px;
 }
+.fs-17{
+    font-size: 17px;
+}
 .fs-18{
     font-size: 18px;
 }
@@ -249,6 +256,9 @@ body{
 .fc-6{
     color: #666;
 }
+.fc-858585{
+    color: #858585;
+}
 .fc-9{
     color: #999;
 }
@@ -276,6 +286,9 @@ body{
 .fc-FF3B30{
     color: #FF3B30;
 }
+.fc-f78820{
+    color: #f78820;
+}
 .fc-ED930F{
     color: #ED930F;
 }
@@ -338,6 +351,9 @@ body{
 .bgc-F5F5F5{
     background-color: #F5F5F5;
 }
+.bgc-F6F7FA{
+    background-color: #F6F7FA;
+}
 .bgc-F6F6F6{
     background-color: #F6F6F6;
 }
@@ -371,6 +387,9 @@ body{
 .bgc-B3DDFB{
     background-color: #B3DDFB;
 }
+.bgc-f1f9fe{
+    background-color: #f1f9fe;
+}
 .bgc-1989F9{
     background-color: #1989F9;
 }
@@ -406,9 +425,15 @@ body{
 .pb-24{
     padding-bottom: 24px;
 }
+.p-10{
+    padding: 10px;
+}
 .p-16{
     padding: 16px;
 }
+.p-20{
+    padding: 20px;
+}
 .p-24{
     padding: 24px;
 }
@@ -424,6 +449,12 @@ body{
 .p-46{
     padding: 46px;
 }
+.pl-20{
+    padding-left: 20px;
+}
+.plr-20{
+    padding: 0 20px;
+}
 .plr-24{
     padding: 0 24px;
 }
@@ -442,9 +473,15 @@ body{
 .pt-24 {
     padding-top: 24px;
 }
+.pt-10{
+    padding-top: 10px;
+}
 .pt-7{
     padding-top: 7px;
 }
+.pt-5{
+     padding-top: 5px;
+ }
 /* 外边距 */
 .m-24{
     margin: 24px;
@@ -459,6 +496,9 @@ body{
 .ml-16{
     margin-left: 16px;
 }
+.ml-20{
+    margin-left: 20px;
+}
 .ml-26{
     margin-left: 26px;
 }
@@ -495,6 +535,9 @@ body{
 .mb-8{
     margin-bottom: 8px;
 }
+.mb-10{
+    margin-bottom: 10px;
+}
 .mb-13{
     margin-bottom: 13px;
 }
@@ -516,6 +559,9 @@ body{
 .mb-40{
     margin-bottom: 40px;
 }
+.mb-50{
+    margin-bottom: 50px;
+}
 .mb-56{
     margin-bottom: 56px;
 }
@@ -604,6 +650,9 @@ body{
 .border-bottom-E6E7E9{
     border-bottom: 1px solid #E6E7E9;
 }
+.border-bottom-e5e5e5{
+    border-bottom: 1px solid #e5e5e5;
+}
 .b-b-EEEEEE{
     border-bottom: 1px solid #EEEEEE;
 }
@@ -634,6 +683,9 @@ body{
 .b-rad-16{
     border-radius: 16px;
 }
+.b-rad-10{
+    border-radius: 10px;
+}
 .b-rad-8{
     border-radius: 8px;
 }

src/assets/img/tab/my-two.svg

@@ -0,0 +1 @@
+<svg height="437pt" viewBox="-26 0 437 437.33333" width="437pt" xmlns="http://www.w3.org/2000/svg" class=""><path d="m192.167969 213.332031c-58.800781 0-106.667969-47.867187-106.667969-106.664062 0-58.800781 47.867188-106.667969 106.667969-106.667969 58.796875 0 106.664062 47.867188 106.664062 106.667969 0 58.796875-47.867187 106.664062-106.664062 106.664062zm0-192c-47.066407 0-85.335938 38.269531-85.335938 85.335938 0 47.066406 38.269531 85.332031 85.335938 85.332031 47.066406 0 85.332031-38.265625 85.332031-85.332031 0-47.066407-38.265625-85.335938-85.332031-85.335938zm0 0" data-original="#000000" class="active-path" style="fill: rgb(247, 136, 32);"></path><path d="m384.167969 437.332031h-384v-10.664062c0-105.867188 86.132812-192 192-192 105.867187 0 192 86.132812 192 192zm-362.269531-21.332031h340.667968c-5.464844-89.199219-79.867187-160-170.398437-160-90.535157 0-164.800781 70.800781-170.269531 160zm0 0" data-original="#000000" class="active-path " style="fill: rgb(247, 136, 32);"></path></svg>

src/assets/img/tab/my.svg

@@ -0,0 +1 @@
+<svg height="437pt" viewBox="-26 0 437 437.33333" width="437pt" xmlns="http://www.w3.org/2000/svg"><path d="m192.167969 213.332031c-58.800781 0-106.667969-47.867187-106.667969-106.664062 0-58.800781 47.867188-106.667969 106.667969-106.667969 58.796875 0 106.664062 47.867188 106.664062 106.667969 0 58.796875-47.867187 106.664062-106.664062 106.664062zm0-192c-47.066407 0-85.335938 38.269531-85.335938 85.335938 0 47.066406 38.269531 85.332031 85.335938 85.332031 47.066406 0 85.332031-38.265625 85.332031-85.332031 0-47.066407-38.265625-85.335938-85.332031-85.335938zm0 0" data-original="#000000" class="active-path" style="fill: rgb(171, 171, 171);"></path><path d="m384.167969 437.332031h-384v-10.664062c0-105.867188 86.132812-192 192-192 105.867187 0 192 86.132812 192 192zm-362.269531-21.332031h340.667968c-5.464844-89.199219-79.867187-160-170.398437-160-90.535157 0-164.800781 70.800781-170.269531 160zm0 0" data-original="#000000" class="active-path" style="fill: rgb(171, 171, 171);"></path></svg>

src/router/index.js

@@ -9,10 +9,15 @@ const routes = [
     component: () => import('@/views/login/login_index.vue') //路由懒加载
   },
   {
-    path: '/goods_list',
-    name: 'goods_list',
-    component: () => import('@/views/goods/goods_list.vue') //路由懒加载
+    path: '/cc_list',
+    name: 'cc_list',
+    component: () => import('@/views/index/cc-index.vue') //路由懒加载
   },
+  {
+    path: '/all_profit',
+    name: 'all_profit',
+    component: () => import('@/views/my/inner-page/all_profit.vue') //路由懒加载
+  }
   // {
   //   path: '/about',
   //   name: 'about',

src/views/convert/convert-index.vue

@@ -0,0 +1,96 @@
+<script>
+export default {
+  name: "convert-index",
+  components: {},
+  data() {
+    return {
+      input: ''
+    };
+  },
+  mounted() {
+  },
+  methods: {},
+}
+</script>
+
+<template>
+  <div class="bgc-f p-20 box-sizing-border b-rad-10">
+    <div class="bgc-F6F7FA b-rad-10 mb-10 p-10 box-sizing-border mb-10">
+      <div class="align-items-start flex-justify-space mb-10">
+        <div class="align-items-center">
+          <el-image
+              class="t-img mr-4"
+              :src="require('@/assets/img/index/usdt.png')"
+              fit=""></el-image>
+          <div class="fs-14">USDT</div>
+        </div>
+        <div class="max-box b-rad-10 fs-14">
+          Max 0.01
+        </div>
+      </div>
+      <div>
+        <el-input v-model="input" placeholder="输入要兑换的USDT数量"></el-input>
+      </div>
+    </div>
+    <div class="flex-direction-column align-items-center flex-justify-center mb-10">
+      <div class="fs-14">
+        FORM
+      </div>
+      <el-image
+          class="jh-img"
+          :src="require('@/assets/img/index/jiaohuan.png')"
+          fit=""></el-image>
+      <div class="fs-14">
+        TO
+      </div>
+    </div>
+    <div class="bgc-F6F7FA b-rad-10 mb-10 p-10 box-sizing-border mb-50">
+      <div class="align-items-start flex-justify-space mb-10">
+        <div class="align-items-center">
+          <el-image
+              class="logo-img mr-4"
+              :src="require('@/assets/img/logo/logo.png')"
+              fit=""></el-image>
+          <div class="fs-14">DAO</div>
+        </div>
+      </div>
+      <div class="fs-14">
+        0.02
+      </div>
+    </div>
+    <div class="convent-but b-rad-10 text-align-center fs-14 fc-f">
+      兑换
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.t-img{
+  width: 35px;
+  height: 30px;
+}
+.max-box{
+  color: rgb(13, 129, 207, 1);
+  border: 1px solid rgba(13, 129, 207, 0.5);
+  padding: 3px 10px;
+}
+::v-deep .el-input__inner{
+  background-color: transparent;
+  border: none;
+  padding: 0;
+}
+.jh-img{
+  width: 30px;
+  height: 30px;
+}
+.logo-img{
+  width: 33px;
+  height: 25px;
+}
+.convent-but{
+  height: 40px;
+  background: rgb(13, 129, 207, 1);
+  color: #fff;
+  line-height: 40px;
+}
+</style>

src/views/goods/goods_list.vue

@@ -1,15 +0,0 @@
-<script>
-export default {
-  name: "goods_list"
-}
-</script>
-
-<template>
-<div>
-hi
-</div>
-</template>
-
-<style scoped lang="scss">
-
-</style>

src/views/home/home-index.vue

@@ -0,0 +1,95 @@
+<script>
+export default {
+  name: "home-index",
+  components: {},
+  data() {
+    return {};
+  },
+  mounted() {
+  },
+  methods: {},
+}
+</script>
+
+<template>
+  <div>
+    <div class="bgc-f p-10 box-sizing-border b-rad-10 mb-20">
+      <el-image
+          class="head-img"
+          :src="require('@/assets/img/index/bannerhome.png')"
+          fit=""></el-image>
+    </div>
+    <div class="bgc-f p-10 box-sizing-border b-rad-10 mb-20">
+      <div class="b-rad-10 h-80 align-items-center bgc-f1f9fe">
+        <div class="flex-1 flex-direction-column align-items-center flex-justify-center">
+          <div class="fs-14 mb-4">
+            DAO價格($)
+          </div>
+          <div class="fs-14 fw-b">
+            0.13
+          </div>
+        </div>
+        <div class="flex-1 flex-direction-column align-items-center flex-justify-center">
+          <div class="fs-14 mb-4">
+            DAO餘額
+          </div>
+          <div class="fs-14 fw-b">
+            0.13
+          </div>
+        </div>
+        <div class="flex-1 flex-direction-column align-items-center flex-justify-center">
+          <div class="fs-14 mb-4">
+            贡献总额
+          </div>
+          <div class="fs-14 fw-b">
+            0.13
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="bgc-f p-10 box-sizing-border b-rad-10 mb-20">
+      <div class="fs-14 pt-5 mb-4">
+        贡献收益记录
+      </div>
+      <div class="bgc-F6F7FA">
+        <div class="item-box align-items-center flex-justify-space" v-for="item in 3" :key="item.id">
+          <div>
+            <div class="mb-4 fs-14 fw-b">贡献数量</div>
+            <div class="fs-12">2025-01-10</div>
+          </div>
+          <div class="align-items-center">
+            <div class="fs-12">奖励:</div>
+            <div class="fs-14 fc-ED301D">2.5</div>
+          </div>
+        </div>
+        <div class="h-50 text-align-center fs-14">
+          ~暂无记录
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.head-img {
+  width: 100%;
+  height: 128px;
+}
+.h-80{
+  height: 80px;
+}
+.h-50{
+  height: 50px;
+  line-height: 50px;
+}
+.item-box{
+  width: 100%;
+  height: 60px;
+  padding: 5px 10px;
+  box-sizing: border-box;
+  border-top: 1px solid #e5e5e5;
+}
+.item-box:first-child {
+  border-top: none;
+}
+</style>

src/views/index/cc-index.vue

@@ -0,0 +1,109 @@
+<script>
+import homeIndex from "@/views/home/home-index.vue";
+import myIndex from "@/views/my/my-index.vue";
+import convertIndex from "@/views/convert/convert-index.vue";
+export default {
+  components: { homeIndex, myIndex, convertIndex },
+  data() {
+    return {
+      tab_index: 1
+    };
+  },
+  mounted() {},
+  methods: {
+    tabClick(num) {
+      if(num) {
+        this.tab_index = num
+      }
+    }
+  },
+}
+</script>
+
+<template>
+<div class="flex-common-css">
+  <div class="top-b bgc-f plr-20 box-sizing-border align-items-center flex-justify-space">
+    <el-image
+        class="img-box"
+        :src="require('@/assets/img/logo/logo.png')"
+        fit=""></el-image>
+    <div class="fs-15">
+      sdfsdfsfsd222
+    </div>
+  </div>
+  <div class="content-b p-20 box-sizing-border">
+    <div class="scroll-view-css">
+      <homeIndex v-if="tab_index === 1"></homeIndex>
+      <convertIndex v-if="tab_index === 2"></convertIndex>
+      <myIndex v-else></myIndex>
+    </div>
+    <div class="tab-b align-items-center flex-justify-space b-rad-10 bgc-f">
+      <div @click="tabClick(1)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+        <el-image
+            class="tab-img mb-4"
+            v-if="tab_index === 1"
+            :src="require('@/assets/img/tab/index.svg')"
+            fit=""></el-image>
+        <el-image
+            class="tab-img mb-4"
+            v-else
+            :src="require('@/assets/img/tab/index-two.svg')"
+            fit=""></el-image>
+        <div class="fs-14" :class="tab_index === 1?'fc-f78820':''">首页</div>
+      </div>
+      <div @click="tabClick(2)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+        <el-image
+            class="tab-img mb-4"
+            :src="require('@/assets/img/tab/jh.svg')"
+            fit=""></el-image>
+        <div class="fs-14" :class="tab_index === 2?'fc-f78820':''">兑换</div>
+      </div>
+      <div @click="tabClick(3)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+        <el-image
+            v-if="tab_index === 3"
+            class="tab-img mb-4"
+            :src="require('@/assets/img/tab/my-two.svg')"
+            fit=""></el-image>
+        <el-image
+            v-else
+            class="tab-img mb-4"
+            :src="require('@/assets/img/tab/my.svg')"
+            fit=""></el-image>
+        <div class="fs-14" :class="tab_index === 3?'fc-f78820':''">我的</div>
+      </div>
+    </div>
+  </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+.content-b{
+  width: 100%;
+  height: calc(100vh - 49px);
+  display: flex;
+  flex-direction: column;
+}
+.top-b{
+  width: 100%;
+  height: 49px;
+  line-height: 49px;
+}
+.img-box{
+  width: 39px;
+  height: 30px;
+}
+.tab-img{
+  width: 25px;
+  height: 25px;
+}
+.tab-b{
+  width: 100%;
+  height: 69px;
+  padding: 10px 0;
+  box-sizing: border-box;
+}
+.w-500{
+  width: 100%;
+  height: 300px;
+}
+</style>

src/views/login/login_index.vue

@@ -18,7 +18,7 @@ export default {
         if(res.code === 1) {
           localStorage.setItem('token',res.data.token)
           localStorage.setItem('m_id',res.data.m_id)
-          this.$router.push('/goods_list')
+          this.$router.push('/cc_list')
         }else {
           this.$message.error(res.msg)
         }

src/views/my/inner-page/all_profit.vue

@@ -0,0 +1,63 @@
+<script>
+export default {
+  name: "all-profit",
+  components: {},
+  data() {
+    return {};
+  },
+  mounted() {
+  },
+  methods: {},
+}
+</script>
+
+<template>
+  <div class="flex-common-css p-10 box-sizing-border">
+    <div class="head-box flex-direction-column align-items-center flex-justify-center b-rad-10 mb-10">
+      <div class="fs-14 fc-f mb-4">
+        总收益
+      </div>
+      <div class="fs-18 fc-f fw-b mb-4">
+        100
+      </div>
+      <div class="fs-14 fc-f text-align-center tx-box b-rad-20">
+        提现
+      </div>
+    </div>
+    <div class="fs-14 fw-b mb-10">
+      历史明细
+    </div>
+    <div class="scroll-view-css b-rad-10">
+      <div v-for="item in 18" :key="item.id" class="p-10 box-sizing-border bgc-f b-rad-10 align-items-center flex-justify-space">
+        <div>
+          <div class="fs-14 fw-b mb-4">
+            静态释放
+          </div>
+          <div class="fs-12 fc-858585">
+            2023-12-11 20:44:10
+          </div>
+        </div>
+        <div class="fs-14 fw-b">
+          0.4
+        </div>
+      </div>
+      <div class="fs-14 text-align-center pt-10">
+        ~暂无记录
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.tx-box {
+  width: 30%;
+  height: 40px;
+  background: #ff952d;
+  line-height: 40px;
+}
+
+.head-box {
+  padding: 30px 0;
+  background-image: linear-gradient(270deg, #ffc62c, #ffa954);
+}
+</style>

src/views/my/my-index.vue

@@ -0,0 +1,77 @@
+<script>
+export default {
+  name: "my-index",
+  components: {},
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods: {
+    goUrl() {
+      this.$router.push('/all_profit')
+    }
+  },
+}
+</script>
+
+<template>
+<div>
+  <div class="align-items-center mb-32">
+    <div class="h-80 b-rad-10 bg-one flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
+      <div class="fs-14 fc-f">余额</div>
+      <div class="fs-15 fc-f fw-b">
+        3
+      </div>
+    </div>
+    <div class="h-80 b-rad-10 bg-two flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
+      <div class="fs-14 fc-f">贡献</div>
+      <div class="fs-15 fc-f fw-b">
+        3
+      </div>
+    </div>
+    <div @click="goUrl" class="h-80 b-rad-10 bg-one flex-1 flex-direction-column align-items-center flex-justify-center">
+      <div class="fs-14 fc-f">总收益</div>
+      <div class="fs-15 fc-f fw-b">
+        3
+      </div>
+    </div>
+  </div>
+  <div class="fs-17 fw-b mb-10">
+    我的团队
+  </div>
+  <div class="bgc-f p-10 box-sizing-border b-rad-10">
+    <div class="pb-10 border-bottom-e5e5e5 fs-14 mb-10">
+      sdfddd
+    </div>
+    <div class="align-items-start flex-justify-space pb-10">
+      <div class="flex-1 left-box">
+          <div class="fs-14 mb-4">注册时间:2023/02/01</div>
+          <div class="fs-14 mb-4">团队人数:50</div>
+          <div class="fs-14">直推人数:22</div>
+      </div>
+      <div class="flex-1 pl-20 box-sizing-border">
+        <div class="fs-14 mb-4">自身业绩:10000</div>
+        <div class="fs-14">团队业绩:10000</div>
+      </div>
+    </div>
+  </div>
+  <div>
+
+  </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+.bg-one{
+  background-image: linear-gradient(270deg, #2353db, #54c8ff);
+}
+.bg-two{
+  background-image: linear-gradient(270deg, #ffc62c, #ffa954);
+}
+.h-80{
+  height: 80px;
+}
+.left-box{
+  border-right: 1px solid #ccc;
+}
+</style>