uniapp自定义开发一个文本输入框

开发component中的一个input标签

一、在原来的模块上面创建一个新的类TestComponent

1.新建TestComponent

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210428142333438.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

2.配置json文件

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210428142339640.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

二、uniapp准备工作

1.在uniapp中写一下刚刚创建的输入框

在这里插入图片描述

2.打包导出资源

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210428142351146.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)
在这里插入图片描述

3.资源替换

复制刚刚生成的本地资源文件夹到AndroidStudio项目中的APP的目录下面，替换掉原来的
在这里插入图片描述
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210428142409514.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

三、打包运行

1．手机和电脑用数据线连接，打开USB调试，卸载掉之前安装的版本，然后重新运行AndroidStudio安装跑通

在这里插入图片描述

关注我的公众号SpaceObj 领取idea系列激活码

posted on 2023-05-11 09:47  张伯灵  阅读(677)  评论(0)    收藏  举报