原生微信小程序自定义键盘(仿原生键盘)

最新推荐文章于 2025-03-19 11:36:53 发布

终生耕田

最新推荐文章于 2025-03-19 11:36:53 发布

阅读量2.5k

点赞数 1

文章标签：微信小程序小程序前端

本文链接：https://blog.csdn.net/weixin_43218691/article/details/122531398

版权

动画.gif

wxml

<view class="page_box" catchtap="hindKeyboard">
    <view class="input_view" catchtap="hindKeyboard">
      <text class="title">消费金额：</text>
      <view class="input_box" catchtap="showKeyboard">
        <text class="input_label">￥</text>
        <view class="content" wx:if="{
    {content.length}}">
          <view wx:for="{
    {content}}" wx:key="index" data-str-index="{
    {index + 1}}" catchtap="getStrPosition">
            <view class="number-block">{
  {item}}<view class="cursor cursor-insert" wx:if="{
    {cursorIndex === index + 1}}"></view></view>
          </view>
        </view>
        <view class="cursor" wx:if="{
    {!cursorIndex}}"></view>
        <text class