no message

src/assets/css/common.css

@@ -49,6 +49,13 @@
 .fc-7B4F6C{
 	color: #7B4F6C;
 }
+.fc-ED2121FF{
+	color: #ED2121FF;
+}
+.fc-c7ab7b{
+	color: #C7AB7B;
+}
+
 
 .bg-c-EEF4FF{
 	background-color: #EEF4FF;
@@ -81,6 +88,9 @@
 .fs-18{
 	font-size: 18px;
 }
+.fs-22{
+	font-size: 22px;
+}
 .fs-24{
 	font-size: 24px;
 }
@@ -90,6 +100,9 @@
 .fs-34{
 	font-size: 34px;
 }
+.fs-36{
+	font-size: 36px;
+}
 .fs-42{
 	font-size: 42px;
 }
@@ -97,6 +110,9 @@
 .p-15-20{
 	padding: 15px 15px;
 }
+.pt-24{
+	padding-top: 24px;
+}
 .pt-60{
 	padding-top: 60px;
 }
@@ -119,7 +135,9 @@
 	padding: 8px 0;
 }
 
-
+.mr-5{
+	margin-right: 5px;
+}
 .mr-38{
 	margin-right: 38px;
 }
@@ -187,6 +205,9 @@
 .lh-26{
 	line-height: 26px;
 }
+.lh-36{
+	line-height: 36px;
+}
 .lh-20{
 	line-height: 20px;
 }
@@ -200,3 +221,6 @@
 .w-320{
 	width: 320px;
 }
+.w-210{
+	width: 210px;
+}

src/views/Forestage/Draw/index.vue

@@ -1,16 +1,137 @@
 <template>
   <!-- 提款 -->
-  <div>
+  <div class="recharge-index">
+    <div class="work-index-bg box-sizing-border-box">
+      <div class="fs-34 fc-f mb-32">如何存入USDT</div>
 
+      <div class="align-items-center justify-content-space-between">
+        <div class="">
+          <div class="align-items-center mb-16">
+            <div class="num-box">1</div>
+            <div class="num-xian"></div>
+          </div>
+          <div class="fs-18 fc-f w-210 mb-5">购买USDT</div>
+          <div class="fs-14 fc-f w-210 lh-20">用户可以使用法定货币在加密货币平台上购买Tether（USDT）</div>
+        </div>
+        <div class="">
+          <div class="align-items-center mb-16">
+            <div class="num-box">2</div>
+            <div class="num-xian"></div>
+          </div>
+          <div class="fs-18 fc-f w-210 mb-5">确认钱包地址</div>
+          <div class="fs-14 fc-f w-210 lh-20">从您的GMC平台账户中获取你的个人钱包地址</div>
+        </div>
+        <div class="">
+          <div class="align-items-center mb-16">
+            <div class="num-box">3</div>
+          </div>
+          <div class="fs-18 fc-f w-210 mb-5">发送到GMC账户资产</div>
+          <div class="fs-14 fc-f w-210 lh-20">从您的加密货币平台中发送USDT至您的GMC账户资产</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="box-card box-sizing-border-box">
+      <div class="fs-36 fw-b mb-40 text-align-center">提款</div>
+      <div class=" mb-40">
+          <div class="card-1 mb-18">
+            <div class="fs-16 fw-400 mb-10">提款钱包地址</div>
+            <input class="card-input fs-12 " type="text" placeholder="请输入或粘贴提款钱包地址">
+          </div>
+          <div class="card-1 mb-18">
+            <div class="fs-16 fw-400 mb-10">所属网络</div>
+            <input class="card-input fs-12 " type="text" placeholder="请输入所属网络">
+          </div>
+          <div class="card-1 mb-18">
+            <div class="fs-16 fw-400 mb-10">提款数量</div>
+            <input class="card-input fs-12 mb-10" type="text" placeholder="请输入提款数量">
+            <div class="justify-content-space-between">
+              <div class="fs-12 fc-12">手续费：1 USDT</div>
+              <div class="fs-12 fc-12">到账数量：0</div>
+            </div>
+          </div>
+          <div class="card-1 mb-18 ">
+            <div class="fs-16 fw-400 mb-10">提款密码</div>
+            <input class="card-input only-box fs-12 " type="text" placeholder="请输入提款密码">
+            <div class="fs-12 fc-c7ab7b set-box">设置密码</div>
+          </div>
+      </div>
+      <div class="align-items-center mb-10">
+          <img class="error-icon mr-5" src="@/assets/img/error.png" alt="">
+          <div class="fs-14 fc-ED2121FF">温馨提示</div>
+      </div>
+      <div class="fs-14 fw-400 lh-20">
+        请确认接收USDT的钱包地址网络与提现网络是否一致，若提款信息不一致将造成充值资金损失且无法找回。为保证网络通道畅通，避免网络拥堵，平台提款采用D+1模式，任何提款的资金将于第二天审核通过和完成提款。
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
   export default {
-    
+
   }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+  .recharge-index{
+    padding-top: 70px;
+    min-height: 100vh;
+    .work-index-bg{
+      padding: 70px 220px 0 220px;
+      width: 100vw;
+      height: 358px;
+      background: url('@/assets/img/team/team-r.png') no-repeat;
+      background-size: 100% 100%;
+    }
+    .num-box{
+      width: 48px;
+      height: 48px;
+      box-sizing: border-box;
+      border: 1px solid #fff;
+      font-size: 20px;
+      font-weight: 900;
+      color: #fff;
+      text-align: center;
+      line-height: 48px;
+    }
+    .num-xian{
+      width: 315px;
+      border: 1px solid #fff;
+      margin: 0 24px;
+    }
 
-</style>
+    .box-card{
+      padding: 70px 325px;
+      .only-box{
+
+      }
+      .card-1{
+        padding: 0 182px;
+        position: relative;
+        .set-box{
+          position: absolute;
+          right: 190px;
+          top: 42px;
+        }
+        .only-box{
+          padding-right: 65px !important;
+        }
+        .card-input{
+          border: none;
+          width: 100%;
+          box-sizing: border-box;
+          padding: 0 16px;
+          height: 40px;
+          opacity: 1;
+          border-radius: 4px;
+          background: #e8e8e8ff;
+        }
+      }
+    }
+    .error-icon{
+      width: 15.34px;
+      height: 13.5px;
+    }
+  }
+</style>

