login.wxml 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!--pages/login/login.wxml-->
  2. <view style="height: 100vh;background-color: #F5F6F8">
  3. <view wx:if="{{showLogin}}" style="display: flex;align-items: center;justify-content: center;height: 100vh;width: 100%;position: absolute;background-color: #F5F6F8;z-index: 9999;">
  4. <view style="display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 80rpx;">
  5. <t-loading theme="circular" size="90rpx" layout="vertical"></t-loading>
  6. <view style="color: #000;padding-top: 18rpx;font-size: 32rpx;letter-spacing: 3rpx;">{{loadText}}</view>
  7. </view>
  8. </view>
  9. <view style="height: 280rpx;width: 100%;display:flex;align-items:center;justify-content:center;padding-top:130rpx">
  10. <view>
  11. <image src="{{imgUrl}}loginLogo.png" style="height: 140rpx;width: 140rpx"></image>
  12. </view>
  13. </view>
  14. <view style="margin-top:50rpx;height: 100rpx;width: 100%;display:flex;align-items:center;justify-content:center">
  15. <view style="width: 80%;display:flex;align-items:center;justify-content:center">
  16. <view style="height: 66rpx">
  17. <image src="{{agreementImg}}" bindtap="agreementSuccess" style="height: 40rpx;width: 40rpx"></image>
  18. </view>
  19. <!-- display:flex; -->
  20. <view style="width:95%; height: 66rpx;font-size:24rpx;color: #333333;align-items:center;justify-content:center">
  21. <view style="float:left">阅读并同意</view><view style="float:left;color:#ff7a14;text-decoration: underline" bind:tap="serviceAgreement">《服务协议及个人信息处理规则》</view>和 <view style="float:left;color:#ff7a14;text-decoration: underline" bind:tap="informationProcessing">《个人信息处理规则》</view>
  22. </view>
  23. </view>
  24. </view>
  25. <view style="margin-top: 10rpx">
  26. <button wx:if="{{!agree}}" type="primary" bindtap="protocolTips" style="width: 80%;display: flex;align-items:center;justify-content: center">
  27. <image style="height: 33rpx;width: 41rpx" src="{{imgUrl}}wx-login.png"></image>
  28. <text style="padding-left: 15rpx;font-size:27rpx">微信用户一键登录</text>
  29. </button>
  30. <button wx:if="{{agree}}" open-type="getPhoneNumber" type="primary" bindgetphonenumber="getPhoneNumber" style="width: 80%;display: flex;align-items:center;justify-content: center">
  31. <image style="height: 33rpx;width: 41rpx" src="{{imgUrl}}wx-login.png"></image>
  32. <text style="padding-left: 15rpx;font-size:27rpx">微信用户一键登录</text>
  33. </button>
  34. </view>
  35. </view>