修改整体颜色

刘淇
1 parent 555e2a0e
Showing 7 changed files with 62 additions and 26 deletions
src/utils/utils.js
src/views/binding/binDing.vue
src/views/cards/Cards.vue
src/views/cards/buyCard.vue
src/views/cards/renew.vue
src/views/mySelf/feedback/suggestionBack.vue
src/views/mySelf/selfNav.vue
@@ -209,7 +209,7 @@ export default {
       deviceInfo: this.myDeviceInfo,
       salt: salt,
       sign_type: "md5",
-      token: sessionStorage.getItem("wx_Token"),  //c23849735f3442f3b95f7bec816317ae   sessionStorage.getItem("wx_Token")
+      token:  sessionStorage.getItem("wx_Token"),  //c23849735f3442f3b95f7bec816317ae   sessionStorage.getItem("wx_Token")
       orgId: this.myOrgId
     };
     return reqData;
@@ -4,12 +4,12 @@
     <mt-field label="手机号" placeholder="请输入正确的手机号" type="tel" v-model="phone" :attr="{ maxlength: 13 }"></mt-field>
  
     <mt-field label="验证码" v-model="codeText">
-      <button class="getCode" @click="getCode" :disabled="disabled">{{btntxt}}
+      <button  class="getCode" @click="getCode" :disabled="disabled">{{btntxt}}
       </button>
     </mt-field>
  
     <div style="margin-top: 34px" class="leftRightPadding">
-      <mt-button type="danger" size="large" @click.native="bindphone">绑定</mt-button>
+      <mt-button type="primary" size="large" @click.native="bindphone">绑定</mt-button>
     </div>
   </div>
 </template>