src/views/Forestage/Recharge/index.vue

@@ -1,16 +1,141 @@
 <template>
   <!-- 充值 -->
-  <div>
+  <div class="recharge-index">
+    <div class="work-index-bg box-sizing-border-box">
+      <div class="fs-34 fc-f mb-32">如何存入USDT</div>
 
+      <div class="align-items-center">
+        <div class="">
+          <div class="align-items-center mb-16">
+            <div class="num-box">1</div>
+            <div class="num-xian"></div>
+          </div>
+          <div class="fs-18 fc-f w-210 mb-5">购买USDT</div>
+          <div class="fs-14 fc-f w-210 lh-20">用户可以使用法定货币在加密货币平台上购买Tether（USDT）</div>
+        </div>
+        <div class="">
+          <div class="align-items-center mb-16">
+            <div class="num-box">2</div>
+            <div class="num-xian"></div>
+          </div>
+          <div class="fs-18 fc-f w-210 mb-5">确认钱包地址</div>
+          <div class="fs-14 fc-f w-210 lh-20">从您的GMC平台账户中获取你的个人钱包地址</div>
+        </div>
+        <div class="">
+          <div class="align-items-center mb-16">
+            <div class="num-box">3</div>
+            <div class="num-xian"></div>
+          </div>
+          <div class="fs-18 fc-f w-210 mb-5">发送到GMC账户资产</div>
+          <div class="fs-14 fc-f w-210 lh-20">从您的加密货币平台中发送USDT至您的GMC账户资产</div>
+        </div>
+        <div class="">
+          <div class="align-items-center mb-16">
+            <div class="num-box">4</div>
+          </div>
+          <div class="fs-18 fc-f w-210 mb-5">USDT收到了</div>
+          <div class="fs-14 fc-f w-210 lh-20">系统通过网络确认后，您的GMC账户成功收到了USDT</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="box-card box-sizing-border-box">
+      <div class="fs-36 fw-b mb-40 text-align-center">充值</div>
+      <div class="justify-content-space-between mb-40">
+        <div class="card-1">
+          <div class="fs-16 mb-16 fw-500 text-align-center">USDT-TRC20錢包地址</div>
+          <img src="@/assets/img/team/team-s.png" alt="">
+          <div class="b-text justify-content-space-between align-items-center">
+            <div class="fs-12">NaunqEtsewazD5dSQEacgM7hxxwFoWCy6iNaunqEtsewazD5dSQEacgM7hxxwFoWCy6i</div>
+            <img src="@/assets/img/copy.png" alt="">
+          </div>
+        </div>
+        <div class="card-1">
+          <div class="fs-16 mb-16 fw-500 text-align-center">USDT-ERC20錢包地址</div>
+          <img src="@/assets/img/team/team-s.png" alt="">
+          <div class="b-text justify-content-space-between align-items-center">
+            <div class="fs-12">NaunqEtsewazD5dSQEacgM7hxxwFoWCy6iNaunqEtsewazD5dSQEacgM7hxxwFoWCy6i</div>
+            <img src="@/assets/img/copy.png" alt="">
+          </div>
+        </div>
+      </div>
+      <div class="align-items-center mb-10">
+          <img class="error-icon mr-5" src="@/assets/img/error.png" alt="">
+          <div class="fs-14 fc-ED2121FF">温馨提示</div>
+      </div>
+      <div class="fs-14 fw-400">
+        请确认你将使用TRC20或ERC20网络进行充值，若充值信息不一致将造成充值资金损失且无法找回。
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
   export default {
-    
+
   }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+  .recharge-index{
+    padding-top: 70px;
+    min-height: 100vh;
+    .work-index-bg{
+      padding: 70px 0 0 220px;
+      width: 100vw;
+      height: 358px;
+      background: url('@/assets/img/team/team-s.png') no-repeat;
+      background-size: 100% 100%;
+    }
+    .num-box{
+      width: 48px;
+      height: 48px;
+      box-sizing: border-box;
+      border: 1px solid #fff;
+      font-size: 20px;
+      font-weight: 900;
+      color: #fff;
+      text-align: center;
+      line-height: 48px;
+    }
+    .num-xian{
+      width: 148px;
+      border: 1px solid #fff;
+      margin: 0 24px;
+    }
 
-</style>
+    .box-card{
+      padding: 70px 325px;
+      .card-1{
+        width: 289px;
+        text-align: center;
+        img{
+          width: 220px;
+          height: 220px;
+          margin: 0 auto 20px auto;
+        }
+        .b-text{
+          width: 100%;
+          height: 40px;
+          opacity: 1;
+          background: #e8e8e8ff;
+          box-sizing: border-box;
+          padding: 0 10px;
+          div{
+            width: 243px;
+            overflow: hidden;
+          }
+          img{
+            width: 14px;
+            height: 16px;
+            margin-top: 18px;
+          }
+        }
+      }
+    }
+    .error-icon{
+      width: 15.34px;
+      height: 13.5px;
+    }
+  }
+</style>

