样式修改

litian

2024-04-01 74139f2bc6bdc8147dd570ac1d774245f67e4f9f

 pages/personalCenter/index.wxml

@@ -1,70 +1,90 @@
<view class="background {{ isWhite ? 'white':''}}">
  <text class="text">个人中心</text>
</view>
<view class="home-page">
  <view class="bg">
    <image src="/static/images/personal/my-bg.png" mode="heightFix" class="image" />
  </view>
  <image class="background" src="/static/images/personal/my-bg.png" mode="heightFix" />
  <t-user-center-card userInfo="{{userInfo}}" isPhoneHide="{{true}}" name-class="custom-name-class" phone-class="custom-phone-class" avatar-class="customer-avatar-class" currAuthStep="{{currAuthStep}}" bind:gotoUserEditPage="gotoUserEditPage" />
  <view class="content-wrapper">
    <view class="topBox">
      <view class="teacherBox">
        <view>
          <view class="wait" wx:if="{{teacherState.state == 'WaitAudit'}}">等待审核</view>
          <view class="yes" wx:if="{{teacherState.state == 'Normal'}}">已认证</view>
          <view class="no" wx:if="{{teacherState.state == 'Reject'}}">已驳回</view>
          <view class="wait" wx:if="{{teacherState.state == ''}}">待认证</view>
          <view class="title"><text>教师认证</text>
            <text class="change-info" wx:if="{{teacherState.state == ''}}">认证</text>
            <text class="change-info" wx:if="{{teacherState.state == 'Normal' || teacherState.state == 'Reject'}}">修改</text>
          </view>
        </view>
        <view>
          <view>{{integral}}</view>
          <view class="title">积分</view>
        </view>
      </view>
<view>
  <t-pull-down-refresh value="{{baseRefresh.value}}" loadingProps="{{loadingProps}}" loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}" bind:refresh="onPullDownRefresh" bind:scroll="onScroll">
    <view style="width: 100%; height: {{barHeight}}px;"></view>
    <view class="background {{ isWhite ? 'white':''}}" style="padding-top: {{barHeight}}px">
      <text class="text">个人中心</text>
    </view>
    <view class="domainBox">
      <view class="title">
        <text>常用功能</text>
    <view class="home-page">
      <view class="bg">
        <image src="/static/images/personal/my-bg.png" mode="heightFix" class="image" />
      </view>
      <view class="domainList">
        <view wx:for="{{menuData}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toPages" data-info="{{item}}" class="listItem">
          <view class="icon">
            <t-image src="{{item.icon}}" mode="heightFix" class="img" />
      <t-user-center-card userInfo="{{userInfo}}" isPhoneHide="{{true}}" name-class="custom-name-class" phone-class="custom-phone-class" avatar-class="customer-avatar-class" currAuthStep="{{currAuthStep}}" bind:gotoUserEditPage="gotoUserEditPage" bind:editUserType="editUserType" />
      <view class="content-wrapper">
        <view class="topBox">
          <view class="teacherBox">
            <view>
              <view class="wait" wx:if="{{teacherState.state == 'WaitAudit'}}">等待审核</view>
              <view class="yes" wx:if="{{teacherState.state == 'Normal'}}">已认证</view>
              <view class="no" wx:if="{{teacherState.state == 'Reject'}}">已驳回</view>
              <view class="wait" wx:if="{{teacherState.state == ''}}">待认证</view>
              <view class="title"><text>教师认证</text>
                <text class="change-info" wx:if="{{teacherState.state == ''}}" bindtap="toCertification">认证</text>
                <text class="change-info" wx:if="{{teacherState.state == 'Normal' || teacherState.state == 'Reject'}}" bindtap="toCertification">修改</text>
              </view>
            </view>
            <view class="line"></view>
            <view>
              <view>{{integral}}</view>
              <view class="title">积分</view>
            </view>
          </view>
          <view class="label">
            <text>{{item.title}}</text>
        </view>
        <view class="domainBox">
          <view class="title">
            <text>常用功能</text>
          </view>
          <view class="domainList">
            <view wx:for="{{menuData}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toPages" data-info="{{item}}" class="listItem">
              <view class="icon">
                <image src="{{item.icon}}" mode="aspectFit" class="img" />
              </view>
              <view class="label">
                <text>{{item.title}}</text>
              </view>
            </view>
          </view>
        </view>
        <view class="domainBox">
          <view class="title">
            <text>更多功能</text>
          </view>
          <view class="domainList1">
            <view wx:for="{{moreMenu}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toPages" data-info="{{item}}" class="listItem">
              <view class="icon">
                <image src="{{item.icon}}" mode="aspectFill" class="img" />
              </view>
              <view class="label">
                <text>{{item.title}}</text>
              </view>
            </view>
          </view>
          <view class="domainList2">
            <view wx:for="{{moreMenu1}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toPages" data-info="{{item}}" class="listItem">
              <view class="icon">
                <image src="{{item.icon}}" mode="aspectFill" class="img" />
              </view>
              <view class="label">
                <text>{{item.title}}</text>
              </view>
            </view>
          </view>
        </view>
      </view>
      <t-popup visible="{{visible}}" bind:visible-change="onVisibleChange" placement="bottom">
        <view class="block">
          <view class="header">
            <view class="title">请选择您的用户类型</view>
          </view>
          <view class="body">
            <view wx:for="{{userTypeList}}" wx:for-item="item" wx:for-index="index" wx:key="index" data-info="{{item}}" bindtap="tabUserTypeClick" class="{{item.value === userTypeActive ? 'activeItem item' : 'item'}}">
              {{ item.lable }}
            </view>
          </view>
          <view class="footer">
            <button class="submit" bindtap="submit">确定</button>
          </view>
        </view>
      </t-popup>
    </view>
    <view class="domainBox">
      <view class="title">
        <text>更多功能</text>
      </view>
      <view class="domainList1">
        <view wx:for="{{moreMenu}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toPages" data-info="{{item}}" class="listItem" >
          <view class="icon"  >
            <t-image src="{{item.icon}}" mode="heightFix" class="img" />
          </view>
          <view class="label">
            <text>{{item.title}}</text>
          </view>
        </view>
      </view>
      <view class="domainList2">
        <view wx:for="{{moreMenu1}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toPages" data-info="{{item}}" class="listItem">
          <view class="icon">
            <t-image src="{{item.icon}}" mode="heightFix" class="img" />
          </view>
          <view class="label">
            <text>{{item.title}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
  </t-pull-down-refresh>
</view>