1

src/components/TabBar.vue

@@ -38,8 +38,8 @@ export default {
         },
         {
           // path: '/dynamic', //邀请百姓
-          // path: '/China', // 红旗医疗
-          path: '/Medical', // 红旗原始股
+          path: '/China', // 红旗医疗
+          // path: '/Medical', // 红旗原始股
           title: '红旗基金',
           icon: 'gang0.png',
           iconActive: 'gang1.png'

src/views/Medical - 副本.vue

@@ -0,0 +1,214 @@
+<template>
+  <div class="usremei-container">
+    <div class="header-section">
+      <div class="invite-header">红旗资本原始股
+        <!-- <div class="sub-header">（每份收益三年）</div> -->
+      </div>
+      
+      <div class="desc-text">
+        国务院国资委帮扶完成指标：国有企业各大领导决定发行资本原始股。资本原始股每一股价值20元，推动后可兑换现金人民币，兑换当天立即可打款到银行卡，每份收益一年。
+      </div>
+      <div class="commission-card">
+        <span class="commission-title">团队返佣：</span>
+        <div class="commission-list">
+          <span class="commission-item">一级5%</span>
+          <span class="commission-item">二级2%</span>
+          <span class="commission-item">三级1%</span>
+        </div>
+      </div>
+    </div>
+    <div class="invite-list">
+      <div class="invite-item" v-for="(item,i) in rewards" :key="item.id">
+        <div class="item_header">
+            <div class="title">{{ item.title }}</div>
+            <div class="titletwo">获得{{i + 1}}万原始股</div>
+        </div>
+        <div class="item_body">
+            <div class="body_left">
+                <div style="font-weight: 700;" class="bodt_one">{{item.power}}%</div>
+                <div style="font-weight: 700;" class="bodt_two">每日收益</div>
+            </div>
+            <div class="body_right">
+                <div style="font-weight: 700; font-size: 17px; font-family: system-ui;" class="bodt_one">{{item.money}}元</div>
+                <!-- <div style="color: #8e8989; font-weight: 700;" class="bodt_two">10000份</div> -->
+            </div>
+            <div class="body_btn" @click="toPayment(item)">立即参与</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {getMiner} from '@/api/home.js'
+
+export default {
+  name: 'Dynamic',
+  data() {
+    return {
+     rewards: [{},{},{},{}]
+    }
+  },
+  methods: {
+     getPlans(){
+      let data = {
+        page:'',
+        size:'',
+        type:1
+      }
+      getMiner(data).then(res=>{
+        if(res.code === 1){
+          this.rewards = res.data
+        }
+      })
+    },
+    toPayment(item){
+            this.$router.push({path:'/Payment',query:{item:item}});
+    }
+  },
+  mounted(){
+    this.getPlans()
+  }
+}
+</script>
+
+<style scoped>
+.usremei-container {
+  min-height: 100vh;
+  background-image: url('../assets/dabag.png');
+  background-size: cover;
+  background-position: center;
+  padding-top: 30px;
+  padding-bottom: 80px;
+  box-sizing: border-box;
+  overflow-y: auto;
+  position: relative;
+}
+
+.header-section {
+  width: 90%;
+  margin: 0 auto 20px;
+}
+
+.invite-header {
+  background: #ffeddf;
+  color: #f11859;
+  font-size: 20px;
+  font-weight: bold;
+  text-align: center;
+  padding: 20px 0 10px 0;
+  box-shadow: 0 4px 16px rgba(208,2,27,0.08);
+  letter-spacing: 2px;
+  position: relative;
+  clip-path: polygon(60px 0, calc(100% - 60px) 0, 100% 100%, 0 100%);
+}
+
+.sub-header {
+  color: #f11859;
+  background: #ffeddf;
+  font-size: 14px;
+  text-align: center;
+}
+
+.desc-text {
+  background: #ffeddf;
+  color: #f11859;
+  font-size: 14px;
+  line-height: 1.6;
+  padding: 15px;
+  text-align: justify;
+  font-weight: bold;
+}
+
+.commission-card {
+  background: #ffeddf;
+  margin-top: 2px;
+  padding: 15px;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.commission-title {
+  color: #9c1492;
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.commission-list {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #9c1492;
+  flex: 1;
+}
+
+.commission-item {
+  /* margin: 0 15px; */
+  font-size: 16px;
+  white-space: nowrap;
+  font-weight: bold;
+}
+
+.commission-item:last-child {
+  margin-right: 0;
+}
+
+.level {
+  color: #f11859;
+  margin-right: 4px;
+}
+
+.rate {
+  color: #f11859;
+}
+
+.invite-list {
+  width: 90%;
+  margin: 0 auto;
+}
+
+.invite-item {
+  margin-bottom: 22px;
+  width:100%;
+  height:88px;
+  background:#fff;
+}
+.item_header{
+    height:30px;
+    line-height:30px;
+    background:#a30100;
+    display:flex;
+    color:#fff;
+    font-size:14px;
+}
+.title{
+    margin-left:20px;
+}
+.titletwo{
+    margin-left:65px;
+}
+.item_body{
+    padding:8px 20px;
+    display:flex;
+    justify-content: space-between;
+    text-align:center;
+    align-items: center;
+}
+.bodt_two{
+    margin-top:4px;
+}
+.body_btn{
+    width: 84px;
+        height: 28px;
+        background: #a30100;
+        color: #fff;
+        font-size: 17px;
+        text-align: center;
+        line-height: 27px;
+        border-radius: 12px;
+        padding: 2px 4px;
+		font-weight: 600;
+    
+}
+</style> 

src/views/Medical.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="usremei-container">
     <div class="header-section">
-      <div class="invite-header">红旗资本原始股
+      <div class="invite-header">红旗资本医疗补贴
         <!-- <div class="sub-header">（每份收益三年）</div> -->
       </div>
       

vue.config.js

@@ -37,7 +37,7 @@ module.exports = {
     https: false,
     proxy: {
       "/api": {
-        target: "https://www.hongqiziben.net/api",
+        target: "https://test.hongqiziben.cn/api",
         changeOrigin: true,
         pathRewrite: {
           "^/api": "",