src/views/Forestage/Team/index.vue

@@ -1,6 +1,78 @@
 <template>
   <!-- 团队 -->
   <div class="work-index">
+    <div class="work-index-bg box-sizing-border-box pt-100">
+      <div class="fc-f fs-34 fw-400 text-align-center mb-44">开启互联网模式生意团队，实现居家创业和自动化收益</div>
+      <div class="align-items-center justify-content mb-18">
+        <img class="d-icon" src="@/assets/img/team/d-icon.png" alt="">
+        <div class="fs-14 fc-f">邀请新用户加入你的团队</div>
+        <img class="d-icon" src="@/assets/img/team/d-icon.png" alt="">
+      </div>
+      <div class="align-items-center justify-content">
+        <div class="b-1 fs-12 text-align-center mr-10">邀請碼：168668</div>
+        <div class="b-2 fs-12 text-align-center hand-cursor">复制</div>
+      </div>
+    </div>
+
+    <div class="box-sizing-border-box box-card">
+      <div class="mb-96">
+        <div class="fs-36 mb-16 fw-500">如何工作</div>
+        <div class="fs-22 lh-36 fw-400">
+          我们的团队商业模式支持五个级别的盈利模式。您可以通过邀请新用户使用您的邀请码注册账号来加入您的团队，即可获得您的小团队。一旦您组建了一个小团队，此模式将自动为您壮大您的团队，因为您的团队成员将邀请更多新用户组建他们的团队。如果我们将1-5级用户命名为ABCDE，那么你邀请的团队成员就是A，BCDE就会是他们帮你组建的大团队成员，因为此时A也可以成为团队负责人，他们就会有他们的团队成员是 ABCED 和 1-5 级用户。当ABCDE团队成员在平台上盈利时，您可以从团队中获得额外50%-10%的额外巨额被动收入。任何人都可以组建自己的团队，这就是互联网自动化团队效应。
+        </div>
+      </div>
+
+      <div class="justify-content-space-between mb-60">
+          <img class="left-img" src="@/assets/img/team/1.png" alt="">
+          <div class="flex-1 pt-24 box-sizing-border-box">
+            <div class="num-box mb-16">1</div>
+            <div class="fs-16 fw-500 mb-16">您的A级团队成员</div>
+            <div class="fs-12 fw-400 lh-17">
+              通过您的邀请码注册的用户将成为您的A级团队成员，你将获得A级团队成员每日订票收益的50%作为额外的团队被动收入，这是你的第一级团队收益。例如，假设用户A参与日常预订并获得1,000 USDT的收益。那么您将自动获得额外的团队利润500 USDT。
+            </div>
+          </div>
+      </div>
+      <div class="justify-content-space-between mb-60">
+          <img class="left-img" src="@/assets/img/team/2.png" alt="">
+          <div class="flex-1 pt-24 box-sizing-border-box">
+            <div class="num-box mb-16">2</div>
+            <div class="fs-16 fw-500 mb-16">您的B级团队成员</div>
+            <div class="fs-12 fw-400 lh-17">
+              通过您团队的A级成员邀请码注册的用户将成为您的B级团队成员。当他们通过订票获得收益时，您将获得额外的团队收益。第二级团队收益为B团队成员每天订票收益的40%。例如，用户B参与日常预订，获得1,000 USDT的收益。那么您将自动获得额外的团队利润400 USDT。
+            </div>
+          </div>
+      </div>
+      <div class="justify-content-space-between mb-60">
+          <img class="left-img" src="@/assets/img/team/3.png" alt="">
+          <div class="flex-1 pt-24 box-sizing-border-box">
+            <div class="num-box mb-16">3</div>
+            <div class="fs-16 fw-500 mb-16">您的C级团队成员</div>
+            <div class="fs-12 fw-400 lh-17">
+              通过您团队的B级成员邀请码注册的用户将成为您的C级团队成员。当他们通过订票获得收益时，您将获得额外的团队收益。第三级团队收益为B团队成员每天订票收益的30%。例如，用户C参与日常预订，获得1,000 USDT的收益。那么您将自动获得额外的团队利润300 USDT。
+            </div>
+          </div>
+      </div>
+      <div class="justify-content-space-between mb-60">
+          <img class="left-img" src="@/assets/img/team/4.png" alt="">
+          <div class="flex-1 pt-24 box-sizing-border-box">
+            <div class="num-box mb-16">4</div>
+            <div class="fs-16 fw-500 mb-16">您的D级团队成员</div>
+            <div class="fs-12 fw-400 lh-17">
+              通过您团队的C级成员邀请码注册的用户将成为您的D级团队成员。当他们通过订票获得收益时，您将获得额外的团队收益。第四级团队收益为B团队成员每天订票收益的20%。例如，用户D参与日常预订，获得1,000 USDT的收益。那么您将自动获得额外的团队利润200 USDT。
+            </div>
+          </div>
+      </div>
+      <div class="justify-content-space-between mb-60">
+          <img class="left-img" src="@/assets/img/team/5.png" alt="">
+          <div class="flex-1 pt-24 box-sizing-border-box">
+            <div class="num-box mb-16">5</div>
+            <div class="fs-16 fw-500 mb-16">您的E级团队成员</div>
+            <div class="fs-12 fw-400 lh-17">
+              通过您团队的D级成员邀请码注册的用户将成为您的E级团队成员。当他们通过订票获得收益时，您将获得额外的团队收益。第五级团队收益为B团队成员每天订票收益的10%。例如，用户E参与日常预订，获得1,000 USDT的收益。那么您将自动获得额外的团队利润100 USDT。
+            </div>
+          </div>
+      </div>
+    </div>
 
   </div>
 </template>
