我的大红包

src/assets/css/common.css

@@ -13,9 +13,18 @@
 .commonF .f20{
     font-size: 20px;
 }
+.commonF .f26{
+    font-size: 26px;
+}
+.commonF .f30{
+    font-size:30px;
+}
 .commonF .f32{
     font-size:32px;
 }
+.commonF .f40{
+    font-size:40px;
+}
 .commonF .pfR{
     font-family: "PingFangR";
 }

src/components/newPersonalCenter/newPersonalCenter.vue

@@ -103,6 +103,10 @@
                 <i class="iconfont icon-huodongicon"></i>
                 <span slot="title">活动中心</span>
               </el-menu-item> -->
+              <el-menu-item index="8" @click="clickMenu('6')">
+                <i><img style="width:19px;height:17px" src="../../assets/img/active/hb.png" alt=""></i>
+                <span>我的大红包</span>
+              </el-menu-item>
             </el-menu>
           </el-col>
           <!-- 右边内容板块 -->
@@ -121,6 +125,8 @@
             <MyCoupon v-else-if="active === '5'" :data="active"/>
             <!-- 我的积分 -->
             <Integral v-else-if="active.indexOf('4-') !== -1" :data="active"/>
+            <!-- 我的大红包 -->
+            <RedEnvelopes v-else-if="active.indexOf('6') !== -1" :data="active"/>
           </el-col>
         </el-row>
       </div>
@@ -135,6 +141,7 @@ import MemberCenter from '@/components/newPersonalCenter/block/MemberCenter'
 import OrderCenter from '@/components/newPersonalCenter/block/OrderCenter'
 import MyCoupon from '@/components/newPersonalCenter/block/MyCoupon'
 import Integral from '@/components/newPersonalCenter/integral/index'
+import  RedEnvelopes from '@/components/newPersonalCenter/integral/RedEnvelopes'
 export default {
   components: {
     HomePage,
@@ -143,7 +150,8 @@ export default {
     OrderCenter,
     MyCoupon,
     Integral,
-    CustomizedList
+    CustomizedList,
+    RedEnvelopes
   },
   data () {
     return {