@@ -148,7 +148,7 @@ export default {
     width: 120px;
     height: 48px;
     line-height: 48px;
-    background: #ef4f4f;
+    background: #26a2ff;
     color: #fff;
     text-align: center;
     border: 0;
@@ -44,7 +44,8 @@
  
  
     </div>
-    <x-button type="primary" @click.native="$router.push({path:'buyCard'})">购买会员卡</x-button>
+    <!--<x-button type="primary" ></x-button>-->
+    <mt-button type="primary" size="large" @click.native="$router.push({path:'buyCard'})">购买会员卡</mt-button>
   </div>
 </template>
  
@@ -45,9 +45,9 @@
       <li>
         <div style="color: #666">购买数量</div>
         <div class="choose-num">
-          <span @click="addCardNum">+</span>
-          <span>{{cardNum}}</span>
           <span @click="reduceCarNum">-</span>
+          <span>{{cardNum}}</span>
+          <span @click="addCardNum">+</span>
         </div>
       </li>
  
@@ -87,7 +87,7 @@
  
  
     <div style="margin-top: 34px" class="leftRightPadding">
-      <mt-button type="danger" size="large" @click="toPay">确定购买</mt-button>
+      <mt-button type="primary" size="large" @click="toPay">确定购买</mt-button>
     </div>
  
     <!-- @touchmove.prevent 阻止默认事件，在选择时间时阻止页面也跟着滚动-->
@@ -196,11 +196,11 @@ export default {
       carNumberVisible: false,
       parkMoreVisible: false,
       cardNum: 1, // 卡数量
-      unitPrice: 10, // 单价
-      disPrice: 9, // 优惠金额
-      needPay: 1, // 应付
+      unitPrice: 0, // 单价
+      disPrice: 0, // 优惠金额
+      needPay: 0, // 应付
       agreement: false,
-      typeNum: 1, // 卡类型判断
+      typeNum: 0, // 卡类型判断
       showHideOnBlur: false, // 购买协议
       createVipCardOrder: {}, // 创建订单对象
       orderId: "" // 订单号
@@ -274,7 +274,7 @@ export default {
     },
     // 打开时间选择器
     selectData() {
-      // this.dateVal = this.startData
+      this.dateVal = this.startData
       this.$refs["datePicker"].open();
       // console.log(this.startData)
       // this.endDate = this.startData.setMonth(this.startData.getMonth()+1)
@@ -302,6 +302,7 @@ export default {
       });
     },
     handleConfirm() {
+      console.log('11111');
       console.log(this.dateVal);
       this.startData = this.$utils.timestampToTime(this.dateVal);
       // this.endDate = this.dateVal.setMonth(this.dateVal.getMonth() + 1);
@@ -45,9 +45,9 @@
       <li>
         <div style="color: #666">购买数量</div>
         <div class="choose-num">
-          <span @click="addCardNum">+</span>
-          <span>{{cardNum}}</span>
           <span @click="reduceCarNum">-</span>
+          <span>{{cardNum}}</span>
+          <span @click="addCardNum">+</span>
         </div>
       </li>
  
@@ -79,7 +79,7 @@
  
  
     <div style="margin-top: 34px" class="leftRightPadding">
-      <mt-button type="danger" size="large" @click="toPay">确定购买</mt-button>
+      <mt-button type="primary" size="large" @click="toPay">确定购买</mt-button>
     </div>
  
  
@@ -268,7 +268,7 @@ export default {
       jsondata.terminalSource = "3"; // 请求端来源 1： 任你停 2：pda 3：微信公共号
       jsondata.paySource = "3";
       jsondata.couponPersonId = "";
-      jsondata.openId = 'o0Moh6eQhTm5bZVqT6wjdSUsZonM'; // o0Moh6eQhTm5bZVqT6wjdSUsZonM   sessionStorage.getItem("wx_openId")
+      jsondata.openId = sessionStorage.getItem("wx_openId"); // o0Moh6eQhTm5bZVqT6wjdSUsZonM   sessionStorage.getItem("wx_openId")
       jsondata.sign = this.$utils.signObject(jsondata);
       weixinpay(jsondata).then(res => {
         console.log(data);
@@ -17,7 +17,7 @@
     <mt-field label="" placeholder="请详细描述反馈问题，或提出改进建议。（300字以内）" type="textarea" rows="4" v-model.trim="introduction" :attr="{ maxlength: 300 }"></mt-field>
  
     <div  style="margin-top: 34px">
-      <mt-button type="danger" size="large" @click="saveHandle">提交</mt-button>
+      <mt-button type="primary" size="large" @click="saveHandle">提交</mt-button>
     </div>
   </div>
 </template>
 <template>
   <div>
     <div class="person-bg">
+
+      <svg class="demo__top-svgBg" viewBox="0 0 366 256">
+        <g class="svgBg__objects">
+          <path class="svgBg__bg svgBg__bg1" fill="#86D7DB" d="M0,143 88,107 224,153 348,109 366,123 366,256 0,256z" />
+          <path class="svgBg__bg svgBg__bg2" fill="#3C929A" d="M0,156 106,136 272,172 342,124 366,144 366,256 0,256z" />
+          <path class="svgBg__bg svgBg__bg3" fill="#416175" d="M0,170 62,160 235,148 305,145 366,153 366,256 0,256z" />
+          <g class="svgBg__tree svgBg__tree-1 m--left" data-id="1">
+            <path class="svgBg__tree-leafs svgBg__tree-part" fill="#389296" d="M54,127 C77,127 62,95 54,63 C46,95 31,127 54,127" />
+            <path class="svgBg__tree-trunk svgBg__tree-part" d="M56,147 Q55,115 54,83 Q53,115 52,146" />
+          </g>
+          <g class="svgBg__tree svgBg__tree-2 m--left" data-id="2">
+            <path class="svgBg__tree-leafs svgBg__tree-part" fill="#389296" d="M67,124 C90,124 75,92 67,59 C59,92 44,124 67,124" />
+            <path class="svgBg__tree-trunk svgBg__tree-part" d="M69,144 Q68,112 67,80 Q66,112 65,143" />
+          </g>
+          <g class="svgBg__tree svgBg__tree-3 m--right" data-id="3">
+            <path class="svgBg__tree-leafs svgBg__tree-part" fill="#389296" d="M264,129 C287,129 272,97 264,64 C256,97 241,129 264,129" />
+            <path class="svgBg__tree-trunk svgBg__tree-part" d="M266,149 Q265,117 264,85 Q263,117 262,148" />
+          </g>
+          <g class="svgBg__tree svgBg__tree-4 m--right" data-id="4">
+            <path class="svgBg__tree-leafs svgBg__tree-part" fill="#207277" d="M287,128 C310,128 295,96 287,63 C279,96 264,128 287,128" />
+            <path class="svgBg__tree-trunk svgBg__tree-part" d="M289,148 Q288,116 287,84 Q286,116 285,147" />
+          </g>
+          <g class="svgBg__tree svgBg__tree-5 m--right" data-id="5">
+            <path class="svgBg__tree-leafs svgBg__tree-part" fill="#389296" d="M313,128 C336,128 321,96 313,63 C305,96 290,128 313,128" />
+            <path class="svgBg__tree-trunk svgBg__tree-part" d="M315,148 Q314,116 313,84 Q312,116 311,147" />
+          </g>
+        </g>
+      </svg>
       <div class="person-ifo">
         <div class="person-pic" :style="{backgroundImage:'url('+this.headPicUrl+')',backgroundSize:'100%'}"></div>
         <ul class="person-con">
-          <li>昵称:{{ userPhone}}</li>
+          <li>手机号:{{ userPhone}}</li>
+          <li style="height: 20px;"></li>
           <li>账户余额: <span>￥{{(acctBalance/100).toFixed(2)}}</span></li>
-          <li>我的卡券：<span>{{ couponNum }}张</span></li>
+          <!--<li>我的卡券：<span>{{ couponNum }}张</span></li>-->
         </ul>
       </div>
     </div>
@@ -20,7 +49,7 @@
     <!--<mt-cell title="建议反馈" is-link></mt-cell>-->
  
     <div class="leftRightPadding" style="margin-top: 34px" v-show="loginShow">
-      <mt-button type="danger" size="large" @click="loginHandle">{{ loginTxt }}</mt-button>
+      <mt-button type="primary" size="large" @click="loginHandle">{{ loginTxt }}</mt-button>
     </div>
  
   </div>
@@ -162,8 +191,9 @@ export default {
           var headPicUrl = "";//头像
           var custNickname = "";//昵称
           var phone = "";//昵称
-
-          this.queryCustPersonBaseInfo(); //获取手机号和头像
+          this.userPhone = data.data.phone;//昵称
+          this.loginShow = false
+          // this.queryCustPersonBaseInfo(); //获取手机号和头像
         } else {
           this.$vux.toast.text(data.message, "top");
         }
@@ -245,15 +275,19 @@ export default {
 <style scoped lang="scss">
   .person-bg {
     height: 160px;
-    background: url("../../assets/images/mySelf/selfNavBg.png") no-repeat;
-    background-size: 100% 100%;
+    background: -webkit-linear-gradient(#7BCECA, #82D3CB);
+    background: linear-gradient(#7BCECA, #82D3CB);
+
   }
  
   .person-ifo {
     padding: $commonLeftRightPadding;
     padding-top: 45px;
     display: flex;
-    color: #ffbfbf;
+    /*color: #ffbfbf;*/
+    position: absolute;
+    top: 0;
+    left: 0;
     .person-pic {
       width: 64px;
       height: 64px;