使用支付宝小程序input组件的坑

页面中要使用input组件来获取用户输入

<input class="input" id="2" onInput="bindKeyInput" value="{{data}}" placeholder="等待输入"/>

为了控制输入字体大小，外面套了层自定义组件，设置了font-size=30rpx。

编译，输入栏字体控制不生效。

参考 https://blog.csdn.net/dandan1924/article/details/102783330

在input组件中增加：

controlled="true"

编译，依旧不生效。

重读文档，发现有个placeholder-style制定placehoder样式。增加：

placeholder-style='font-size:30rpx'

编译，生效了，但是输入的数据字体还是不对。这就很难受了。又尝试增加style字段。

style='font-size:30rpx'

编译，终于生效了。但是文档里没有style这个字段啊，后来想了下，文档在表单组件上一层的组件概述中提到了这个字段。好吧，是继承的。

但有个问题，每个字段都要这么设置感觉有些费劲啊。。。

踩个坑，记录下，以兹来者。

阿里的文档： https://tech.antfin.com/docs/2/67502

使用支付宝小程序input组件的坑相关推荐

小程序input组件获得焦点时placeholder内容有重影
这个问题是小程序input组件的bug,目前的解决办法可以,在input标签上加一个其他标签,显示placeholder内容,获得焦点时消失,失去焦点时候再让其显示 <view class='i ...
支付宝小程序camera组件取景框绘制
因公司需求,要将微信小程序转战到支付宝上面,恰好又是原生的写法,那只能迎着公司的需求来咯现有一套微信的现成的源码,又不想重新写,费时又费力,这里推荐一个微信转支付宝的插件,贼好用 Antmove 小 ...
钉钉/支付宝小程序自定义组件
钉钉/支付宝小程序自定义组件 1.新建自定义文件夹 eg:model 2.鼠标选中model 右键>新建小程序组件输入测试组件:demo 3.新建小程序组件包含四个文件: 1.acss:组件页 ...
小程序组件onload_微信小程序自定义组件踩坑教程
微信小程序不支持自定义组件,只提供了一个非常受限制的模板功能,尤其缺乏了开发产品中最重要的几个功能:模板内的数据只能由当前页面传递,无法预先设置一些初始化数据以达到复用的目的: 模板内的数据变化无法通 ...
微信小程序input组件边框不显示问题的解决方法
问题情景在微信小程序开发中经常用到input组件,但是如果按下面的wxml代码去写,input的边框是不会显示的,只有在鼠标点过去的时候才会有个光标 <view class="set ...
你真的完全掌握了 Input 组件的键盘控制么？ ——百度智能小程序 Input 组件原理剖析与键盘行为说明
在百度智能小程序的很多开发场景中,我们都会使用到 Input 输入框组件.而在操作输入框的过程中,正确处理键盘的弹出和收起行为也是十分重要的一环.键盘行为不仅需要完美符合业务场景,同时也和用户体验息息 ...
复习微信小程序input组件和wxss样式写法。
Input组件输入框组件(参考小程序文档)写的相当清楚.. <view><text>请输入第一个数字</text><input type='number'v ...
微信小程序web-view能发送ajax,微信小程序web-view组件的坑
最近在做一个活动时候,需要将H5页面嵌入别人家的小程序中,正常微信环境中我们会通过在分享链接拼接参数的方式,来获取微信用户的分享关系,然而在小程序中分享的地址是小程序自己的path,其他用户点击的时候 ...
微信小程序input组件
输入框:该组件是原生组件,使用的时候要注意相关的设置 value:类型字符串输入框的初始内容 type:类型字符串 input类型属性值:text 文本输入键盘 number 数字输入键盘 i ...
支付宝小程序抽奖组件大转盘
介绍使用支付宝原有的大转盘营销组件进行改造的,由于背景使用的图片,目前只支持 6 个奖品,一般情况下的大转盘都是这个规格. 转盘停止:之前使用的是计算角度来完成的,没有那种缓慢停止的动画.现在加了一 ...

使用支付宝小程序input组件的坑

使用支付宝小程序input组件的坑相关推荐

最新文章

热门文章