微信小程序---学生登录

最新推荐文章于 2024-05-17 08:57:39 发布

原创

最新推荐文章于 2024-05-17 08:57:39 发布 · 3.4k 阅读

25 ·

CC 4.0 BY-SA版权

本文介绍了如何使用微信web开发者工具创建一个学生登录的小程序页面。通过WXML、WXSS和JS文件的详细讲解，展示了登录功能的实现过程。

1.小程序-登录页面,(工具：微信web开发者工具)

wxml:

<!--pages/login/flex.wxml-->
<view class="warpper">
<view class='header'>
<text>评教系统-学生端</text>
</view>
<form bindsubmit="formSubmit">
<view class="section">
    <text>学号</text>
    <input type="text" name="no" value="1635050640" placeholder="请输入学号" />
  </view>
  <view class="section">
    <text>密码</text>
    <input password="true" name="pwd" value="123456" placeholder="请输入密码" />
  </view>
    <view class="btn-area">
    <button type="primary" formType="submit">登录&l