@@ -12,5 +84,54 @@
 </script>
 
 <style scoped lang="scss">
+  .work-index{
+    padding-top: 70px;
+    min-height: 100vh;
+    background-color: #C1B5C5FF;
+    .work-index-bg{
+      width: 100vw;
+      height: 430px;
+      background: url('@/assets/img/team/team-h.png') no-repeat;
+      background-size: 100% 100%;
+    }
+    .d-icon{
+      width: 11.2px;
+      height: 6.8px;
+      margin: 0 10px;
+    }
+    .b-1{
+      width: 193px;
+      height: 34px;
+      line-height: 36px;
+      opacity: 1;
+      border-radius: 4px;
+      background: #C7AB7BFF;
+    }
+    .b-2{
+      width: 66px;
+      height: 34px;
+      line-height: 36px;
+      opacity: 1;
+      border-radius: 4px;
+      background: #95DFC5FF;
+    }
+    .box-card{
+      padding: 70px 220px;
+    }
+    .left-img{
+      width: 507px;
+      height: 220px;
+      margin-right: 102px;
+    }
+    .num-box{
+      width: 48px;
+      height: 48px;
+      opacity: 1;
+      font-size:20px;
+      text-align: center;
+      line-height: 48px;
+      border: 1px solid #121212FF;
 
+    }
+  }
 </style>