利用uni-app实现记住账号密码的功能

最新推荐文章于 2024-12-25 10:18:09 发布

Carefree1990

最新推荐文章于 2024-12-25 10:18:09 发布

阅读量2.1k

点赞数 1

本文链接：https://blog.csdn.net/weixin_42400955/article/details/106471491

版权

本文展示了如何在uni-app中创建一个登录界面，并实现记住账号和密码的功能。通过使用checkbox组件和uni-app的本地存储API，当用户勾选记住密码时，用户名和密码将被存储，下次打开应用时自动填充。同时提供了忘记密码和注册的跳转选项。

摘要由CSDN通过智能技术生成

<template>
   <view class="content">
       <view class="login-image-content">
           <image class="login-bg" src="../../static/login-bg.jpg"></image>
           <view class="login-container">
               <view class="login-box">
                   <image class="login-logo" src="../../static/logo.png"></image>
                   <view class="inp phone-num">
                       <view class="youqige-iconfont icon-gerenzhongxin login-icon"></view>
                       <input class="user-name-inp" type="text" placeholder-style="color: #c1c1c1;" placeholder="输入用户名或手机号" v-model="user.loginname" />
                   </view>