From 89f37a185ce1e70353b8c244c44e402cec2575d3 Mon Sep 17 00:00:00 2001
From: admin <weikou2014>
Date: 星期五, 03 四月 2020 09:23:33 +0800
Subject: [PATCH] Merge branch 'master' of ssh://193.112.35.168:29418/flqFront
---
/dev/null | 197 ---
AppInside/vipNew/.DS_Store | 0
AppInside/vipNew/css/stylesheet.css | 1190 +++++++++++++-------
AppInside/vipNew/supvip.html | 2011 +++++++++++++++++-----------------
4 files changed, 1,772 insertions(+), 1,626 deletions(-)
diff --git a/AppInside/vipNew/.DS_Store b/AppInside/vipNew/.DS_Store
index 5ca0730..54bc972 100644
--- a/AppInside/vipNew/.DS_Store
+++ b/AppInside/vipNew/.DS_Store
Binary files differ
diff --git a/AppInside/vipNew/css/page.css b/AppInside/vipNew/css/page.css
deleted file mode 100644
index b98fa6e..0000000
--- a/AppInside/vipNew/css/page.css
+++ /dev/null
@@ -1,197 +0,0 @@
-body {
- padding: 0;
- margin: 0;
- font-family: Microsoft YaHei;
- background: #F4E2D0;
- /* 涓嶅厑璁稿鍒� */
- -moz-user-select: none;
- /* Firefox绉佹湁灞炴�� */
- -webkit-user-select: none;
- /* WebKit鍐呮牳绉佹湁灞炴�� */
- -ms-user-select: none;
- /* IE绉佹湁灞炴��(IE10鍙婁互鍚�) */
- -khtml-user-select: none;
- /* KHTML鍐呮牳绉佹湁灞炴�� */
- -o-user-select: none;
- /* Opera绉佹湁灞炴�� */
- user-select: none;
- /* CSS3灞炴�� */
- /* IOS鐐瑰嚮闃村奖 */
- -webkit-tap-highlight-color: transparent;
-}
-
-
-.btn {
- background: #E5005C;
- border-radius: 0.78rem;
- height: 0.78rem;
- font-size: 0.3rem;
- line-height: 0.78rem;
- border: none;
- color: #FFFFFF;
- text-align: center;
- width: 6rem;
-}
-
-.quanyi-title {
- color: #F4E2D0;
- font-size: 0.3rem;
-}
-
-.quanyi {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 2.5rem;
- margin-top: 0.2rem;
-}
-
-.quanyi .title {
- color: #F4E2D0;
- font-size: 0.3rem;
- margin-top: 0.1rem;
-}
-
-.quanyi .subtitle {
- color: #F4E2D0;
- font-size: 0.24rem;
- margin-top: 1px;
-}
-
-.money-statistic {
- color: #4e2e00;
- font-size: 0.24rem;
- background: #F2CE91;
- border-radius: 0.2rem;
- padding: 0.1rem;
- margin: 0.2rem 0.4rem;
- font-weight: 400;
-}
-
-.money-statistic .money {
- font-size: 0.34rem;
- margin-top: 0.05rem;
-}
-
-.tab {
- background: #FFFFFF;
- border-radius: 0.2rem;
- margin-top: 0.2rem;
- margin-left: 0.2rem;
- margin-right: 0.2rem;
-}
-
-.tab .title {
- font-size: 0.34rem;
- font-weight: bold;
- text-align: center;
- height: 1rem;
- line-height: 1rem;
-}
-
-.tab .content {
- padding: 0.2rem;
- color: #000000;
- font-size: 0.24rem;
-}
-
-.tab .content .odd {
- background: #FFF8F1;
-}
-
-.tab .content .item {
- padding: 0.2rem;
- color: #666666;
- font-size: 0.3rem;
-}
-
-.tab .cut {
- width: 100%;
- background: #E0E0E0;
- height: 1px;
-}
-
-.hongBao-detail {
- display: flex;
- /* margin-bottom: 1px; */
- padding: 0.14rem;
- height: 1.41rem;
- box-sizing: border-box;
- align-items: center;
- position: relative;
- font-size: 0;
- background: #FFFFFF;
-}
-
-
-
-.hongBao-detail img {
- width: 1.14rem;
- height: 1.14rem;
- box-sizing: border-box;
- border-radius: 0.2rem;
-}
-
-.hongBao-detail .content {
- color: #666666;
- font-size: 0.24rem;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- margin-left: 0.2rem;
- height: 100%;
- width: auto;
- padding: 0.4rem 0.2rem;
-}
-
-.hongBao-detail .btn-container {
- position: absolute;
- top: 0;
- right: 0.1rem;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 1.33rem;
-}
-
-.hongBao-detail .btn {
- color: #E5005C;
- font-size: 0.26rem;
- border: 1px solid #E5005C;
- height: 0.6rem;
- /* line-height: 0.6rem; */
- background: #FFFFFF;
- font-weight: bold;
- width: 1.33rem !important;
- text-align: center;
- padding: 0;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.process {
- width: 1rem;
- height: 100%;
- background: rgba(255, 255, 13, 1);
- box-shadow: inset 0px -0.06rem 0.07rem 0 rgba(240, 81, 10, 0.75);
- border-radius: 0.2rem;
- -webkit-box-shadow: inset 0px -0.06rem 0.07rem 0 rgba(240, 81, 10, 0.75);
- font-size: 0.2rem;
- line-height: 0.28rem;
-}
-
-.process_bg {
- width: 6.5rem;
- height: 0.25rem;
- background: rgba(212, 0, 85, 1);
- box-shadow: inset 0 0.09rem 0.16rem 0 rgba(200, 8, 23, 1);
- border-radius: 0.5rem;
- padding: 0.02rem;
- margin: 0 auto;
- margin-bottom: 0.35rem;
- margin-top: 0.1rem;
- position: relative;
- font-size: 0.2rem;
-}
diff --git a/AppInside/vipNew/css/stylesheet.css b/AppInside/vipNew/css/stylesheet.css
index 2b97606..e65b143 100644
--- a/AppInside/vipNew/css/stylesheet.css
+++ b/AppInside/vipNew/css/stylesheet.css
@@ -1,465 +1,811 @@
-* {
- margin: 0;
- top: 0;
-/* 涓嶅厑璁稿鍒� */
- -moz-user-select: none;
- /* Firefox绉佹湁灞炴�� */
- -webkit-user-select: none;
- /* WebKit鍐呮牳绉佹湁灞炴�� */
- -ms-user-select: none;
- /* IE绉佹湁灞炴��(IE10鍙婁互鍚�) */
- -khtml-user-select: none;
- /* KHTML鍐呮牳绉佹湁灞炴�� */
- -o-user-select: none;
- /* Opera绉佹湁灞炴�� */
- user-select: none;
- /* CSS3灞炴�� */
- /* IOS鐐瑰嚮闃村奖 */
- -webkit-tap-highlight-color: transparent;
-}
-
-body {
- background-color: #F4E2D0;
-}
-
-.div_topbg {
- background-image: url(../img/top.png);
- background-size: 100% 100%;
- width: 100%;
- height: 3.8rem;
-}
-
-.div_rule {
- position: absolute;
- right: 0.34rem;
- top: 0.37rem;
- border: 0.01rem solid;
- border-radius: 0.17rem;
- border-color: 0x573A0F;
- font-size: 0.18rem;
- color: 0x333333;
- width: 1.08rem;
- height: 0.34rem;
- /*璁剧疆涓篺lex甯冨眬*/
- display: flex;
- /*姘村钩灞呬腑*/
- justify-content: center;
- /*鍨傜洿灞呬腑*/
+* {
+ margin: 0;
+ top: 0;
+ /* 涓嶅厑璁稿鍒� */
+ -moz-user-select: none;
+ /* Firefox绉佹湁灞炴�� */
+ -webkit-user-select: none;
+ /* WebKit鍐呮牳绉佹湁灞炴�� */
+ -ms-user-select: none;
+ /* IE绉佹湁灞炴��(IE10鍙婁互鍚�) */
+ -khtml-user-select: none;
+ /* KHTML鍐呮牳绉佹湁灞炴�� */
+ -o-user-select: none;
+ /* Opera绉佹湁灞炴�� */
+ user-select: none;
+ /* CSS3灞炴�� */
+ /* IOS鐐瑰嚮闃村奖 */
+ -webkit-tap-highlight-color: transparent;
+}
+
+body {
+ background-color: #F4E2D0;
+}
+
+.div_topbg {
+ background-image: url(../img/top.png);
+ background-size: 100% 100%;
+ width: 100%;
+ height: 3.8rem;
+}
+
+.div_rule {
+ position: absolute;
+ right: 0.34rem;
+ top: 0.37rem;
+ border: 0.5px solid;
+ border-radius: 0.17rem;
+ border-color: #573A0F;
+ font-size: 0.18rem;
+ color: 0x333333;
+ width: 1.08rem;
+ height: 0.34rem;
+ /*璁剧疆涓篺lex甯冨眬*/
+ display: flex;
+ /*姘村钩灞呬腑*/
+ justify-content: center;
+ /*鍨傜洿灞呬腑*/
+ align-items: center;
+}
+
+.div_img_header {
+ position: absolute;
+ left: 0.63rem;
+ top: 0.74rem;
+ width: 1.24rem;
+ height: 1.24rem;
+ padding: 0.02rem
+}
+
+.div_img_header>img {
+ width: 1.22rem;
+ height: 1.22rem;
+ border-radius: 1rem;
+}
+
+.div_name {
+ width: 5.2rem;
+ font-size: 0.3rem;
+ color: #4E2E00;
+ position: absolute;
+ left: 2.19rem;
+ top: 0.75rem
+}
+
+.div_viplogos {
+ width: 1.44rem;
+ height: 0.34rem;
+ display: flex;
+ align-items: center;
+ position: absolute;
+ left: 2.19rem;
+ top: 1.1rem;
+}
+
+.div_viplogos>img {
+ width: 1.44rem;
+ height: 0.34rem;
+ margin-top: 0.3rem
+}
+
+.div_contactmentor_upgrademember_bg {
+ width: 100%;
+ height: 0.78rem;
+ position: absolute;
+ top: 2.31rem;
+ display: flex;
+ justify-content:
+ space-between;
+ "
+
+}
+
+.div_contactmentor_upgrademember_bg .div_contactmentor {
+ background-color: #E5005B;
+ font-size: 0.3rem;
+ width: 2.62rem;
+ height: 0.78rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 0.39rem;
+ color: white;
+ margin-left: 0.5rem;
+ "
+
+}
+
+.div_contactmentor_upgrademember_bg .div_upgrademember {
+ background-color: #E5005B;
+ font-size: 0.3rem;
+ width: 3.7rem;
+ height: 0.78rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 0.39rem;
+ color: white;
+ margin-right: 0.46rem;
+}
+
+.div_sehnzhuan {
+ height: 0.3rem;
+ margin-top: -0.05rem
+}
+
+.div_sehnzhuan>p {
+ color: #F4E2D0;
+ font-size: 0.3rem;
+ margin-top: -0.05rem;
+}
+
+.div_img_provinceearn {
+ width: 100%;
+ margin-top: -0.6rem;
+}
+
+.div_img_provinceearn img {
+ width: 100%;
+ height: 0.8rem;
+ margin: 0
+}
+
+.div_provinceearn {
+ background-color: #151313;
+ width: 100%;
+ height: 2.4rem;
+ margin-top: -0.26rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center
+}
+
+.div_provinceearn_yellowbg {
+ background-color: #F2CE91;
+ width: 6.7rem;
+ height: 1.46rem;
+ margin-top: 0.2rem;
+ border-radius: 0.2rem
+}
+
+.div_provinceearn_title {
+ /* background-color: red; */
+ color: #4e2e00;
+ font-size: 0.24rem;
+ height: 0.4rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.div_provinceearn_botom {
+ height: 1.06rem;
+ /*璁剧疆涓篺lex甯冨眬*/
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.div_provinceearn_savemoney {
+ width: 49.5%;
+ height: 100%;
+}
+
+.provinceearn_savemoney_Title {
+ color: #4E2E00;
+ font-size: 0.24rem;
+ margin-top: 0.1rem;
+ display: flex;
+ justify-content: center
+}
+
+.provinceearn_savemoney_SubTitle {
+ color: #4E2E00;
+ font-size: 0.34rem;
+ display: flex;
+ justify-content: center
+}
+
+.div_provinceearn_line {
+ background-color: #4E2E00;
+ width: 0.4%;
+ height: 0.4rem;
+ border-radius: 0.2rem;
+}
+
+.div_provinceearn_makemoney {
+ width: 49.5%;
+ height: 100%;
+}
+
+.provinceearn_makemoney_Title {
+ color: #4E2E00;
+ font-size: 0.24rem;
+ margin-top: 0.1rem;
+ display: flex;
+ justify-content: center
+}
+
+.provinceearn_makemoney_SubTitle {
+ color: #4E2E00;
+ font-size: 0.34rem;
+ display: flex;
+ justify-content: center
+}
+
+.div_upgradeprogress {
+ background-color: #151313;
+ width: 100%;
+ height: 8.1rem;
+}
+
+.div_upgradeprogress_whitebg {
+ background-color: #FFFFFF;
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ height: 7.6rem;
+ border-radius: 0.2rem;
+}
+
+.div_upgradeprogress_top {
+ height: 0.92rem;
+ border-bottom: 0.01rem solid #e0e0e0;
+ display: flex;
+ flex-direction: column;
+ align-items: center
+}
+
+.div_upgradeprogress_title {
+ color: #333333;
+ font-size: 0.34rem;
+ margin-top: 0.12rem
+}
+
+.div_upgradeprogress_desc {
+ color: #999999;
+ font-size: 0.18rem;
+ margin-top: -0.05rem
+}
+
+.div_upgradeprogress_set {
+ margin-top: 0.39rem;
+ color: #333333;
+ font-size: 0.24rem;
+}
+
+.div_upgradeprogress_small_bg {
+ background-color: #E5005C;
+ margin-left: 0.63rem;
+ margin-top: 0.08rem;
+ margin-right: 0.63rem;
+ height: 0.32rem;
+ border-radius: 0.16rem;
+ padding-left: 0.04rem;
+ display: flex;
align-items: center;
+ box-shadow: inset 0 0.09rem 0.16rem 0 rgba(200, 8, 23, 1);
+}
+
+.div_upgradeprogress_small {
+ height: 0.26rem;
+ background-color: #FFE764;
+ border-radius: 0.13rem;
+ box-shadow: inset 0px -0.06rem 0.07rem 0 rgba(240, 81, 10, 0.75);
+ -webkit-box-shadow: inset 0px -0.06rem 0.07rem 0 rgba(240, 81, 10, 0.75)
+}
+
+.div_progress_condition {
+ display: flex;
+ align-items: center;
+ height: 0.28rem;
+ margin-top: 0.55rem;
+ margin-left: 0.69rem
+}
+
+.div_horn {
+ display: flex;
+ align-items: center
+}
+
+.div_horn>img {
+ width: 0.32rem;
+ height: 0.28rem
+}
+
+.progress_condition {
+ color: #E5005B;
+ font-size: 0.2rem;
+ margin-left: 0.13rem
+}
+
+.progress_condition_desc {
+ color: #666666;
+ font-size: 0.24rem;
+ margin-left: 0.43rem;
+ margin-top: 0.31rem;
+ margin-right: 0.39rem
+}
+
+.quanyi_headerbg_bg {
+ background-color: #151313;
+ display: flex;
+ flex-direction: column;
+ align-items: center
+}
+
+.quanyi_headerbg_title {
+ color: #F4E2D0;
+ font-size: 0.3rem
+}
+
+.quanyi_headerbg_desc {
+ color: #F4E2D0;
+ font-size: 0.18rem;
+ margin-top: -0.06rem
+}
+
+.div_quanyi_title {
+ background-color: #151313;
+ height: 0.86rem;
+ display: flex;
+ justify-content: space-between
+}
+
+.div_quanyi_actived {
+ color: #F4E2D0;
+ font-size: 0.26rem;
+ width: 1.875rem;
+ height: 0.48rem;
+ display: flex;
+ justify-content: center;
+ margin-top: 0.25rem;
+ padding-top: 0.13rem;
+ border-top-left-radius: 0.08rem;
+ border-top-right-radius: 0.08rem;
+}
+
+.div_quanyi_vipPre1 {
+ color: #F4E2D0;
+ font-size: 0.26rem;
+ width: 1.875rem;
+ height: 0.48rem;
+ display: flex;
+ justify-content: center;
+ margin-top: 0.25rem;
+ padding-top: 0.13rem;
+ border-top-left-radius: 0.08rem;
+ border-top-right-radius: 0.08rem;
+}
+
+.div_quanyi_vipPre2 {
+ color: #F4E2D0;
+ font-size: 0.26rem;
+ width: 1.875rem;
+ height: 0.48rem;
+ display: flex;
+ justify-content: center;
+ margin-top: 0.25rem;
+ padding-top: 0.13rem;
+ border-top-left-radius: 0.08rem;
+ border-top-right-radius: 0.08rem;
+}
+
+.div_quanyi_vip {
+ color: #F4E2D0;
+ font-size: 0.26rem;
+ width: 1.875rem;
+ height: 0.48rem;
+ display: flex;
+ justify-content: center;
+ margin-top: 0.25rem;
+ padding-top: 0.13rem;
+ border-top-left-radius: 0.08rem;
+ border-top-right-radius: 0.08rem;
+}
+
+.div_quanyi {
+ /* margin-top: -0.01rem; */
+ display: flex;
+ justify-content: flex-start;
+ width: 100%;
+ flex-wrap: wrap;
+ background-color: #333333;
+}
+
+.div_items {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-top: 0.46rem;
+ width: 2.5rem;
+}
+
+.title {
+ color: #F4E2D0;
+ font-size: 0.3rem;
+}
+
+.subtitle {
+ color: #F4E2D0;
+ font-size: 0.24rem;
+}
+
+.div_invite_friend {
+ margin-top: 0.35rem;
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ height: 6rem;
+ border-radius: 0.2rem;
+ background-color: #FFFFFF;
+}
+
+.invite_friend_title_bg {
+ height: 0.92rem;
+ border-bottom: 0.01rem solid #e0e0e0;
+ display: flex;
+ align-items: center;
+ justify-content: center
+}
+
+.invite_friend_title_bg>div {
+ color: #333333;
+ font-size: 0.34rem
+}
+
+.invite_content_bg {
+ height: 1.4rem;
+ display: flex;
+ padding-top: 0.2rem
+}
+
+.invite_content_bg>img {
+ width: 1.14rem;
+ height: 1.14rem;
+ margin-top: 0.13rem;
+ margin-left: 0.35rem
+}
+
+.invite_text_bg {
+ width: 3.65rem;
+ height: 1.4rem;
+ margin-left: 0.24rem
+}
+
+.invite_text_title {
+ color: #666666;
+ font-size: 0.24rem;
+ padding-top: 0.16rem
+}
+
+.invite_text_desc {
+ color: #999999;
+ font-size: 0.24rem
+}
+
+.div_invite_share {
+ color: #E5005C;
+ font-size: 0.26rem;
+ width: 1.33rem;
+ height: 0.6rem;
+ margin-top: 0.4rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 0.02rem solid #E5005C;
+ border-radius: 0.3rem;
+}
+
+.div_makesave_contrast {
+ margin-top: 0.2rem;
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ height: 5.2rem;
+ border-radius: 0.2rem;
+ background-color: #FFFFFF;
+}
+
+.makesave_contrast_head_bg {
+ height: 0.92rem;
+ border-bottom: 0.01rem solid #e0e0e0;
+ display: flex;
+ align-items: center;
+ justify-content: center
+}
+
+.makesave_contrast_head_bg>div {
+ color: #333333;
+ font-size: 0.34rem
+}
+
+.makesave_contrast_headdesc_bg {
+ background-color: #FFF8F1;
+ height: 0.9rem;
+ margin-top: 0.14rem;
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center
+}
+
+.makesave_contrast_headdesc_bg :nth-child(1) {
+ color: #666666;
+ font-size: 0.24rem;
+ padding-left: 0.46rem
}
-.div_img_header {
- position: absolute;
- left: 0.63rem;
- top: 0.74rem;
- width: 1.24rem;
- height: 1.24rem;
- padding: 0.02rem
+.makesave_contrast_headdesc_bg :nth-child(2) {
+ color: #666666;
+ font-size: 0.24rem
}
-.div_name {
- width: 5.2rem;
- font-size: 0.3rem;
- color: #4E2E00;
- position: absolute;
- left: 2.19rem;
- top: 0.75rem
+.makesave_contrast_headdesc_bg :nth-child(3) {
+ color: #666666;
+ font-size: 0.24rem;
+ padding-right: 0.52rem
}
-.div_img_provinceearn {
- width: 100%;
- margin-top: -0.6rem;
-}
-
-.div_img_provinceearn img {
- width: 100%;
- height: 0.8rem;
- margin: 0
-}
-
-.div_provinceearn {
- background-color: #151313;
- width: 100%;
- height: 2.4rem;
- margin-top: -0.26rem;
- display: flex;
- flex-direction: column;
- align-items: center
-}
-
-.div_provinceearn_yellowbg {
- background-color: #F2CE91;
- width: 6.7rem;
- height: 1.46rem;
- margin-top: 0.2rem;
- border-radius: 0.2rem
-}
-
-.div_provinceearn_title {
- /* background-color: red; */
- color: #4e2e00;
- font-size: 0.24rem;
- height: 0.4rem;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.div_provinceearn_botom {
- height: 1.06rem;
- /*璁剧疆涓篺lex甯冨眬*/
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-
-.div_provinceearn_savemoney {
- width: 49.5%;
- height: 100%;
-}
-
-.div_provinceearn_line {
- background-color: #4E2E00;
- width: 0.4%;
- height: 0.4rem;
- border-radius: 0.2rem;
-}
-
-.div_provinceearn_makemoney {
- width: 49.5%;
- height: 100%;
-}
-
-.div_upgradeprogress {
- background-color: #151313;
- width: 100%;
- height: 8.1rem;
-}
-
-.div_upgradeprogress_whitebg {
- background-color: #FFFFFF;
+.makesave_contrast_body_bg {
+ height: 0.9rem;
+ margin-top: 0.14rem;
margin-left: 0.2rem;
- margin-right: 0.2rem;
- height: 7.6rem;
- border-radius: 0.2rem;
-}
-
-.div_upgradeprogress_top {
- height: 0.92rem;
- border-bottom: 0.01rem solid #e0e0e0;
+ margin-right: 0.2rem;
display: flex;
- flex-direction: column;
- align-items: center
+ align-items: center
}
-.div_upgradeprogress_set {
- margin-top: 0.39rem;
- color: #333333;
- font-size: 0.24rem;
+.makesave_contrast_body_title {
+ display: flex;
+ align-items: center;
+ width: 35%
}
-.div_upgradeprogress_small {
- height: 0.25rem;
- background-color: #FFE764;
- border-radius: 0.13rem
+.makesave_contrast_body_title :nth-child(1) {
+ width: 0.5rem;
+ height: 0.5rem;
+ padding-left: 0.13rem
}
-.div_quanyi_title {
- /* background-color: red; */
-}
-
-.div_quanyi_actived {
- color: #F4E2D0;
- font-size: 0.26rem;
- width: 1.875rem;
- height: 0.48rem;
- display: flex;
- justify-content: center;
- margin-top: 0.25rem;
- padding-top: 0.13rem;
- border-top-left-radius: 0.08rem;
- border-top-right-radius: 0.08rem;
-}
-
-.div_quanyi_vipPre1 {
- color: #F4E2D0;
- font-size: 0.26rem;
- width: 1.875rem;
- height: 0.48rem;
- display: flex;
- justify-content: center;
- margin-top: 0.25rem;
- padding-top: 0.13rem;
- border-top-left-radius: 0.08rem;
- border-top-right-radius: 0.08rem;
-}
-
-.div_quanyi_vipPre2 {
- color: #F4E2D0;
- font-size: 0.26rem;
- width: 1.875rem;
- height: 0.48rem;
- display: flex;
- justify-content: center;
- margin-top: 0.25rem;
- padding-top: 0.13rem;
- border-top-left-radius: 0.08rem;
- border-top-right-radius: 0.08rem;
-}
-
-.div_quanyi_vip {
- color: #F4E2D0;
- font-size: 0.26rem;
- width: 1.875rem;
- height: 0.48rem;
- display: flex;
- justify-content: center;
- margin-top: 0.25rem;
- padding-top: 0.13rem;
- border-top-left-radius: 0.08rem;
- border-top-right-radius: 0.08rem;
-}
-
-.div_quanyi {
- /* margin-top: -0.01rem; */
- display: flex;
- justify-content: flex-start;
- width: 100%;
- flex-wrap: wrap;
- background-color: #333333;
-}
-
-.div_items {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-top: 0.46rem;
- width: 2.5rem;
-}
-
-.title {
- color: #F4E2D0;
- font-size: 0.3rem;
-}
-
-.subtitle {
- color: #F4E2D0;
- font-size: 0.24rem;
-}
-
-.div_invite_friend {
- margin-top: 0.35rem;
- margin-left: 0.2rem;
- margin-right: 0.2rem;
- height: 6rem;
- border-radius: 0.2rem;
- background-color: #FFFFFF;
-}
-
-.div_invite_share {
- color: #E5005C;
- font-size: 0.26rem;
- width: 1.33rem;
- height: 0.6rem;
- margin-top: 0.4rem;
- display: flex;
- align-items: center;
- justify-content: center;
- border: 0.02rem solid #E5005C;
- border-radius: 0.3rem;
-}
-
-.div_makesave_contrast {
- margin-top: 0.2rem;
- margin-left: 0.2rem;
- margin-right: 0.2rem;
- height: 5.2rem;
- border-radius: 0.2rem;
- background-color: #FFFFFF;
-}
-
-.makesave_contrast_title {
+.makesave_contrast_body_title :nth-child(2) {
color: #333333;
font-size: 0.26rem;
margin-left: 0.05rem;
}
+
+.makesave_contrast_desc {
+ width: 35%;
+ height: 0.9rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.makesave_contrast_desc1 {
+ color: #333333;
+ font-size: 0.26rem;
+ padding-top: 0.1rem;
+}
+
+.makesave_contrast_desc2 {
+ color: #333333;
+ font-size: 0.2rem;
+ margin-top: -0.05rem;
+}
-.makesave_contrast_desc {
+.makesave_contrast_butie_desc1 {
+ color: #333333;
+ font-size:0.26rem ;
width: 35%;
height: 0.9rem;
display: flex;
- flex-direction: column;
align-items: center;
+ justify-content: center
}
-.makesave_contrast_desc1 {
+.makesave_contrast_butie_desc2 {
color: #333333;
- font-size: 0.26rem;
- padding-top: 0.1rem;
-}
-
-.makesave_contrast_desc2 {
- color: #333333;
- font-size: 0.2rem;
- margin-top: -0.05rem;
-}
-
-.div_common_problem {
- margin-top: 0.22rem;
- margin-left: 0.2rem;
- margin-right: 0.2rem;
- background-color: #FFFFFF;
- height: 14.4rem;
- border-radius: 0.2rem;
-}
-
-.div_common_problem_selct {
- margin-left: 0.2rem;
- margin-right: 0.2rem;
- height: 1.3rem;
- background-color: #FFF8F1;
- font-size: 0.3rem;
- padding-left: 0.15rem;
+ font-size:0.2rem ;
+ width: 35%;
+ height: 0.9rem;
display: flex;
align-items: center;
- color: #666666;
+ justify-content: center
+}
+
+.div_common_problem {
+ margin-top: 0.22rem;
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ background-color: #FFFFFF;
+ height: 14.4rem;
+ border-radius: 0.2rem;
}
-.div_common_problem_normol {
- margin-left: 0.2rem;
- margin-right: 0.2rem;
- height: 1.3rem;
- background-color: #FFFFFF;
- font-size: 0.3rem;
- padding-left: 0.15rem;
- display: flex;
+.div_common_problem_header {
+ height: 0.92rem;
+ border-bottom: 0.01rem solid #e0e0e0;
+ display: flex;
align-items: center;
- color: #666666;
+ justify-content: center
}
-.div_common_problem_normol_1 {
- margin-left: 0.2rem;
- margin-right: 0.2rem;
- height: 1.7rem;
- background-color: #FFFFFF;
- font-size: 0.3rem;
- padding-left: 0.15rem;
- display: flex;
- align-items: center;
- color: #666666;
+.div_common_problem_header > div {
+ color: #333333;
+ font-size: 0.34rem
+}
+
+.div_common_problem_selct {
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ height: 1.3rem;
+ background-color: #FFF8F1;
+ font-size: 0.3rem;
+ padding-left: 0.15rem;
+ display: flex;
+ align-items: center;
+ color: #666666;
+}
+
+.div_common_problem_normol {
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ height: 1.3rem;
+ background-color: #FFFFFF;
+ font-size: 0.3rem;
+ padding-left: 0.15rem;
+ display: flex;
+ align-items: center;
+ color: #666666;
+}
+
+.div_common_problem_normol_1 {
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ height: 1.7rem;
+ background-color: #FFFFFF;
+ font-size: 0.3rem;
+ padding-left: 0.15rem;
+ display: flex;
+ align-items: center;
+ color: #666666;
+}
+
+.div_common_problem_normol_2 {
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ height: 1.7rem;
+ background-color: #FFF8F1;
+ font-size: 0.3rem;
+ padding-left: 0.15rem;
+ display: flex;
+ align-items: center;
+ color: #666666;
+}
+
+.div_common_problem_normol_3 {
+ margin-left: 0.2rem;
+ margin-right: 0.2rem;
+ height: 1.8rem;
+ background-color: #FFF8F1;
+ font-size: 0.3rem;
+ padding-left: 0.15rem;
+ color: #666666;
+}
+
+.dialogmask {
+ display: none;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ background: rgba(1, 1, 1, 0.5);
+ top: 0;
+ left: 0;
+ z-index: 1001;
+}
+
+.dialog {
+ width: 5.60rem;
+ min-height: 1rem;
+ background: #FFFFFF;
+ border-radius: 0.1rem;
+ padding: 0.2rem;
+ z-index: 1000;
+ display: block;
+ height: auto;
+ position: absolute;
+ margin: auto;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ max-height: 4.3rem;
+
}
-.div_common_problem_normol_2 {
- margin-left: 0.2rem;
- margin-right: 0.2rem;
- height: 1.7rem;
- background-color: #FFF8F1;
- font-size: 0.3rem;
- padding-left: 0.15rem;
- display: flex;
- align-items: center;
- color: #666666;
+.dialog > img {
+ height:0.5rem;
+ right: 0.2rem;
+ top:0.2rem;
+ position: absolute
+}
+
+.dialog .title {
+ font-size: 0.32rem;
+ color: #010101;
+ text-align: center;
+ margin-top: 0.3rem;
+ font-weight: bold;
+}
+
+.dialog .content {
+ margin-top: 0.2rem;
+ color: #333333;
+ font-size: 0.3rem;
+ margin-left: 0.25rem;
+ margin-right: 0.15rem;
+}
+
+.dialog .div_NoviceStrategy {
+ background-color: #E5005C;
+ width: 2.3rem;
+ height: 0.8rem;
+ border-radius: 0.4rem;
+ font-size: 0.32rem;
+ color: white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 0.5rem;
+ margin-left: 0.2rem;
+}
+
+.dialogbutton {
+ display: flex;
+ justify-content: space-between;
+}
+
+.dialog .div_NoviceStrategy {
+ background-color: #E5005C;
+ width: 2.4rem;
+ height: 0.8rem;
+ border-radius: 0.4rem;
+ font-size: 0.32rem;
+ color: white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 0.5rem;
+ margin-left: 0.25rem;
+}
+
+.dialog .div_TutorWeChat {
+ background-color: #E5005C;
+ width: 2.4rem;
+ height: 0.8rem;
+ border-radius: 0.4rem;
+ font-size: 0.32rem;
+ color: white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 0.5rem;
+ margin-right: 0.25rem;
}
-.div_common_problem_normol_3 {
- margin-left: 0.2rem;
- margin-right: 0.2rem;
- height: 1.8rem;
- background-color: #FFF8F1;
- font-size: 0.3rem;
- padding-left: 0.15rem;
- color: #666666;
+.div_banlilogo {
+ margin-top: 0.43rem;
+ margin-bottom: 0.8rem;
+ display:flex;
+ justify-content: center
}
-.dialogmask {
- display: none;
- position: fixed;
- width: 100%;
- height: 100%;
- background: rgba(1, 1, 1, 0.5);
- top: 0;
- left: 0;
- z-index: 1001;
+.div_banlilogo > img {
+ width: 0.46rem;
+ height: 0.45rem
}
-.dialog {
- width: 5.60rem;
- min-height: 1rem;
- background: #FFFFFF;
- border-radius: 0.1rem;
- padding: 0.2rem;
- z-index: 1000;
- display: block;
- height: auto;
- position: absolute;
- margin: auto;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- max-height: 4.3rem;
-
-}
-
-.dialog .title {
- font-size: 0.32rem;
- color: #010101;
- text-align: center;
- margin-top: 0.3rem;
- font-weight: bold;
-}
-
-.dialog .content {
- margin-top: 0.2rem;
- color: #333333;
- font-size: 0.3rem;
- margin-left: 0.25rem;
- margin-right: 0.15rem;
-}
-
-.dialog .div_NoviceStrategy {
- background-color: #E5005C;
- width: 2.3rem;
- height: 0.8rem;
- border-radius: 0.4rem;
- font-size: 0.32rem;
- color: white;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 0.5rem;
- margin-left: 0.2rem;
-}
-
-.dialogbutton {
- display: flex;
- justify-content: space-between;
-}
-
-.dialog .div_NoviceStrategy {
- background-color: #E5005C;
- width: 2.4rem;
- height: 0.8rem;
- border-radius: 0.4rem;
- font-size: 0.32rem;
- color: white;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 0.5rem;
- margin-left: 0.25rem;
-}
-
-.dialog .div_TutorWeChat {
- background-color: #E5005C;
- width: 2.4rem;
- height: 0.8rem;
- border-radius: 0.4rem;
- font-size: 0.32rem;
- color: white;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 0.5rem;
- margin-right: 0.25rem;
+.div_banlilogo > div {
+ color: #D43002;
+ font-size: 0.3rem;
+ margin-left: 0.12rem
}
diff --git a/AppInside/vipNew/supvip.html b/AppInside/vipNew/supvip.html
index f12012c..318bbbd 100644
--- a/AppInside/vipNew/supvip.html
+++ b/AppInside/vipNew/supvip.html
@@ -1,1008 +1,1005 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <title>鍗囩骇浼氬憳</title>
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <link rel="stylesheet" type="text/css" href="./css/stylesheet.css" />
- <script>
- window.onresize = function() {
- document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
- };
- window.onresize();
- </script>
- <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
- <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
- </head>
- <body>
- <div id="root" style="display: none;">
- <div class="div_topbg">
- <div @click="touchRuleLink" class="div_rule">鍗囩骇瑙勫垯</div>
-
- <div class="div_img_header">
- <img :src="user.portrait" style="width:1.22rem;height: 1.22rem;border-radius: 1rem;">
- </div>
-
- <div class="div_name"> {{user.nickName}}</div>
-
- <div id="" style="scr width: 1.44rem; height: 0.34rem; display: flex;align-items: center;position: absolute; left: 2.19rem; top: 1.1rem;">
- <img :src="user.viplogos" style="width: 1.44rem; height: 0.34rem; margin-top: 0.3rem;">
- </div>
-
- <div style="width: 100%; height: 0.78rem; position: absolute; top: 2.31rem; display: flex;justify-content: space-between;">
- <div @click="contactmentor" style="background-color: #E5005B; font-size: 0.3rem;
- width: 2.62rem; height: 0.78rem; display: flex; justify-content: center; align-items: center;border-radius: 0.39rem;
- color: white; margin-left: 0.5rem;">
- 鑱旂郴瀵煎笀
- </div>
- <div @click="upgrademember" style="background-color: #E5005B; font-size: 0.3rem;
- width: 3.7rem; height: 0.78rem; display: flex; justify-content: center; align-items: center;border-radius: 0.39rem;
- color: white; margin-right: 0.46rem;">
- {{user.nextlevel}}
- </div>
- </div>
- </div>
- <!-- 閿欒繃鐪佽禋 -->
- <div class="div_img_provinceearn">
- <img src="img/cut.png">
- </div>
- <div class="div_provinceearn">
- <div style=" height: 0.3rem;margin-top: -0.05rem;">
- <p v-if="vip==false" style="color: #F4E2D0; font-size: 0.3rem; margin-top: -0.05rem;">閿欒繃鐪佽禋</p>
- <p v-else style="color: #F4E2D0; font-size: 0.3rem; margin-top: -0.05rem;">璧氱渷缁熻</p>
- </div>
-
- <div class="div_provinceearn_yellowbg">
- <div v-if="vip==false" class="div_provinceearn_title">鏈崌绾ц秴绾т細鍛�</div>
- <div v-else class="div_provinceearn_title">鎮ㄥ凡缁忔槸瓒呯骇浼氬憳</div>
- <div class="div_provinceearn_botom">
- <div class="div_provinceearn_savemoney">
- <div v-if="vip==false" style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
- 灏戠渷閽�
- </div>
- <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
- 鍏辩渷閽�
- </div>
-
- <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;">
- {{user.saveMoney}}
- </div>
- </div>
- <div class="div_provinceearn_line">
-
- </div>
- <div class="div_provinceearn_makemoney">
- <div v-if="vip==false" style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
- 灏戣禋閽�
- </div>
- <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
- 鍏辫禋閽�
- </div>
-
- <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;">
- {{user.earnMoney}}
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 鍗囩骇杩涘害 -->
- <div class="div_upgradeprogress" v-if="show">
- <div class="div_upgradeprogress_whitebg">
- <div class="div_upgradeprogress_top">
- <div style="color: #333333;font-size: 0.34rem; margin-top: 0.12rem">
- 鍗囩骇杩涘害
- </div>
- <div style="color: #999999;font-size: 0.18rem; margin-top: -0.05rem;">
- 鍏嶈垂鍗囩骇 闃舵鎴愰暱 鏉冪泭鍊嶅
- </div>
- </div>
- <div>
- <div class="" style="display: flex; justify-content: space-between;">
- <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
- 杩斿埄璁㈠崟锛�
- </div>
- <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
- {{progress.finishFanliOrder}}/{{progress.totalFanliOrder}}绗�
- </div>
- </div>
- <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
- <div class="div_upgradeprogress_small" :style="{'width':finishFanliOrderProgress}">
- </div>
- </div>
- </div>
- <div>
- <div class="" style="display: flex; justify-content: space-between;">
- <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
- 鍒嗕韩璁㈠崟锛�
- </div>
- <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
- {{progress.finishShareOrder}}/{{progress.totalShareOrder}}绗�
- </div>
- </div>
- <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
- <div class="div_upgradeprogress_small" :style="{'width':finishShareOrderProgress}">
- </div>
- </div>
- </div>
- <div>
- <div class="" style="display: flex; justify-content: space-between;">
- <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
- 鐩存帴+闂存帴绮変笣锛�
- </div>
- <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
- {{progress.finishDirectFans}}+{{progress.finishInDirectFans}}/{{progress.totalDirectFans}}+{{progress.totalInDirectFans}}浜�
- </div>
- </div>
- <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
- <div class="div_upgradeprogress_small" :style="{'width':finishFansProgress}">
- </div>
- </div>
- </div>
- <div style="display: flex; align-items: center; height: 0.28rem; margin-top: 0.55rem;margin-left: 0.69rem;">
- <div style=" display: flex; align-items: center;">
- <img src="./img/icon_horn.png" style="width: 0.32rem;height: 0.28rem;">
- </div>
- <div style="color: #E5005B; font-size: 0.2rem;margin-left: 0.13rem;">
- 浠ヤ笂涓夌鏉′欢鍦ㄤ换鎰忎竴绉嶆弧瓒冲嵆鍙嚜鍔ㄥ崌绾т负銆恵{progress.nextLevelProgress}}銆�
- </div>
- </div>
- <div style="color: #666666;font-size: 0.24rem; margin-left: 0.43rem;margin-top: 0.31rem;margin-right: 0.39rem;">
- 1.杩斿埄/鍒嗕韩璁㈠崟銆佺洿鎺�/闂存帴绮変笣閮芥槸浠庢敞鍐屾澘鏍楀揩鐪佹棩璧峰紑濮嬬粺璁★紱<br>
- 2.瀹炰粯娆锯墺1鍏冪殑璁㈠崟涓烘湁鏁堝彲琚粺璁¤鍗曪紱<br>
- 3.鑷冲皯浜х敓杩�1绗斿垎浜垨杩斿埄璁㈠崟鐨勭矇涓濅负鏈夋晥鍙缁熻绮変笣锛堥��娆句负澶辨晥锛夛紱
- </div>
- </div>
- </div>
- <!-- 浼氬憳鏉冪泭 -->
- <div class="div_quanyi_headerbg">
- <div style="background-color: #151313; display: flex; flex-direction: column;align-items: center;">
- <div style="color: #F4E2D0; font-size: 0.3rem;">
- 浼氬憳闃舵鏉冪泭
- </div>
- <div style="color: #F4E2D0; font-size: 0.18rem; margin-top: -0.06rem;">
- 鍗囩骇鎴愯秴绾т細鍛� 璧氱渷鏉冪泭浜笉鍋�
- </div>
- </div>
- <div class="div_quanyi_title" style="background-color: #151313;height: 0.86rem;display: flex;justify-content: space-between;">
- <div class="div_quanyi_actived" @click="clickactived" :style="bgColor.styleactived">
- 蹇渷杈句汉
- </div>
- <div class="div_quanyi_vipPre1" @click="clickvipPre1" :style="bgColor.stylevipPre1">
- 鏅�氫細鍛�
- </div>
- <div class="div_quanyi_vipPre2" @click="clickvipPre2" :style="bgColor.stylevipPre2">
- 楂樼骇浼氬憳
- </div>
- <div class="div_quanyi_vip" @click="clickvip" :style="bgColor.stylevip">
- 瓒呯骇浼氬憳
- </div>
- </div>
- </div>
- <div class="div_quanyi">
- <div class="div_items" v-for="(item, index) in quanYiList">
- <img v-bind:src="item.img" style="width:1.3rem;height: 1.29rem;">
- <div class="title">
- {{item.title}}
- </div>
- <div class="subtitle" v-html="item.subTitle">
- {{item.subTitle}}
- </div>
- </div>
- </div>
- <div style="height: 0.46rem; background-color: #333333;"></div>
- <!-- 閭�璇峰ソ鍙� -->
- <div class="div_invite_friend">
- <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
- <div style="color: #333333; font-size: 0.34rem;">
- 閭�璇峰ソ鍙�
- </div>
- </div>
- <div>
- <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
- <img src="img/icon_miandan.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
- <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
- <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
- 璧犻�佸厤鍗曞埜
- </div>
- <div style="color: #999999; font-size: 0.24rem;">
- 璁╁ソ鍙嬪彲浠ュ厤鍗�
- </div>
- </div>
- <div @click="invite(0)" class="div_invite_share">
- 鍘婚個璇�
- </div>
- </div>
- </div>
- <div>
- <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
- <img src="img/icon_fanli_.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
- <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
- <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
- 杩斿埄濂栧姳鍒�
- </div>
- <div style="color: #999999; font-size: 0.24rem;">
- 璁╁ソ鍙嬭繑鍒╄鍗曪紝杩斿埄鍐嶈繑30%浠ヤ笂
- </div>
- </div>
- <div @click="invite(1)" class="div_invite_share">
- 鍘婚個璇�
- </div>
- </div>
- </div>
- <div>
- <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
- <img src="img/icon_hongbao.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
- <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
- <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
- 绾㈠寘
- </div>
- <div style="color: #999999; font-size: 0.24rem;">
- 璁╁ソ鍙嬭幏寰楃孩鍖咃紝鍙彁鐜板璐墿
- </div>
- </div>
- <div @click="invite(2)" class="div_invite_share">
- 鍘婚個璇�
- </div>
- </div>
- </div>
- </div>
- <!-- 璧氱渷瀵规瘮 -->
- <div class="div_makesave_contrast">
- <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
- <div style="color: #333333; font-size: 0.34rem;">
- 璧氱渷瀵规瘮
- </div>
- </div>
- <div style="background-color: #FFF8F1;height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;justify-content: space-between;align-items: center;">
- <p style="color: #666666;font-size: 0.24rem; padding-left: 0.46rem;">璧氱渷鏉冪泭</p>
- <p style="color: #666666;font-size: 0.24rem;">蹇渷杈句汉</p>
- <p style="color: #666666;font-size: 0.24rem; padding-right: 0.52rem;">瓒呯骇浼氬憳</p>
- </div>
- <div style="height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items: center;">
- <div style=" display: flex; align-items: center; width: 35%;">
- <img src="img/icon_fanli.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
- <div class="makesave_contrast_title">
- 鑷喘杩斿埄
- </div>
- </div>
- <div class="makesave_contrast_desc">
- <div class="makesave_contrast_desc1">
- 锟�100+楼52.5
- </div>
- <div class="makesave_contrast_desc2">
- 浣ｉ噾+骞冲彴琛ヨ创
- </div>
- </div>
- <div class="makesave_contrast_desc">
- <div class="makesave_contrast_desc1">
- 锟�100+楼115
- </div>
- <div class="makesave_contrast_desc2">
- 浣ｉ噾+骞冲彴琛ヨ创
- </div>
- </div>
- </div>
- <div style="background-color: #FFF8F1; height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items: center;">
- <div style=" display: flex; align-items: center; width: 35%;">
- <img src="img/icon_jiangjin.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
- <div class="makesave_contrast_title">
- 鍒嗕韩濂栭噾
- </div>
- </div>
- <div class="makesave_contrast_desc">
- <div class="makesave_contrast_desc1">
- 锟�100+楼52.5
- </div>
- <div class="makesave_contrast_desc2">
- 浣ｉ噾+骞冲彴琛ヨ创
- </div>
- </div>
- <div class="makesave_contrast_desc">
- <div class="makesave_contrast_desc1">
- 锟�100+楼115
- </div>
- <div class="makesave_contrast_desc2">
- 浣ｉ噾+骞冲彴琛ヨ创
- </div>
- </div>
- </div>
- <div style="height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items: center;">
- <div style=" display: flex; align-items: center; width: 35%;">
- <img src="img/icon_butie.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
- <div class="makesave_contrast_title">
- 鍥㈤槦琛ヨ创
- </div>
- </div>
- <div style="color: #333333;font-size:0.26rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;">
- ---
- </div>
- <div style="color: #333333;font-size:0.2rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;">
- 鐩存帴绮変笣+楼22.5<br />
- 闂存帴绮変笣+锟�7.5
- </div>
- </div>
- </div>
- <!-- 甯歌闂 -->
- <div class="div_common_problem">
- <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
- <div style="color: #333333; font-size: 0.34rem;">
- 甯歌闂
- </div>
- </div>
- <div style="height: 0.08rem;"></div>
- <div class="div_common_problem_selct">
- Q锛氳繑鍒╃湡鐨勯珮锛�<br />
- A锛氬叏缃戠◢寰姣旂爺绌朵竴涓嬪氨鐭ラ亾鍜瘇
- </div>
- <div class="div_common_problem_normol">
- Q锛�30寮犲鍔卞埜鎬庝箞鐢紵<br />
- A锛氬鍔卞埜鏄個璇峰埄鍣ㄥ摝锛屽姪鍔涗綘閭�璇峰ソ鍙�
- </div>
- <div class="div_common_problem_selct">
- Q锛氬洟闃熻ˉ璐村彧鏈夎繘鍏ヨ秴绾т細鍛榁1闃舵鍚庢墠鏈夛紵<br />
- A锛氭槸鐨勶紒
- </div>
- <div class="div_common_problem_normol">
- Q:鎴愪负瓒呯骇浼氬憳涓変釜鏉′欢閮借婊¤冻鍚楋紵<br />
- A:涓嶆槸锛屼粎闇�婊¤冻鍏朵腑涓�涓潯浠跺嵆鍙��
- </div>
- <div class="div_common_problem_selct">
- Q:杈惧埌瓒呯骇浼氬憳V1闃舵浼氳嚜鍔ㄥ崌绾ф潈鐩婂悧锛�<br />
- A:浼氾紝婊¤冻V1銆乂2绯荤粺鑷姩鍗囩骇鍒板搴旀潈鐩娿��
- </div>
- <div class="div_common_problem_normol_1">
- Q:杈惧埌瓒呯骇浼氬憳V3闃舵浼氳嚜鍔ㄥ崌绾ф潈鐩婂悧锛�<br />
- A:涓嶄細锛岄渶瑕佹墜鍔ㄧ敵璇峰鏍搁�氳繃鍚庢垚涓鸿秴绾т細鍛樸��
- </div>
- <div class="div_common_problem_normol_2">
- Q:鍙湁鑷繁鎴愪负瓒呯骇浼氬憳鍚庢墠鍙互鍩瑰吇瓒呯骇浼氬憳
- 鍚楋紵<br />
- A:鏄殑銆�
- </div>
- <div class="div_common_problem_normol">
- Q:鎴戜笉浼氬煿鍏昏秴绾т細鍛樻�庝箞鍔烇紵<br />
- A:涓嶇敤鎷呭績锛屽湪鎴戠殑-瀵煎笀寰俊涓庡叾鍙栧緱鑱旂郴銆�
- </div>
- <div class="div_common_problem_normol_3">
- <div style="height: 1.0E-5rem;">
- </div>
- <div style="margin-top: 0.22rem;">
- Q锛氳繕鏈夎秴绾т細鍛樼浉鍏抽棶棰橈紵<br />
- A锛氳鏌ョ湅鏈〉椤堕儴瓒呯骇浼氬憳鐩稿叧瑙勫垯锛屾垨<a href="javascript:void()" style="text-decoration: none;" @click="kefu">浜哄伐<br>瀹㈡湇</a>
- </div>
- </div>
- </div>
-
- <!--寮规 -->
- <div class="dialogmask">
- <div class="dialog">
- <img src="img/icon_close.png" style="height:0.5rem;right: 0.2rem;top:0.2rem;position: absolute;" @click="hiddenDialog()">
- <div class="title">hi,{{user.nickName}}</div>
- <div class="content">{{tearcherTip}}</div>
- <div class="dialogbutton">
- <div class="div_NoviceStrategy" @click="noviceStrategy">
- 鏂版墜鏀荤暐
- </div>
- <div class="div_TutorWeChat" @click="tutorWeChat">
- 澶嶅埗瀵煎笀寰俊
- </div>
- </div>
- </div>
- </div>
-
- </div>
- </body>
- <tfoot>
- <div style="margin-top: 0.43rem;margin-bottom: 0.8rem;display:flex; justify-content: center;">
- <img src="img/logo.png" style="width: 0.46rem;height: 0.45rem;">
- <div style="color: #D43002; font-size: 0.3rem; margin-left: 0.12rem;">
- 鏉挎牀蹇渷瀹樻柟绂忓埄
- </div>
- </div>
- </tfoot>
-
- <script type="text/javascript">
- $(function() {
- var host = "http://api.flqapp.com";
- var app = new Vue({
- el: "#root",
- data: {
- show: true,
- vip: false,
- ruleLink: '',
- level: '',
- tearcherTip: '',
- tearcherWX: '',
- newerGongLue: '',
- user: {
- nickName: '',
- savemoneytitle: '',
- makemoneytitle: '',
- saveMoney: '楼0',
- earnMoney: '楼0',
- viplogos: '',
- nextlevel: ''
- },
- progress: {
- finishFanliOrder: '',
- totalFanliOrder: '',
- finishShareOrder: '',
- totalShareOrder: '',
- finishDirectFans: '',
- finishInDirectFans: '',
- totalDirectFans: '',
- totalInDirectFans: '',
- nextLevelProgress: ''
- },
- master: {
- platformSubsidy: '',
- school: '',
- teamSubsidy: '',
- teamReward: ''
- },
- vip1: {
- platformSubsidy: '',
- school: '',
- teamSubsidy: '',
- teamReward: ''
- },
- vip2: {
- platformSubsidy: '',
- school: '',
- teamSubsidy: '',
- teamReward: ''
- },
- vip3: {
- platformSubsidy: '',
- school: '',
- teamSubsidy: '',
- teamReward: ''
- },
- quanYiList: [{
- img: 'img/qy_mfcoupon.png',
- title: '鍏嶈垂棰嗗埜',
- subTitle: '鐙闅愯棌浼樻儬鍒�',
- }, {
- img: 'img/qy_yongjin.png',
- title: '鍟嗗搧浣ｉ噾',
- subTitle: '璐墿涓嬪崟绔嬪嵆杩斾剑',
- }, {
- img: 'img/qy_insidy.png',
- title: '骞冲彴琛ヨ创',
- subTitle: '琛ヨ创杩斾剑115%',
- }, {
- img: 'img/qy_sharebonus.png',
- title: '鍒嗕韩濂栭噾',
- subTitle: '濂藉弸棰嗗埜瀹樻柟濂栭噾',
- }, {
- img: 'img/qy_teambonus.png',
- title: '鍥㈤槦濂栭噾',
- subTitle: '濂藉弸涓嬪崟瀹樻柟濂栭噾',
- }, {
- img: 'img/qy_tixian.png',
- title: '鎻愮幇鏃犲咖',
- subTitle: '鏃犻棬妲涘噯鏃惰揪',
- }, {
- img: 'img/qy_newmiandan.png',
- title: '鏂颁汉鍏嶅崟',
- subTitle: '0鍏冭喘涔拌繕鏈夎繑鍒�',
- }, {
- img: 'img/qy_invitefriend.png',
- title: '閭�璇峰ソ鍙�',
- subTitle: '璧�40鍏冪幇閲戠孩鍖�',
- }, {
- img: 'img/qy_tutor.png',
- title: '涓撳睘瀵煎笀',
- subTitle: '璺熺潃澶х墰瀛﹁禋鐪�',
- }, {
- img: 'img/qy_jinbichange.png',
- title: '閲戝竵鍏戞崲',
- subTitle: '鎯婂枩涓嶅仠娴烽噺濂栧搧',
- }, {
- img: 'img/qy_train.png',
- title: '璧氱渷鍩硅',
- subTitle: '鏉挎牀瀛﹂櫌[瓒呯骇鐝璢',
- }, {
- img: 'img/qy_zhichi.png',
- title: '鐗╂枡鏀寔',
- subTitle: '鎺ㄥ箍鏂囨杩愯惀鐗╂枡',
- }, {
- img: 'img/qy_teamsubsidy_normol.png',
- title: '鍥㈤槦琛ヨ创',
- subTitle: '浼氬憳涓撳睘鏈�楂�22.5%',
- }, {
- img: 'img/qy_jinbi_normol.png',
- title: '璧犻�侀噾甯�',
- subTitle: '绯荤粺璧犻��3000鏋�',
- }, {
- img: 'img/qy_fanlicoupon_normol.png',
- title: '杩斿埄濂栧姳鍒�',
- subTitle: '绯荤粺璧犻��30寮�',
- }, {
- img: 'img/qy_teamaward_normol.png',
- title: '鍥㈤槦濂栧姳',
- subTitle: '鏈�楂�40%',
- }, {
- img: 'img/qy_miandan_normol.png',
- title: '璧犻�佸厤鍗曞埜',
- subTitle: '绯荤粺璧犻��5寮�',
- }, {
- img: 'img/qy_becommentor_normol.png',
- title: '鎴愪负瀵煎笀',
- subTitle: '鑾峰甯堝唴閭�鍚嶉',
- }],
-
- bgColor: {
- styleactived: {
- backgroundColor: ''
- },
- stylevipPre1: {
- backgroundColor: ''
- },
- stylevipPre2: {
- backgroundColor: ''
- },
- stylevip: {
- backgroundColor: ''
- }
- }
- },
- watch: {
- user: function(val) {
- $("#root").css("display", "block");
- yesApp.hideLoading();
- }
- },
- methods: {
- contactmentor: function() {
- this.showDialog();
- },
- upgrademember: function() {
- if (this.level == 'actived') {
- yesApp.toast('鏆傛湭婊¤冻鍗囩骇鏉′欢')
-
- } else if (this.level == 'vipPre1') {
- yesApp.toast('鏆傛湭婊¤冻鍗囩骇鏉′欢')
-
- } else if (this.level == 'vipPre2') {
- applyVip()
-
- } else if (this.level == 'vipApply') {
-
- } else if (this.level == 'vip') {
-
- } else if (this.level == 'tearcherApply') {
-
- } else if (this.level == 'tearcher') {
-
- } else {
-
- }
- },
- kefu: function() {
- yesApp.jumpWeb("http://apph5.banliapp.com/AppInside/kefu/index.html", null);
- },
- touchRuleLink: function() {
- if (this.ruleLink.length == 0 || this.ruleLink.length == null) {
- yesApp.toast('鏈缃摼鎺�');
- return;
- }
- yesApp.jumpWeb(this.ruleLink, null);
- },
-
- invite: function(type) {
- if (type == 0 || type == 1) {
- app.jumpFuLiCenter();
- } else {
- app.jumpHongBaoBalance();
- }
- },
-
- jumpFuLiCenter: function() { //绂忓埄涓績
- yesApp.jumpPage({
- activity: 'com.yeshi.ec.rebate.myapplication.ui.mine.WelfareCenterActivity',
- controller: 'WelfareCenterController'
- }, {});
- },
- jumpHongBaoBalance: function() { //绾㈠寘浣欓
- yesApp.jumpPage({
- activity: 'com.yeshi.ec.rebate.myapplication.ui.mine.PromotionRedenvelopeActivity',
- controller: 'RedEnvelopeController'
- }, {});
- },
- showDialog: function() {
- $('.dialogmask').css('display', 'block')
- },
- hiddenDialog: function() {
- $('.dialogmask').css('display', 'none')
- },
-
- noviceStrategy: function() {
- yesApp.jumpWeb(this.newerGongLue,null)
- },
-
- tutorWeChat: function() {
- yesApp.copyText(app.tearcherWX + '')
- yesApp.toast('澶嶅埗鎴愬姛')
- this.hiddenDialog();
- },
-
- clickactived: function() {
- var bgColor = this.bgColor;
- var qylist = this.quanYiList;
-
- bgColor.styleactived.backgroundColor = '#333333';
- bgColor.stylevipPre1.backgroundColor = '#151313';
- bgColor.stylevipPre2.backgroundColor = '#151313';
- bgColor.stylevip.backgroundColor = '#151313';
-
- qylist[12].img = 'img/qy_teamsubsidy_normol.png';
- qylist[13].img = 'img/qy_jinbi_normol.png';
- qylist[14].img = 'img/qy_fanlicoupon_normol.png';
- qylist[15].img = 'img/qy_teamaward_normol.png';
- qylist[16].img = 'img/qy_miandan_normol.png';
- qylist[17].img = 'img/qy_becommentor_normol.png';
-
- qylist[2].subTitle = this.master.platformSubsidy;
- qylist[10].subTitle = this.master.school;
- qylist[12].subTitle = this.master.teamSubsidy;
- qylist[15].subTitle = this.master.teamReward;
-
- app.bgColor = bgColor;
- app.quanYiList = qylist
- },
- clickvipPre1: function() {
- var bgColor = app.bgColor;
- var qylist = app.quanYiList;
-
- bgColor.styleactived.backgroundColor = '#151313';
- bgColor.stylevipPre1.backgroundColor = '#333333';
- bgColor.stylevipPre2.backgroundColor = '#151313';
- bgColor.stylevip.backgroundColor = '#151313';
-
- qylist[12].img = 'img/qy_teamsubsidy_select.png';
- qylist[13].img = 'img/qy_jinbi_select.png';
- qylist[14].img = 'img/qy_fanlicoupon_normol.png';
- qylist[15].img = 'img/qy_teamaward_normol.png';
- qylist[16].img = 'img/qy_miandan_normol.png';
- qylist[17].img = 'img/qy_becommentor_normol.png';
-
- qylist[2].subTitle = this.vip1.platformSubsidy;
- qylist[10].subTitle = this.vip1.school;
- qylist[12].subTitle = this.vip1.teamSubsidy;
- qylist[15].subTitle = this.vip1.teamReward;
-
- app.bgColor = bgColor;
- app.quanYiList = qylist
- },
- clickvipPre2: function() {
- var bgColor = app.bgColor;
- var qylist = app.quanYiList;
-
- bgColor.styleactived.backgroundColor = '#151313';
- bgColor.stylevipPre1.backgroundColor = '#151313';
- bgColor.stylevipPre2.backgroundColor = '#333333';
- bgColor.stylevip.backgroundColor = '#151313';
-
- qylist[12].img = 'img/qy_teamsubsidy_select.png';
- qylist[13].img = 'img/qy_jinbi_select.png';
- qylist[14].img = 'img/qy_fanlicoupon_select.png';
- qylist[15].img = 'img/qy_teamaward_normol.png';
- qylist[16].img = 'img/qy_miandan_normol.png';
- qylist[17].img = 'img/qy_becommentor_normol.png';
-
- qylist[2].subTitle = this.vip2.platformSubsidy;
- qylist[10].subTitle = this.vip2.school;
- qylist[12].subTitle = this.vip2.teamSubsidy;
- qylist[15].subTitle = this.vip2.teamReward;
-
- app.bgColor = bgColor;
- app.quanYiList = qylist
- },
- clickvip: function() {
- var bgColor = app.bgColor;
- var qylist = app.quanYiList;
-
- bgColor.styleactived.backgroundColor = '#151313';
- bgColor.stylevipPre1.backgroundColor = '#151313';
- bgColor.stylevipPre2.backgroundColor = '#151313';
- bgColor.stylevip.backgroundColor = '#333333';
-
- qylist[12].img = 'img/qy_teamsubsidy_select.png';
- qylist[13].img = 'img/qy_jinbi_select.png';
- qylist[14].img = 'img/qy_fanlicoupon_select.png';
- qylist[15].img = 'img/qy_teamaward_select.png';
- qylist[16].img = 'img/qy_miandan_select.png';
- qylist[17].img = 'img/qy_becommentor_select.png';
-
- qylist[2].subTitle = this.vip3.platformSubsidy;
- qylist[10].subTitle = this.vip3.school;
- qylist[12].subTitle = this.vip3.teamSubsidy;
- qylist[15].subTitle = this.vip3.teamReward;
-
- app.bgColor = bgColor;
- app.quanYiList = qylist
- },
- },
- computed: {
- finishFanliOrderProgress: function() {
- var tempFinishFanliOrder = null;
- if (parseInt(this.progress.finishFanliOrder) > parseInt(this.progress.totalFanliOrder)) {
- tempFinishFanliOrder = this.progress.totalFanliOrder;
-
- } else {
- tempFinishFanliOrder = this.progress.finishFanliOrder;
- }
- return (576 / this.progress.totalFanliOrder) * tempFinishFanliOrder * 0.01 + 'rem'
- },
-
- finishShareOrderProgress: function() {
- var tempFinishShareOrder = null;
- if (parseInt(this.progress.finishShareOrder) > parseInt(this.progress.totalShareOrder)) {
- tempFinishShareOrder = this.progress.totalShareOrder;
-
- } else {
- tempFinishShareOrder = this.progress.finishShareOrder;
- }
- return (576 / this.progress.totalShareOrder) * tempFinishShareOrder * 0.01 + 'rem'
- },
-
- finishFansProgress: function() {
- var tempFinishDirectFans = null;
- var tempFinishInDirectFans = null;
-
- if (parseInt(this.progress.finishDirectFans) > parseInt(this.progress.totalDirectFans)) {
- tempFinishDirectFans = this.progress.totalDirectFans;
-
- } else {
- tempFinishDirectFans = this.progress.finishDirectFans;
- }
- if (parseInt(this.progress.finishInDirectFans) > parseInt(this.progress.totalInDirectFans)) {
- tempFinishInDirectFans = this.progress.totalInDirectFans;
-
- } else {
- tempFinishInDirectFans = this.progress.finishInDirectFans;
- }
- return ((576 / 2 / this.progress.totalDirectFans * tempFinishDirectFans) + (576 / 2 / this.progress.totalInDirectFans *
- tempFinishInDirectFans)) * 0.01 + 'rem'
- }
- }
- });
-
- function fetchData() {
- yesApp.showLoading();
- var params = yesApp.getRequestBaseParams({
- uid: yesApp.getUid()
- });
- // 浼氬憳绛夌骇
- var level = null;
- var viplogos = null;
- var nextlevel = null;
- var nextLevelProgress = null;
- var supVip = false;
- var platformSubsidy = null;
- var school = null;
- var teamSubsidy = null;
- var teamReward = null;
- var master = null;
- var vip1 = null;
- var vip2 = null;
- var vip3 = null;
- try {
- $.ajax({
- type: "GET",
- data: JSON.parse(params),
- url: host + '/fanli/api/v2/user/getVIPInfoV2', //getHttp() 'http://192.168.1.122:8080/fanli'
- dataType: "jsonp",
- async: false,
- success: function(result) {
- if (result.code == 0) {
- level = result.data.level;
-
- var qylist = app.quanYiList;
-
- if (level === 'actived') {
- viplogos = 'img/icon_actived.png';
- nextlevel = '鍗囩骇鏅�氫細鍛�';
- nextLevelProgress = '鏅�氫細鍛�';
- supVip = false;
-
- app.bgColor.styleactived.backgroundColor = '#333333';
-
- platformSubsidy = result.data.master.platformSubsidy;
- school = result.data.master.school;
- teamSubsidy = result.data.master.teamSubsidy;
- teamReward = result.data.master.teamReward;
-
- } else if (level === 'vipPre1') {
- viplogos = 'img/icon_vipPre1.png';
- nextlevel = '鍗囩骇楂樼骇浼氬憳';
- nextLevelProgress = '楂樼骇浼氬憳';
- supVip = false;
-
- app.bgColor.stylevipPre1.backgroundColor = '#333333';
-
- platformSubsidy = result.data.vip1.platformSubsidy;
- school = result.data.vip1.school;
- teamSubsidy = result.data.vip1.teamSubsidy;
- teamReward = result.data.vip1.teamReward;
-
- qylist[12].img = 'img/qy_teamsubsidy_select.png';
- qylist[13].img = 'img/qy_jinbi_select.png';
-
- } else if (level === 'vipPre2') {
- viplogos = 'img/icon_vipPre2.png';
- nextlevel = '鍗囩骇瓒呯骇浼氬憳';
- nextLevelProgress = '瓒呯骇浼氬憳';
- supVip = false;
-
- app.bgColor.stylevipPre2.backgroundColor = '#333333';
-
- platformSubsidy = result.data.vip2.platformSubsidy;
- school = result.data.vip2.school;
- teamSubsidy = result.data.vip2.teamSubsidy;
- teamReward = result.data.vip2.teamReward;
-
- qylist[12].img = 'img/qy_teamsubsidy_select.png';
- qylist[13].img = 'img/qy_jinbi_select.png';
- qylist[14].img = 'img/qy_fanlicoupon_select.png';
-
- } else if (level === 'vipApply') {
- viplogos = 'img/icon_vip_invalid.png';
- nextlevel = '瀹℃牳灏嗗湪48灏忔椂鍐呭畬鎴�';
- nextLevelProgress = '瓒呯骇浼氬憳';
- supVip = false;
-
- app.bgColor.stylevipPre2.backgroundColor = '#333333';
-
- platformSubsidy = result.data.vip2.platformSubsidy;
- school = result.data.vip2.school;
- teamSubsidy = result.data.vip2.teamSubsidy;
- teamReward = result.data.vip2.teamReward;
-
- qylist[12].img = 'img/qy_teamsubsidy_select.png';
- qylist[13].img = 'img/qy_jinbi_select.png';
- qylist[14].img = 'img/qy_fanlicoupon_select.png';
-
- } else if (level === 'vip' || level === 'tearcherApply' || level === 'tearcher') {
-
- nextlevel = '鎴戞兂褰撳甯�';
- nextLevelProgress = '瀵煎笀';
- if (level === 'vip') {
- viplogos = 'img/icon_vip.png';
-
- } else if (level === 'tearcherApply') {
- viplogos = 'img/icon_tearcher_normol.png';
-
- } else if (level === 'tearcher') {
- viplogos = 'img/icon_tearcher.png';
- }
-
- supVip = true;
- app.show = false;
-
- app.bgColor.stylevip.backgroundColor = '#333333';
-
- platformSubsidy = result.data.vip3.platformSubsidy;
- school = result.data.vip3.school;
- teamSubsidy = result.data.vip3.teamSubsidy;
- teamReward = result.data.vip3.teamReward;
-
- qylist[12].img = 'img/qy_teamsubsidy_select.png';
- qylist[13].img = 'img/qy_jinbi_select.png';
- qylist[14].img = 'img/qy_fanlicoupon_select.png';
- qylist[15].img = 'img/qy_teamaward_select.png';
- qylist[16].img = 'img/qy_miandan_select.png';
- qylist[17].img = 'img/qy_becommentor_select.png';
- }
- app.vip = supVip;
-
- qylist[2].subTitle = platformSubsidy;
- qylist[10].subTitle = school;
- qylist[12].subTitle = teamSubsidy;
- qylist[15].subTitle = teamReward;
-
- var user = {
- nickName: result.data.nickName,
- portrait: result.data.portrait,
- saveMoney: '楼' + result.data.saveMoney,
- earnMoney: '楼' + result.data.earnMoney,
- viplogos: viplogos,
- nextlevel: nextlevel
- };
- app.user = user;
-
- var progress = {
- finishFanliOrder: parseInt(result.data.doneZiGou),
- totalFanliOrder: parseInt(result.data.limitZiGou),
- finishShareOrder: parseInt(result.data.doneShare),
- totalShareOrder: parseInt(result.data.limitShare),
- finishDirectFans: parseInt(result.data.doneFirst),
- finishInDirectFans: parseInt(result.data.doneSecond),
- totalDirectFans: parseInt(result.data.limitFirst),
- totalInDirectFans: parseInt(result.data.limitSecond),
- nextLevelProgress: nextLevelProgress
- };
- app.progress = progress;
-
- app.quanYiList = qylist;
-
- app.ruleLink = result.data.ruleLink;
- app.level = level;
- app.tearcherTip = result.data.tearcherTip;
- app.tearcherWX = result.data.tearcherTip;
- app.newerGongLue = result.data.newerGongLue;
-
- master = app.master;
- master.platformSubsidy = result.data.master.platformSubsidy;
- master.school = result.data.master.school;
- master.teamSubsidy = result.data.master.teamSubsidy;
- master.teamReward = result.data.master.teamReward;
- app.master = master;
-
- vip1 = app.vip1;
- vip1.platformSubsidy = result.data.vip1.platformSubsidy;
- vip1.school = result.data.vip1.school;
- vip1.teamSubsidy = result.data.vip1.teamSubsidy;
- vip1.teamReward = result.data.vip1.teamReward;
- app.vip1 = vip1;
-
- vip2 = app.vip2;
- vip2.platformSubsidy = result.data.vip2.platformSubsidy;
- vip2.school = result.data.vip2.school;
- vip2.teamSubsidy = result.data.vip2.teamSubsidy;
- vip2.teamReward = result.data.vip2.teamReward;
- app.vip2 = vip2;
-
- vip3 = app.vip3;
- vip3.platformSubsidy = result.data.vip3.platformSubsidy;
- vip3.school = result.data.vip3.school;
- vip3.teamSubsidy = result.data.vip3.teamSubsidy;
- vip3.teamReward = result.data.vip3.teamReward;
- app.vip3 = vip3;
-
- } else {
- yesApp.toast(result.msg);
- }
- },
- fail: function(e) {
- yesApp.hideLoading();
- }
- });
- } catch (e) {}
- }
- fetchData();
-
- function applyVip() {
- yesApp.showLoading();
- var params = yesApp.getRequestBaseParams({
- uid: yesApp.getUid()
- });
- try {
- $.ajax({
- type: "GET",
- data: JSON.parse(params),
- url: host + '/fanli/api/v2/user/applyVip', //getHttp() 'http://192.168.1.122:8080/fanli'
- dataType: "jsonp",
- async: false,
- success: function(result) {
- yesApp.hideLoading();
- if (result.code == 0) {
- yesApp.toast('瀹℃牳灏嗗湪48灏忔椂鍐呭畬鎴�');
- app.user.nextlevel = '瀹℃牳灏嗗湪48灏忔椂鍐呭畬鎴�';
-
- } else {
- yesApp.toast(result.msg);
- }
- },
- fail: function(e) {
- yesApp.hideLoading();
- }
- });
- } catch (e) {}
- }
- });
- </script>
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>鍗囩骇浼氬憳</title>
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+ <link rel="stylesheet" type="text/css" href="./css/stylesheet.css" />
+ <script>
+ window.onresize = function() {
+ document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
+ };
+ window.onresize();
+ </script>
+ <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+ <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
+ </head>
+ <body>
+ <div id="root" style="display: none;">
+ <div class="div_topbg">
+ <div @click="touchRuleLink" class="div_rule">鍗囩骇瑙勫垯</div>
+
+ <div class="div_img_header">
+ <img :src="user.portrait">
+ </div>
+
+ <div class="div_name">{{user.nickName}}</div>
+
+ <div class="div_viplogos"><img :src="user.viplogos"></div>
+
+ <div class="div_contactmentor_upgrademember_bg">
+ <div class="div_contactmentor" @click="contactmentor">
+ 鑱旂郴瀵煎笀
+ </div>
+
+ <div class="div_upgrademember" @click="upgrademember">
+ {{user.nextlevel}}
+ </div>
+ </div>
+ </div>
+ <!-- 閿欒繃鐪佽禋 -->
+ <div class="div_img_provinceearn">
+ <img src="img/cut.png">
+ </div>
+ <div class="div_provinceearn">
+ <div class="div_sehnzhuan">
+ <p v-if="vip==false">閿欒繃鐪佽禋</p>
+ <p v-else>璧氱渷缁熻</p>
+ </div>
+
+ <div class="div_provinceearn_yellowbg">
+ <div v-if="vip==false" class="div_provinceearn_title">鏈崌绾ц秴绾т細鍛�</div>
+ <div v-else class="div_provinceearn_title">鎮ㄥ凡缁忔槸瓒呯骇浼氬憳</div>
+ <div class="div_provinceearn_botom">
+ <div class="div_provinceearn_savemoney">
+ <div class="provinceearn_savemoney_Title" v-if="vip==false">
+ 灏戠渷閽�
+ </div>
+ <div class="provinceearn_savemoney_Title" v-else>
+ 鍏辩渷閽�
+ </div>
+
+ <div class="provinceearn_savemoney_SubTitle">
+ {{user.saveMoney}}
+ </div>
+ </div>
+ <div class="div_provinceearn_line">
+
+ </div>
+ <div class="div_provinceearn_makemoney">
+ <div class="provinceearn_makemoney_Title" v-if="vip==false">
+ 灏戣禋閽�
+ </div>
+ <div class="provinceearn_makemoney_Title" v-else>
+ 鍏辫禋閽�
+ </div>
+
+ <div class="provinceearn_makemoney_SubTitle">
+ {{user.earnMoney}}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 鍗囩骇杩涘害 -->
+ <div class="div_upgradeprogress" v-if="show">
+ <div class="div_upgradeprogress_whitebg">
+ <div class="div_upgradeprogress_top">
+ <div class="div_upgradeprogress_title">
+ 鍗囩骇杩涘害
+ </div>
+ <div class="div_upgradeprogress_desc">
+ 鍏嶈垂鍗囩骇 闃舵鎴愰暱 鏉冪泭鍊嶅
+ </div>
+ </div>
+ <div>
+ <div class="" style="display: flex; justify-content: space-between;">
+ <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
+ 杩斿埄璁㈠崟锛�
+ </div>
+ <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
+ {{progress.finishFanliOrder}}/{{progress.totalFanliOrder}}绗�
+ </div>
+ </div>
+ <div class="div_upgradeprogress_small_bg">
+ <div class="div_upgradeprogress_small" :style="{'width':finishFanliOrderProgress}">
+ </div>
+ </div>
+ </div>
+ <div>
+ <div class="" style="display: flex; justify-content: space-between;">
+ <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
+ 鍒嗕韩璁㈠崟锛�
+ </div>
+ <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
+ {{progress.finishShareOrder}}/{{progress.totalShareOrder}}绗�
+ </div>
+ </div>
+ <div class="div_upgradeprogress_small_bg">
+ <div class="div_upgradeprogress_small" :style="{'width':finishShareOrderProgress}">
+ </div>
+ </div>
+ </div>
+ <div>
+ <div class="" style="display: flex; justify-content: space-between;">
+ <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
+ 鐩存帴+闂存帴绮変笣锛�
+ </div>
+ <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
+ {{progress.finishDirectFans}}+{{progress.finishInDirectFans}}/{{progress.totalDirectFans}}+{{progress.totalInDirectFans}}浜�
+ </div>
+ </div>
+ <div class="div_upgradeprogress_small_bg">
+ <div class="div_upgradeprogress_small" :style="{'width':finishFansProgress}">
+ </div>
+ </div>
+ </div>
+ <div class="div_progress_condition">
+ <div class="div_horn">
+ <img src="./img/icon_horn.png">
+ </div>
+ <div class="progress_condition">
+ 浠ヤ笂涓夌鏉′欢鍦ㄤ换鎰忎竴绉嶆弧瓒冲嵆鍙嚜鍔ㄥ崌绾т负銆恵{progress.nextLevelProgress}}銆�
+ </div>
+ </div>
+ <div class="progress_condition_desc">
+ 1.杩斿埄/鍒嗕韩璁㈠崟銆佺洿鎺�/闂存帴绮変笣閮芥槸浠庢敞鍐屾澘鏍楀揩鐪佹棩璧峰紑濮嬬粺璁★紱<br>
+ 2.瀹炰粯娆锯墺1鍏冪殑璁㈠崟涓烘湁鏁堝彲琚粺璁¤鍗曪紱<br>
+ 3.鑷冲皯浜х敓杩�1绗斿垎浜垨杩斿埄璁㈠崟鐨勭矇涓濅负鏈夋晥鍙缁熻绮変笣锛堥��娆句负澶辨晥锛夛紱
+ </div>
+ </div>
+ </div>
+ <!-- 浼氬憳鏉冪泭 -->
+ <div class="div_quanyi_headerbg">
+ <div class="quanyi_headerbg_bg">
+ <div class="quanyi_headerbg_title">
+ 浼氬憳闃舵鏉冪泭
+ </div>
+ <div class="quanyi_headerbg_desc">
+ 鍗囩骇鎴愯秴绾т細鍛� 璧氱渷鏉冪泭浜笉鍋�
+ </div>
+ </div>
+ <div class="div_quanyi_title">
+ <div class="div_quanyi_actived" @click="clickactived" :style="bgColor.styleactived">
+ 蹇渷杈句汉
+ </div>
+ <div class="div_quanyi_vipPre1" @click="clickvipPre1" :style="bgColor.stylevipPre1">
+ 鏅�氫細鍛�
+ </div>
+ <div class="div_quanyi_vipPre2" @click="clickvipPre2" :style="bgColor.stylevipPre2">
+ 楂樼骇浼氬憳
+ </div>
+ <div class="div_quanyi_vip" @click="clickvip" :style="bgColor.stylevip">
+ 瓒呯骇浼氬憳
+ </div>
+ </div>
+ </div>
+ <div class="div_quanyi">
+ <div class="div_items" v-for="(item, index) in quanYiList">
+ <img v-bind:src="item.img" style="width:1.3rem;height: 1.29rem;">
+ <div class="title">
+ {{item.title}}
+ </div>
+ <div class="subtitle" v-html="item.subTitle">
+ {{item.subTitle}}
+ </div>
+ </div>
+ </div>
+ <div style="height: 0.46rem; background-color: #333333;"></div>
+ <!-- 閭�璇峰ソ鍙� -->
+ <div class="div_invite_friend">
+ <div class="invite_friend_title_bg">
+ <div>閭�璇峰ソ鍙�</div>
+ </div>
+ <div>
+ <div class="invite_content_bg">
+ <img src="img/icon_miandan.png">
+ <div class="invite_text_bg">
+ <div class="invite_text_title">
+ 璧犻�佸厤鍗曞埜
+ </div>
+ <div class="invite_text_desc">
+ 璁╁ソ鍙嬪彲浠ュ厤鍗�
+ </div>
+ </div>
+ <div @click="invite(0)" class="div_invite_share">
+ 鍘婚個璇�
+ </div>
+ </div>
+ </div>
+ <div>
+ <div class="invite_content_bg">
+ <img src="img/icon_fanli_.png">
+ <div class="invite_text_bg">
+ <div class="invite_text_title">
+ 杩斿埄濂栧姳鍒�
+ </div>
+ <div class="invite_text_desc">
+ 璁╁ソ鍙嬭繑鍒╄鍗曪紝杩斿埄鍐嶈繑30%浠ヤ笂
+ </div>
+ </div>
+ <div @click="invite(1)" class="div_invite_share">
+ 鍘婚個璇�
+ </div>
+ </div>
+ </div>
+ <div>
+ <div class="invite_content_bg">
+ <img src="img/icon_hongbao.png">
+ <div class="invite_text_bg">
+ <div class="invite_text_title">
+ 绾㈠寘
+ </div>
+ <div class="invite_text_desc">
+ 璁╁ソ鍙嬭幏寰楃孩鍖咃紝鍙彁鐜板璐墿
+ </div>
+ </div>
+ <div @click="invite(2)" class="div_invite_share">
+ 鍘婚個璇�
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 璧氱渷瀵规瘮 -->
+ <div class="div_makesave_contrast">
+ <div class="makesave_contrast_head_bg">
+ <div>璧氱渷瀵规瘮</div>
+ </div>
+ <div class="makesave_contrast_headdesc_bg">
+ <p>璧氱渷鏉冪泭</p>
+ <p>蹇渷杈句汉</p>
+ <p>瓒呯骇浼氬憳</p>
+ </div>
+ <div class="makesave_contrast_body_bg">
+ <div class="makesave_contrast_body_title">
+ <img src="img/icon_fanli.png">
+ <div>鑷喘杩斿埄</div>
+ </div>
+ <div class="makesave_contrast_desc">
+ <div class="makesave_contrast_desc1">
+ 锟�100+楼52.5
+ </div>
+ <div class="makesave_contrast_desc2">
+ 浣ｉ噾+骞冲彴琛ヨ创
+ </div>
+ </div>
+ <div class="makesave_contrast_desc">
+ <div class="makesave_contrast_desc1">
+ 锟�100+楼115
+ </div>
+ <div class="makesave_contrast_desc2">
+ 浣ｉ噾+骞冲彴琛ヨ创
+ </div>
+ </div>
+ </div>
+ <div class="makesave_contrast_body_bg">
+ <div class="makesave_contrast_body_title">
+ <img src="img/icon_jiangjin.png">
+ <div>鍒嗕韩濂栭噾</div>
+ </div>
+ <div class="makesave_contrast_desc">
+ <div class="makesave_contrast_desc1">
+ 锟�100+楼52.5
+ </div>
+ <div class="makesave_contrast_desc2">
+ 浣ｉ噾+骞冲彴琛ヨ创
+ </div>
+ </div>
+ <div class="makesave_contrast_desc">
+ <div class="makesave_contrast_desc1">
+ 锟�100+楼115
+ </div>
+ <div class="makesave_contrast_desc2">
+ 浣ｉ噾+骞冲彴琛ヨ创
+ </div>
+ </div>
+ </div>
+ <div class="makesave_contrast_body_bg">
+ <div class="makesave_contrast_body_title">
+ <img src="img/icon_butie.png">
+ <div>鍥㈤槦琛ヨ创</div>
+ </div>
+ <div class="makesave_contrast_butie_desc1">
+ ---
+ </div>
+ <div class="makesave_contrast_butie_desc2">
+ 鐩存帴绮変笣+楼22.5<br />
+ 闂存帴绮変笣+锟�7.5
+ </div>
+ </div>
+ </div>
+ <!-- 甯歌闂 -->
+ <div class="div_common_problem">
+ <div class="div_common_problem_header">
+ <div>甯歌闂</div>
+ </div>
+ <div style="height: 0.08rem;"></div>
+ <div class="div_common_problem_selct">
+ Q锛氳繑鍒╃湡鐨勯珮锛�<br />
+ A锛氬叏缃戠◢寰姣旂爺绌朵竴涓嬪氨鐭ラ亾鍜瘇
+ </div>
+ <div class="div_common_problem_normol">
+ Q锛�30寮犲鍔卞埜鎬庝箞鐢紵<br />
+ A锛氬鍔卞埜鏄個璇峰埄鍣ㄥ摝锛屽姪鍔涗綘閭�璇峰ソ鍙�
+ </div>
+ <div class="div_common_problem_selct">
+ Q锛氬洟闃熻ˉ璐村彧鏈夎繘鍏ヨ秴绾т細鍛榁1闃舵鍚庢墠鏈夛紵<br />
+ A锛氭槸鐨勶紒
+ </div>
+ <div class="div_common_problem_normol">
+ Q:鎴愪负瓒呯骇浼氬憳涓変釜鏉′欢閮借婊¤冻鍚楋紵<br />
+ A:涓嶆槸锛屼粎闇�婊¤冻鍏朵腑涓�涓潯浠跺嵆鍙��
+ </div>
+ <div class="div_common_problem_selct">
+ Q:杈惧埌瓒呯骇浼氬憳V1闃舵浼氳嚜鍔ㄥ崌绾ф潈鐩婂悧锛�<br />
+ A:浼氾紝婊¤冻V1銆乂2绯荤粺鑷姩鍗囩骇鍒板搴旀潈鐩娿��
+ </div>
+ <div class="div_common_problem_normol_1">
+ Q:杈惧埌瓒呯骇浼氬憳V3闃舵浼氳嚜鍔ㄥ崌绾ф潈鐩婂悧锛�<br />
+ A:涓嶄細锛岄渶瑕佹墜鍔ㄧ敵璇峰鏍搁�氳繃鍚庢垚涓鸿秴绾т細鍛樸��
+ </div>
+ <div class="div_common_problem_normol_2">
+ Q:鍙湁鑷繁鎴愪负瓒呯骇浼氬憳鍚庢墠鍙互鍩瑰吇瓒呯骇浼氬憳
+ 鍚楋紵<br />
+ A:鏄殑銆�
+ </div>
+ <div class="div_common_problem_normol">
+ Q:鎴戜笉浼氬煿鍏昏秴绾т細鍛樻�庝箞鍔烇紵<br />
+ A:涓嶇敤鎷呭績锛屽湪鎴戠殑-瀵煎笀寰俊涓庡叾鍙栧緱鑱旂郴銆�
+ </div>
+ <div class="div_common_problem_normol_3">
+ <div style="height: 1.0E-5rem;">
+ </div>
+ <div style="margin-top: 0.22rem;">
+ Q锛氳繕鏈夎秴绾т細鍛樼浉鍏抽棶棰橈紵<br />
+ A锛氳鏌ョ湅鏈〉椤堕儴瓒呯骇浼氬憳鐩稿叧瑙勫垯锛屾垨<a href="javascript:void()" style="text-decoration: none;" @click="kefu">浜哄伐<br>瀹㈡湇</a>
+ </div>
+ </div>
+ </div>
+
+ <!--寮规 -->
+ <div class="dialogmask">
+ <div class="dialog">
+ <img src="img/icon_close.png" @click="hiddenDialog()">
+ <div class="title">hi,{{user.nickName}}</div>
+ <div class="content">{{tearcherTip}}</div>
+ <div class="dialogbutton">
+ <div class="div_NoviceStrategy" @click="noviceStrategy">
+ 鏂版墜鏀荤暐
+ </div>
+ <div class="div_TutorWeChat" @click="tutorWeChat">
+ 澶嶅埗瀵煎笀寰俊
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+ <tfoot>
+ <div class="div_banlilogo">
+ <img src="img/logo.png">
+ <div>鏉挎牀蹇渷瀹樻柟绂忓埄</div>
+ </div>
+ </tfoot>
+
+ <script type="text/javascript">
+ $(function() {
+ var host = "http://api.flqapp.com";
+ var app = new Vue({
+ el: "#root",
+ data: {
+ show: true,
+ vip: false,
+ ruleLink: '',
+ level: '',
+ tearcherTip: '',
+ tearcherWX: '',
+ newerGongLue: '',
+ user: {
+ nickName: '',
+ savemoneytitle: '',
+ makemoneytitle: '',
+ saveMoney: '楼0',
+ earnMoney: '楼0',
+ viplogos: '',
+ nextlevel: ''
+ },
+ progress: {
+ finishFanliOrder: '',
+ totalFanliOrder: '',
+ finishShareOrder: '',
+ totalShareOrder: '',
+ finishDirectFans: '',
+ finishInDirectFans: '',
+ totalDirectFans: '',
+ totalInDirectFans: '',
+ nextLevelProgress: ''
+ },
+ master: {
+ platformSubsidy: '',
+ school: '',
+ teamSubsidy: '',
+ teamReward: ''
+ },
+ vip1: {
+ platformSubsidy: '',
+ school: '',
+ teamSubsidy: '',
+ teamReward: ''
+ },
+ vip2: {
+ platformSubsidy: '',
+ school: '',
+ teamSubsidy: '',
+ teamReward: ''
+ },
+ vip3: {
+ platformSubsidy: '',
+ school: '',
+ teamSubsidy: '',
+ teamReward: ''
+ },
+ quanYiList: [{
+ img: 'img/qy_mfcoupon.png',
+ title: '鍏嶈垂棰嗗埜',
+ subTitle: '鐙闅愯棌浼樻儬鍒�',
+ }, {
+ img: 'img/qy_yongjin.png',
+ title: '鍟嗗搧浣ｉ噾',
+ subTitle: '璐墿涓嬪崟绔嬪嵆杩斾剑',
+ }, {
+ img: 'img/qy_insidy.png',
+ title: '骞冲彴琛ヨ创',
+ subTitle: '琛ヨ创杩斾剑115%',
+ }, {
+ img: 'img/qy_sharebonus.png',
+ title: '鍒嗕韩濂栭噾',
+ subTitle: '濂藉弸棰嗗埜瀹樻柟濂栭噾',
+ }, {
+ img: 'img/qy_teambonus.png',
+ title: '鍥㈤槦濂栭噾',
+ subTitle: '濂藉弸涓嬪崟瀹樻柟濂栭噾',
+ }, {
+ img: 'img/qy_tixian.png',
+ title: '鎻愮幇鏃犲咖',
+ subTitle: '鏃犻棬妲涘噯鏃惰揪',
+ }, {
+ img: 'img/qy_newmiandan.png',
+ title: '鏂颁汉鍏嶅崟',
+ subTitle: '0鍏冭喘涔拌繕鏈夎繑鍒�',
+ }, {
+ img: 'img/qy_invitefriend.png',
+ title: '閭�璇峰ソ鍙�',
+ subTitle: '璧�40鍏冪幇閲戠孩鍖�',
+ }, {
+ img: 'img/qy_tutor.png',
+ title: '涓撳睘瀵煎笀',
+ subTitle: '璺熺潃澶х墰瀛﹁禋鐪�',
+ }, {
+ img: 'img/qy_jinbichange.png',
+ title: '閲戝竵鍏戞崲',
+ subTitle: '鎯婂枩涓嶅仠娴烽噺濂栧搧',
+ }, {
+ img: 'img/qy_train.png',
+ title: '璧氱渷鍩硅',
+ subTitle: '鏉挎牀瀛﹂櫌[瓒呯骇鐝璢',
+ }, {
+ img: 'img/qy_zhichi.png',
+ title: '鐗╂枡鏀寔',
+ subTitle: '鎺ㄥ箍鏂囨杩愯惀鐗╂枡',
+ }, {
+ img: 'img/qy_teamsubsidy_normol.png',
+ title: '鍥㈤槦琛ヨ创',
+ subTitle: '浼氬憳涓撳睘鏈�楂�22.5%',
+ }, {
+ img: 'img/qy_jinbi_normol.png',
+ title: '璧犻�侀噾甯�',
+ subTitle: '绯荤粺璧犻��3000鏋�',
+ }, {
+ img: 'img/qy_fanlicoupon_normol.png',
+ title: '杩斿埄濂栧姳鍒�',
+ subTitle: '绯荤粺璧犻��30寮�',
+ }, {
+ img: 'img/qy_teamaward_normol.png',
+ title: '鍥㈤槦濂栧姳',
+ subTitle: '鏈�楂�40%',
+ }, {
+ img: 'img/qy_miandan_normol.png',
+ title: '璧犻�佸厤鍗曞埜',
+ subTitle: '绯荤粺璧犻��5寮�',
+ }, {
+ img: 'img/qy_becommentor_normol.png',
+ title: '鎴愪负瀵煎笀',
+ subTitle: '鑾峰甯堝唴閭�鍚嶉',
+ }],
+
+ bgColor: {
+ styleactived: {
+ backgroundColor: ''
+ },
+ stylevipPre1: {
+ backgroundColor: ''
+ },
+ stylevipPre2: {
+ backgroundColor: ''
+ },
+ stylevip: {
+ backgroundColor: ''
+ }
+ }
+ },
+ watch: {
+ user: function(val) {
+ $("#root").css("display", "block");
+ yesApp.hideLoading();
+ }
+ },
+ methods: {
+ contactmentor: function() {
+ this.showDialog();
+ },
+ upgrademember: function() {
+ if (this.level == 'actived') {
+ yesApp.toast('鏆傛湭婊¤冻鍗囩骇鏉′欢')
+
+ } else if (this.level == 'vipPre1') {
+ yesApp.toast('鏆傛湭婊¤冻鍗囩骇鏉′欢')
+
+ } else if (this.level == 'vipPre2') {
+ applyVip()
+
+ } else if (this.level == 'vipApply') {
+
+ } else if (this.level == 'vip') {
+
+ } else if (this.level == 'tearcherApply') {
+
+ } else if (this.level == 'tearcher') {
+
+ } else {
+
+ }
+ },
+ kefu: function() {
+ yesApp.jumpWeb("http://apph5.banliapp.com/AppInside/kefu/index.html", null);
+ },
+ touchRuleLink: function() {
+ if (this.ruleLink.length == 0 || this.ruleLink.length == null) {
+ yesApp.toast('鏈缃摼鎺�');
+ return;
+ }
+ yesApp.jumpWeb(this.ruleLink, null);
+ },
+
+ invite: function(type) {
+ if (type == 0 || type == 1) {
+ app.jumpFuLiCenter();
+ } else {
+ app.jumpHongBaoBalance();
+ }
+ },
+
+ jumpFuLiCenter: function() { //绂忓埄涓績
+ yesApp.jumpPage({
+ activity: 'com.yeshi.ec.rebate.myapplication.ui.mine.WelfareCenterActivity',
+ controller: 'WelfareCenterController'
+ }, {});
+ },
+ jumpHongBaoBalance: function() { //绾㈠寘浣欓
+ yesApp.jumpPage({
+ activity: 'com.yeshi.ec.rebate.myapplication.ui.mine.PromotionRedenvelopeActivity',
+ controller: 'RedEnvelopeController'
+ }, {});
+ },
+ showDialog: function() {
+ $('.dialogmask').css('display', 'block')
+ },
+ hiddenDialog: function() {
+ $('.dialogmask').css('display', 'none')
+ },
+
+ noviceStrategy: function() {
+ yesApp.jumpWeb(this.newerGongLue, null)
+ },
+
+ tutorWeChat: function() {
+ yesApp.copyText(app.tearcherWX + '')
+ yesApp.toast('澶嶅埗鎴愬姛')
+ this.hiddenDialog();
+ },
+
+ clickactived: function() {
+ var bgColor = this.bgColor;
+ var qylist = this.quanYiList;
+
+ bgColor.styleactived.backgroundColor = '#333333';
+ bgColor.stylevipPre1.backgroundColor = '#151313';
+ bgColor.stylevipPre2.backgroundColor = '#151313';
+ bgColor.stylevip.backgroundColor = '#151313';
+
+ qylist[12].img = 'img/qy_teamsubsidy_normol.png';
+ qylist[13].img = 'img/qy_jinbi_normol.png';
+ qylist[14].img = 'img/qy_fanlicoupon_normol.png';
+ qylist[15].img = 'img/qy_teamaward_normol.png';
+ qylist[16].img = 'img/qy_miandan_normol.png';
+ qylist[17].img = 'img/qy_becommentor_normol.png';
+
+ qylist[2].subTitle = this.master.platformSubsidy;
+ qylist[10].subTitle = this.master.school;
+ qylist[12].subTitle = this.master.teamSubsidy;
+ qylist[15].subTitle = this.master.teamReward;
+
+ app.bgColor = bgColor;
+ app.quanYiList = qylist
+ },
+ clickvipPre1: function() {
+ var bgColor = app.bgColor;
+ var qylist = app.quanYiList;
+
+ bgColor.styleactived.backgroundColor = '#151313';
+ bgColor.stylevipPre1.backgroundColor = '#333333';
+ bgColor.stylevipPre2.backgroundColor = '#151313';
+ bgColor.stylevip.backgroundColor = '#151313';
+
+ qylist[12].img = 'img/qy_teamsubsidy_select.png';
+ qylist[13].img = 'img/qy_jinbi_select.png';
+ qylist[14].img = 'img/qy_fanlicoupon_normol.png';
+ qylist[15].img = 'img/qy_teamaward_normol.png';
+ qylist[16].img = 'img/qy_miandan_normol.png';
+ qylist[17].img = 'img/qy_becommentor_normol.png';
+
+ qylist[2].subTitle = this.vip1.platformSubsidy;
+ qylist[10].subTitle = this.vip1.school;
+ qylist[12].subTitle = this.vip1.teamSubsidy;
+ qylist[15].subTitle = this.vip1.teamReward;
+
+ app.bgColor = bgColor;
+ app.quanYiList = qylist
+ },
+ clickvipPre2: function() {
+ var bgColor = app.bgColor;
+ var qylist = app.quanYiList;
+
+ bgColor.styleactived.backgroundColor = '#151313';
+ bgColor.stylevipPre1.backgroundColor = '#151313';
+ bgColor.stylevipPre2.backgroundColor = '#333333';
+ bgColor.stylevip.backgroundColor = '#151313';
+
+ qylist[12].img = 'img/qy_teamsubsidy_select.png';
+ qylist[13].img = 'img/qy_jinbi_select.png';
+ qylist[14].img = 'img/qy_fanlicoupon_select.png';
+ qylist[15].img = 'img/qy_teamaward_normol.png';
+ qylist[16].img = 'img/qy_miandan_normol.png';
+ qylist[17].img = 'img/qy_becommentor_normol.png';
+
+ qylist[2].subTitle = this.vip2.platformSubsidy;
+ qylist[10].subTitle = this.vip2.school;
+ qylist[12].subTitle = this.vip2.teamSubsidy;
+ qylist[15].subTitle = this.vip2.teamReward;
+
+ app.bgColor = bgColor;
+ app.quanYiList = qylist
+ },
+ clickvip: function() {
+ var bgColor = app.bgColor;
+ var qylist = app.quanYiList;
+
+ bgColor.styleactived.backgroundColor = '#151313';
+ bgColor.stylevipPre1.backgroundColor = '#151313';
+ bgColor.stylevipPre2.backgroundColor = '#151313';
+ bgColor.stylevip.backgroundColor = '#333333';
+
+ qylist[12].img = 'img/qy_teamsubsidy_select.png';
+ qylist[13].img = 'img/qy_jinbi_select.png';
+ qylist[14].img = 'img/qy_fanlicoupon_select.png';
+ qylist[15].img = 'img/qy_teamaward_select.png';
+ qylist[16].img = 'img/qy_miandan_select.png';
+ qylist[17].img = 'img/qy_becommentor_select.png';
+
+ qylist[2].subTitle = this.vip3.platformSubsidy;
+ qylist[10].subTitle = this.vip3.school;
+ qylist[12].subTitle = this.vip3.teamSubsidy;
+ qylist[15].subTitle = this.vip3.teamReward;
+
+ app.bgColor = bgColor;
+ app.quanYiList = qylist
+ },
+ },
+ computed: {
+ finishFanliOrderProgress: function() {
+ var tempFinishFanliOrder = null;
+ if (parseInt(this.progress.finishFanliOrder) > parseInt(this.progress.totalFanliOrder)) {
+ tempFinishFanliOrder = this.progress.totalFanliOrder;
+
+ } else {
+ tempFinishFanliOrder = this.progress.finishFanliOrder;
+ }
+ if (((576 / this.progress.totalFanliOrder) * tempFinishFanliOrder * 0.01) <= 0.24) {
+ return '0.24rem'
+
+ } else {
+ return (576 / this.progress.totalFanliOrder) * tempFinishFanliOrder * 0.01 + 'rem'
+ }
+ },
+
+ finishShareOrderProgress: function() {
+ var tempFinishShareOrder = null;
+ if (parseInt(this.progress.finishShareOrder) > parseInt(this.progress.totalShareOrder)) {
+ tempFinishShareOrder = this.progress.totalShareOrder;
+
+ } else {
+ tempFinishShareOrder = this.progress.finishShareOrder;
+ }
+ if (((576 / this.progress.totalShareOrder) * tempFinishShareOrder * 0.01) <= 0.24) {
+ return '0.24rem'
+
+ } else {
+ return (576 / this.progress.totalShareOrder) * tempFinishShareOrder * 0.01 + 'rem'
+ }
+ },
+
+ finishFansProgress: function() {
+ var tempFinishDirectFans = null;
+ var tempFinishInDirectFans = null;
+
+ if (parseInt(this.progress.finishDirectFans) > parseInt(this.progress.totalDirectFans)) {
+ tempFinishDirectFans = this.progress.totalDirectFans;
+
+ } else {
+ tempFinishDirectFans = this.progress.finishDirectFans;
+ }
+ if (parseInt(this.progress.finishInDirectFans) > parseInt(this.progress.totalInDirectFans)) {
+ tempFinishInDirectFans = this.progress.totalInDirectFans;
+
+ } else {
+ tempFinishInDirectFans = this.progress.finishInDirectFans;
+ }
+ if ((((576 / 2 / this.progress.totalDirectFans * tempFinishDirectFans) + (576 / 2 / this.progress.totalInDirectFans *
+ tempFinishInDirectFans)) * 0.01) <= 0.24) {
+ return '0.24rem'
+
+ } else {
+ return ((576 / 2 / this.progress.totalDirectFans * tempFinishDirectFans) + (576 / 2 / this.progress.totalInDirectFans *
+ tempFinishInDirectFans)) * 0.01 + 'rem'
+ }
+ }
+ }
+ });
+
+ function fetchData() {
+ yesApp.showLoading();
+ var params = yesApp.getRequestBaseParams({
+ uid: yesApp.getUid()
+ });
+ // 浼氬憳绛夌骇
+ var level = null;
+ var viplogos = null;
+ var nextlevel = null;
+ var nextLevelProgress = null;
+ var supVip = false;
+ var platformSubsidy = null;
+ var school = null;
+ var teamSubsidy = null;
+ var teamReward = null;
+ var master = null;
+ var vip1 = null;
+ var vip2 = null;
+ var vip3 = null;
+ try {
+ $.ajax({
+ type: "GET",
+ data: JSON.parse(params),
+ url: 'http://192.168.1.253:8080' + '/fanli/api/v2/user/getVIPInfoV2', //getHttp() 'http://192.168.1.122:8080/fanli'
+ dataType: "jsonp",
+ async: false,
+ success: function(result) {
+ if (result.code == 0) {
+ level = result.data.level;
+
+ var qylist = app.quanYiList;
+
+ if (level === 'actived') {
+ viplogos = 'img/icon_actived.png';
+ nextlevel = '鍗囩骇鏅�氫細鍛�';
+ nextLevelProgress = '鏅�氫細鍛�';
+ supVip = false;
+
+ app.bgColor.styleactived.backgroundColor = '#333333';
+
+ platformSubsidy = result.data.master.platformSubsidy;
+ school = result.data.master.school;
+ teamSubsidy = result.data.master.teamSubsidy;
+ teamReward = result.data.master.teamReward;
+
+ } else if (level === 'vipPre1') {
+ viplogos = 'img/icon_vipPre1.png';
+ nextlevel = '鍗囩骇楂樼骇浼氬憳';
+ nextLevelProgress = '楂樼骇浼氬憳';
+ supVip = false;
+
+ app.bgColor.stylevipPre1.backgroundColor = '#333333';
+
+ platformSubsidy = result.data.vip1.platformSubsidy;
+ school = result.data.vip1.school;
+ teamSubsidy = result.data.vip1.teamSubsidy;
+ teamReward = result.data.vip1.teamReward;
+
+ qylist[12].img = 'img/qy_teamsubsidy_select.png';
+ qylist[13].img = 'img/qy_jinbi_select.png';
+
+ } else if (level === 'vipPre2') {
+ viplogos = 'img/icon_vipPre2.png';
+ nextlevel = '鍗囩骇瓒呯骇浼氬憳';
+ nextLevelProgress = '瓒呯骇浼氬憳';
+ supVip = false;
+
+ app.bgColor.stylevipPre2.backgroundColor = '#333333';
+
+ platformSubsidy = result.data.vip2.platformSubsidy;
+ school = result.data.vip2.school;
+ teamSubsidy = result.data.vip2.teamSubsidy;
+ teamReward = result.data.vip2.teamReward;
+
+ qylist[12].img = 'img/qy_teamsubsidy_select.png';
+ qylist[13].img = 'img/qy_jinbi_select.png';
+ qylist[14].img = 'img/qy_fanlicoupon_select.png';
+
+ } else if (level === 'vipApply') {
+ viplogos = 'img/icon_vip_invalid.png';
+ nextlevel = '瀹℃牳灏嗗湪48灏忔椂鍐呭畬鎴�';
+ nextLevelProgress = '瓒呯骇浼氬憳';
+ supVip = false;
+
+ app.bgColor.stylevipPre2.backgroundColor = '#333333';
+
+ platformSubsidy = result.data.vip2.platformSubsidy;
+ school = result.data.vip2.school;
+ teamSubsidy = result.data.vip2.teamSubsidy;
+ teamReward = result.data.vip2.teamReward;
+
+ qylist[12].img = 'img/qy_teamsubsidy_select.png';
+ qylist[13].img = 'img/qy_jinbi_select.png';
+ qylist[14].img = 'img/qy_fanlicoupon_select.png';
+
+ } else if (level === 'vip' || level === 'tearcherApply' || level === 'tearcher') {
+
+ nextlevel = '鎴戞兂褰撳甯�';
+ nextLevelProgress = '瀵煎笀';
+ if (level === 'vip') {
+ viplogos = 'img/icon_vip.png';
+
+ } else if (level === 'tearcherApply') {
+ viplogos = 'img/icon_tearcher_normol.png';
+
+ } else if (level === 'tearcher') {
+ viplogos = 'img/icon_tearcher.png';
+ }
+
+ supVip = true;
+ app.show = false;
+
+ app.bgColor.stylevip.backgroundColor = '#333333';
+
+ platformSubsidy = result.data.vip3.platformSubsidy;
+ school = result.data.vip3.school;
+ teamSubsidy = result.data.vip3.teamSubsidy;
+ teamReward = result.data.vip3.teamReward;
+
+ qylist[12].img = 'img/qy_teamsubsidy_select.png';
+ qylist[13].img = 'img/qy_jinbi_select.png';
+ qylist[14].img = 'img/qy_fanlicoupon_select.png';
+ qylist[15].img = 'img/qy_teamaward_select.png';
+ qylist[16].img = 'img/qy_miandan_select.png';
+ qylist[17].img = 'img/qy_becommentor_select.png';
+ }
+ app.vip = supVip;
+
+ qylist[2].subTitle = platformSubsidy;
+ qylist[10].subTitle = school;
+ qylist[12].subTitle = teamSubsidy;
+ qylist[15].subTitle = teamReward;
+
+ var user = {
+ nickName: result.data.nickName,
+ portrait: result.data.portrait,
+ saveMoney: '楼' + result.data.saveMoney,
+ earnMoney: '楼' + result.data.earnMoney,
+ viplogos: viplogos,
+ nextlevel: nextlevel
+ };
+ app.user = user;
+
+ var progress = {
+ finishFanliOrder: parseInt(result.data.doneZiGou),
+ totalFanliOrder: parseInt(result.data.limitZiGou),
+ finishShareOrder: parseInt(result.data.doneShare),
+ totalShareOrder: parseInt(result.data.limitShare),
+ finishDirectFans: parseInt(result.data.doneFirst),
+ finishInDirectFans: parseInt(result.data.doneSecond),
+ totalDirectFans: parseInt(result.data.limitFirst),
+ totalInDirectFans: parseInt(result.data.limitSecond),
+ nextLevelProgress: nextLevelProgress
+ };
+ app.progress = progress;
+
+ app.quanYiList = qylist;
+
+ app.ruleLink = result.data.ruleLink;
+ app.level = level;
+ app.tearcherTip = result.data.tearcherTip;
+ app.tearcherWX = result.data.tearcherTip;
+ app.newerGongLue = result.data.newerGongLue;
+
+ master = app.master;
+ master.platformSubsidy = result.data.master.platformSubsidy;
+ master.school = result.data.master.school;
+ master.teamSubsidy = result.data.master.teamSubsidy;
+ master.teamReward = result.data.master.teamReward;
+ app.master = master;
+
+ vip1 = app.vip1;
+ vip1.platformSubsidy = result.data.vip1.platformSubsidy;
+ vip1.school = result.data.vip1.school;
+ vip1.teamSubsidy = result.data.vip1.teamSubsidy;
+ vip1.teamReward = result.data.vip1.teamReward;
+ app.vip1 = vip1;
+
+ vip2 = app.vip2;
+ vip2.platformSubsidy = result.data.vip2.platformSubsidy;
+ vip2.school = result.data.vip2.school;
+ vip2.teamSubsidy = result.data.vip2.teamSubsidy;
+ vip2.teamReward = result.data.vip2.teamReward;
+ app.vip2 = vip2;
+
+ vip3 = app.vip3;
+ vip3.platformSubsidy = result.data.vip3.platformSubsidy;
+ vip3.school = result.data.vip3.school;
+ vip3.teamSubsidy = result.data.vip3.teamSubsidy;
+ vip3.teamReward = result.data.vip3.teamReward;
+ app.vip3 = vip3;
+
+ } else {
+ yesApp.toast(result.msg);
+
+ }
+ },
+ fail: function(e) {
+ yesApp.hideLoading();
+ }
+ });
+ } catch (e) {}
+ }
+ fetchData();
+
+ function applyVip() {
+ yesApp.showLoading();
+ var params = yesApp.getRequestBaseParams({
+ uid: yesApp.getUid()
+ });
+ try {
+ $.ajax({
+ type: "GET",
+ data: JSON.parse(params),
+ url: host + '/fanli/api/v2/user/applyVip', //getHttp() 'http://192.168.1.122:8080/fanli'
+ dataType: "jsonp",
+ async: false,
+ success: function(result) {
+ yesApp.hideLoading();
+ if (result.code == 0) {
+ yesApp.toast('瀹℃牳灏嗗湪48灏忔椂鍐呭畬鎴�');
+ app.user.nextlevel = '瀹℃牳灏嗗湪48灏忔椂鍐呭畬鎴�';
+
+ } else {
+ yesApp.toast(result.msg);
+ }
+ },
+ fail: function(e) {
+ yesApp.hideLoading();
+ }
+ });
+ } catch (e) {}
+ }
+ });
+ </script>
</html>
--
Gitblit v1.8.0