首页 > 课堂 > 小程序 > 正文

微信小程序开发之登录页案例分享

2020-03-21 16:19:28
字体:
来源:转载
供稿:网友

提供一个登录页的案例,供同学们使用

项目效果图:

微信小程序,小程序开发,登录页

目录结构:

微信小程序,小程序开发,登录页

图片资源:

微信小程序,小程序开发,登录页
微信小程序,小程序开发,登录页
微信小程序,小程序开发,登录页

login.wxml:

<view class="container">    <view class="login-icon">      <image class="login-img" src="../images/loginLog.jpg"></image>    </view>    <view class="login-from">      <!--账号-->      <view class="inputView">        <image class="nameImage" src="../images/name.png"></image>        <label class="loginLab">账号</label>        <input class="inputText" placeholder="请输入账号" bindinput="phoneInput" />      </view>      <view class="line"></view>      <!--密码-->      <view class="inputView">        <image class="keyImage" src="../images/key.png"></image>        <label class="loginLab">密码</label>        <input class="inputText" password="true" placeholder="请输入密码" bind 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表