微信小程序——登陆界面与逻辑

墨蓝 2021-07-25 16:08 458阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70]

--------------------

QQ 1274510382  
Wechat JNZ\_aming  
商业联盟 QQ群538250800  
技术搞事 QQ群599020441  
解决方案 QQ群152889761  
加入我们 QQ群649347320  
共享学习 QQ群674240731  
纪年科技aming  
网络安全 ,深度学习,嵌入式,机器强化,生物智能,生命科学。

--------------------

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70_pic_center]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70_pic_center 1]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70_pic_center 2]

.tui-bg-box { 
      width: 100%;
      box-sizing: border-box;
      position: relative;
      padding-top: 44rpx;
    }

.tui-bg-img { 
      width: 100%;
      height: 346rpx;
      display: block;
      position: absolute;
      top: 0;
      z-index: -1;
    }

.tui-photo { 
      height: 138rpx;
      width: 138rpx;
      display: block;
      margin: 10rpx auto 0 auto;
      border-radius: 50%;
    }

.tui-login-name { 
      width: 128rpx;
      height: 40rpx;
      font-size: 30rpx;
      color: #fff;
      margin: 36rpx auto 0 auto;
      text-align: center;
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70_pic_center 3]

.tui-login-from { 
      width: 100%;
      padding: 128rpx 104rpx 0 104rpx;
      box-sizing: border-box;
    }

.tui-line-cell { 
      padding: 27rpx 0;
      display: -webkit-flex;
      display: flex;
      -webkiit-align-items: center;
      align-items: center;
      position: relative;
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70]: /images/20210725/6da99444ff4c406ab94601392e414bda.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20200831212855756.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210725/6fadb9f9c9334f78978564effcfac6cd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20210725/7e9c1de65edb46279bf4f629f52af555.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjA4MDAw_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20210725/c2931d1e71e14a4cb41da9a64ff5f8ec.png