微信小程序输入法(输入法)添加下划线--方法
最编程
2024-03-20 16:51:18
...
方法一:使用view组件添加下划线【不是很推荐】
wxml布局
<view> <text class="text">请输入数据</text> <input class="text">111</input> <!-- view就是下划线 --> <view class="line"></view> <button class="button">计算倍数</button> </view>
样式line的属性【wxss】
.line{ margin: 0 auto; height: 1px; margin-left: 50px; margin-right: 50px; background-color: #D8D8D8; }
方法二:直接给输入框添加底部下划线【推荐】
wxml布局
<view> <text class="text">请输入数据</text> <input class="inputtext">111</input> <button class="button">计算倍数</button> </view>
样式line的属性【wxss】
.inputtext{ width: 100%; margin-left: 50px; margin-right: 50px; border-bottom: 1px solid gray; margin-top: 20px; }
上一篇: 五分钟入门物联网小程序
下一篇: 微信小程序--事务助理
推荐阅读
-
用Spring Boot向微信小程序发送订阅消息的方法
-
使用微信小程序实现事件代理的方法
-
微信小程序五子棋游戏AI实现方法【附demo源码下载】
-
绕过微信小程序官方审核的3个方案--方法三
-
微信小程序输入法无法输入特殊字符
-
扫二维码进入小程序不同页面 微信小程序二维码生成详细方法步骤
-
使用微信云主机添加自定义域名并转发至 pexels.com 的微信小程序
-
使用弧线方法在微信小程序画布中绘制弧线
-
微信小程序输入法(输入法)添加下划线--方法
-
我的第一个微信小程序 "Hello World"(超详细)--我的解决方法是使用快捷键Ctrl+shift+Esc打开任务管理器,将打开的微信开发者工具内部的所有进程关闭,然后右键点击桌面上的微信开发者工具,以管理员身份运行微信开发者工具就可以成功打开微信开发者工具登录界面了!以下是开发者创建微信开发者工具登录界面的步骤汇总