微信小程序弹窗有输入框且可以使用名文和密文输入

微信小程序弹窗有输入框且可以使用名文和密文输入wxml viewclass made box wx if passShow viewclass main viewclass title viewclass f f 请输入直播间密码 viewclass inputeara viewclass inputeara viewclass f f viewclass title viewclass main viewclass made box wx if passShow

wxml:

<view class=”made_box” wx:if=”{
{passShow}}”
>
  <view class=”main”>
    <view class=’title’>
      <view class=”f-f”>请输入直播间密码</view>
    </view>
    <view class=”inputeara”>
      <input class=”input”  placeholder=”请输入密码” value=”{
{name}}” confirm-type=”search” bindinput=”inputName” type=”text” password=”{
{!open}}”
bindfocus=”focus” bindblur=”blur”></input>
      <cover-image class=”img” src=”{
{open?’../../static/images/show.png’:’../../static/images/hidden.png’}}” catchtap=”switch”
></cover-image>  //睁眼闭眼的图标
    </view>
    <view class=”sub”>
      <view bindtap=”sec”>
        <text class=”btn_sec”>取消</text>
      </view>
      <view bindtap=”comfig”>
        <text class=”btn_text”>确定</text>
      </view>
    </view>
  </view>
</view>

















index.js:

wxss:

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232268.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 如何删除LDSGameMaster「建议收藏」

    如何删除LDSGameMaster「建议收藏」如何删除LDSGameMaster背景介绍方法一方法二背景介绍最近不小心下载安装了鲁大师,卸载之后,C盘中仍有一个名为LDSGameMaster的文件夹。虽然很小,之后18M,但是一定要删除掉,否则心里很不舒服。方法一百度告诉我,解决这个问题很简单。这个文件夹中有个uninstall,运行之后就没有了。但我没有发现我的文件夹中有这么一个东西。这个方法不提。方法二删除之后,提示:操作无法…

    2022年6月13日
    33
  • 彻底理解Java内存模型,它为什么会引发线程安全问题【吐血总结】

    彻底理解Java内存模型,它为什么会引发线程安全问题【吐血总结】近日,有热心市民就”Java内存模型”提出质疑:线程是否会把所有需要操作的数据全加载到内存

    2022年6月5日
    43
  • batchnorm pytorch_Pytorch中的BatchNorm

    batchnorm pytorch_Pytorch中的BatchNorm前言:本文主要介绍在pytorch中的BatchNormalization的使用以及在其中容易出现的各种小问题,本来此文应该归属于[1]中的,但是考虑到此文的篇幅可能会比较大,因此独立成篇,希望能够帮助到各位读者。如有谬误,请联系指出,如需转载,请注明出处,谢谢。∇∇\nabla∇联系方式:e-mail:FesianXu@163.comQQ:973926198github:https:/…

    2022年6月1日
    31
  • MAC安装JDK及环境变量配置「建议收藏」

    MAC安装JDK及环境变量配置「建议收藏」访问Oracle官网http://www.oracle.com,浏览到首页的底部菜单,然后按下图提示操作:  2.点击“JDKDOWNLOAD”按钮:  3.选择“AcceptLisenceAgreement”同意协议:  4.点击MacOSXx64后面的下载链接: 

    2022年7月17日
    15
  • linux更改用户名字_linux修改用户id

    linux更改用户名字_linux修改用户idlinux更改用户名的方法是:1、以root身份登录,然后使用下列命令进行修改。“usermod-lNewUser-d/home/NewUser-mOldUser”、“usermod-lalao-d/home/alao-mtom”。2、修改用户名,修改登录后使用的路径,修改登录名称的同时将目录名称一同修改。…

    2022年9月18日
    3
  • 常见的css换行样式[通俗易懂]

    常见的css换行样式[通俗易懂]常见的css换行样式1、内容超出省略号显示h1{width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}2、内容超出换行省略号显示h1{ text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;displa

    2025年7月3日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号