496_dongfengqichen_wxsmall/496_dongfengqichen/pages/myCenter/myCenter.wxml

<!--pages/myCenter/myCenter.wxml-->
<view>
  <view class="main container">
    <view class="msgGroup" wx:if="{{!isLogin}}">
      <view class="pageTitle">个人中心</view>
      <view class="headGroup">
        <image class="defaultHead" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
      </view>
      <view class="loginBtn">微信一键登录<button bindgetuserinfo="getUserWxMsg" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN"></button></view>
    </view>
    <view class="userMsg" wx:if="{{isLogin}}">
      <image class="userMsgBg" src="{{imgUrl+'/images/userMsgBg.png'}}"></image>
      <view class="pageTitle">个人中心</view>
      <view class="headGroup" style="margin-bottom:11rpx;">
        <image class="defaultHead" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
      </view>
      <view class="userNameGroup">
        <view class="userName">啦啦啦</view>
        <image class="userNameEdit" src="{{imgUrl+'/images/userNameEdit.png'}}"></image>
      </view>
      <!-- <view class="userLevel">
        <image class="userLevelIcon" src="{{imgUrl+'/images/userLevelIcon.png'}}"></image>
        <view class="userLevelTip">您的级别为</view>
        <image class="userLevelText" src="{{imgUrl+'/images/userLevelText.png'}}"></image>
        <view class="lookRule">星探规则</view>
      </view> -->
      <view class="userLevel">
        <image class="userWaitIcon" src="{{imgUrl+'/images/userWaitIcon.png'}}"></image>
        <view class="userWaitText">您的星探待激活</view>
        <view class="lookRule">星探规则</view>
      </view>
    </view>
    <view class="funList">
      <image class="funBg" src="{{imgUrl+'/images/funBg.png'}}"></image>
      <view bindtap="selectChange" data-value="1" class="selectGroup" style="border-color:{{selectNow==1?'#667ea3':'#7A797E'}}">
        <view wx:if="{{selectNow==1}}" class="arrowIcon"></view>
        <view class="imgFrame">
          <image class="taskIcon" src="{{selectNow==1?imgUrl+'/images/taskIcon2.png':imgUrl+'/images/taskIcon.png'}}"></image>
        </view>
        <view class="selectText" style="color:{{selectNow==1?'#667ea3':'black'}}">我的任务</view>
      </view>
      <view bindtap="selectChange" data-value="2" class="selectGroup" style="border-color:{{selectNow==2?'#667ea3':'#7A797E'}}">
        <view wx:if="{{selectNow==2}}" class="arrowIcon"></view>
        <view class="imgFrame">
          <image class="recordIcon" src="{{selectNow==2?imgUrl+'/images/recordIcon2.png':imgUrl+'/images/recordIcon.png'}}"></image>
        </view>
        <view class="selectText" style="color:{{selectNow==2?'#667ea3':'black'}}">获奖记录</view>
      </view>
      <view bindtap="selectChange" data-value="3" class="selectGroup" style="border-color:{{selectNow==3?'#667ea3':'#7A797E'}}">
        <view wx:if="{{selectNow==3}}" class="arrowIcon"></view>
        <view class="imgFrame">
          <image class="detachmentIcon" src="{{selectNow==3?imgUrl+'/images/detachmentIcon2.png':imgUrl+'/images/detachmentIcon.png'}}"></image>
        </view>
        <view class="selectText" style="color:{{selectNow==3?'#667ea3':'black'}}">星探小分队</view>
      </view>
      <view bindtap="selectChange" data-value="4" class="selectGroup" style="border-color:{{selectNow==4?'#667ea3':'#7A797E'}}">
        <view wx:if="{{selectNow==4}}" class="arrowIcon"></view>
        <view class="imgFrame">
          <image class="appreciateIcon" src="{{selectNow==4?imgUrl+'/images/appreciateIcon2.png':imgUrl+'/images/appreciateIcon.png'}}"></image>
        </view>
        <view class="selectText" style="color:{{selectNow==4?'#667ea3':'black'}}">预约鉴赏</view>
      </view>
    </view>
    <image wx:if="{{selectNow<1 || selectNow>4}}" class="myCenterBotBg" src="{{imgUrl+'/images/myCenterBotBg.png'}}"></image>
    <view class="taskGroup" wx:if="{{selectNow==1}}">
      <view class="taskSelect">
        <view bindtap="selectTask" data-type='1' class="taskText {{taskNow==1?'taskText2':''}}">每日任务</view>
        <view bindtap="selectTask" data-type='2' class="taskText {{taskNow==2?'taskText2':''}}">限时任务</view>
      </view>
      <view class="taskDetailFrame">
        <view class="taskDetailGroup" wx:for="{{taskList}}" wx:key="id">
          <view class="taskName">{{item.name}}</view>
          <view style="margin-top:12rpx;">
            <view class="taskLineFrame">
              <view class="taskLine" style="width:{{(item.bar*25)+'%'}}"></view>
            </view>
            <view class="taskSignGroup">
              <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
              <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
              <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
              <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
            </view>
          </view>
          <view wx:if="{{item.bar==4}}" class="taskSuccessBtn">已完成</view>
          <view wx:if="{{item.bar!=4}}" class="taskWaitBtn">未完成</view>
        </view>
      </view>
    </view>
    <view class="taskGroup" wx:if="{{selectNow==2}}">
      <view class="taskSelect">
        <view bindtap="selectRecord" data-type='1' class="taskText recordText {{recordNow==1?'taskText2':''}}">星探奖励</view>
        <view bindtap="selectRecord" data-type='2' class="taskText recordText {{recordNow==2?'taskText2':''}}">每日任务奖品</view>
        <view bindtap="selectRecord" data-type='3' class="taskText recordText {{recordNow==3?'taskText2':''}}">幸运星抓手奖品</view>
      </view>
      <view class="recordFrame">
        <view class="recordGroup" wx:for="{{5}}">
          <view class="recordGroupLeft">
            <view class="recordHeadGroup">
              <image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
            </view>
            <view class="recordMainGroup">
              <view class="rewardName">头等舱机票一张</view>
              <view class="rewardTerm">2020.04.05</view>
            </view>
          </view>
          <view class="recordPic">
            <image class="recordTip" src="{{imgUrl+'/images/recordTip.png'}}"></image>
            <image class="rewardIcon" src="{{imgUrl+'/images/jiangpin.png'}}"></image>
          </view>
        </view>
      </view>
    </view>
    <view class="ranksGroup" wx:if="{{selectNow==3}}">
      <view class="detachmentGroup">
        <view class="detachmentGroupLeft">
          <view class="recordHeadGroup">
            <image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
          </view>
          <view class="ranksName">忘却东风</view>
        </view>
        <view class="ranksName">2020.03.01</view>
        <view class="ranksState ranksType1">推荐已购车</view>
      </view>
      <view class="detachmentGroup">
        <view class="detachmentGroupLeft">
          <view class="recordHeadGroup">
            <image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
          </view>
          <view class="ranksName">忘却东风</view>
        </view>
        <view class="ranksName">2020.03.01</view>
        <view class="ranksState ranksType2">推荐已购车</view>
      </view>
      <view class="detachmentGroup">
        <view class="detachmentGroupLeft">
          <view class="recordHeadGroup">
            <image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
          </view>
          <view class="ranksName">忘却东风</view>
        </view>
        <view class="ranksName">2020.03.01</view>
        <view class="ranksState ranksType3">推荐已购车</view>
      </view>
    </view>
    <view class="subscribeGroup" wx:if="{{selectNow==4}}">
      <view class="inputGroup">
        <input class="inputCode" bindinput="getCaptcha" placeholder="请输入您的姓名"></input>
      </view>
      <view class="inputGroup">
        <input class="inputCode" bindinput="getCaptcha" placeholder="请输入您的联系电话"></input>
      </view>
      <view class="inputGroup">
        <input class="inputCode" style="width:500rpx;" bindinput="getCaptcha" placeholder="请输入验证码"></input>
        <view class="codeTime" bindtap="getCode">{{verificationCode}}</view>
      </view>
      <picker mode='selector' range="{{provinceArr}}" range-key="province" value="{{provinceValue}}" bindchange="provinceChane">
        <view class="selectSiteGroup">
          <text class="selectName">{{provinceArr[provinceValue].province}}</text>
          <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image>
        </view>
      </picker>
      <picker mode='selector' range="{{storeArr}}" range-key="agent_detail" value="{{storeValue}}" bindchange="storeChane">
        <view class="selectSiteGroup">
          <text class="selectName">{{storeArr[storeValue].agent_detail}}</text>
          <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image>
        </view>
      </picker>
      <view class="subscribeBtn" bindtap="subscribeFun">预约鉴赏</view>
    </view>
    <service></service>
  </view>
  <tabBar></tabBar>
</view>