创建腾讯微搭自定义日历组件

142 阅读1分钟

最终效果如图: image.png

首先,组件库列表新建组件库

image.png

第二步:安装最新版本的 @cloudbase/cli,登录,并在vscode中执行命令:

npm install -g @cloudbase/cli

tcb login

tcb lowcode create

这时候我们运行

tcb lowcode debug

就能够看到实例的button组件

image.png

然后我们改的地方有四个:

src>configs>components>xxx.json,仿照他的button.json改就可以了,上面有JSON schema文件链接

src>configs>index.js,仿照button样式引入

src>web>components下方创建xxx文件夹,文件夹下仿照button文件夹创建我们的index.jsx和index.css文件

由于个人代码写得比较烂,代码就暂时先不放掘金上。

下一步便是调试

tcb lowcode debug

配合页面上的自定义组件开发可以预览

image.png

如果是小程序的话,则是要

tcb lowcode watch

?记不清了,但是腾讯讲自定义开发组件的视频里面有,配合小程序微信IDE 预览,之后在微信开发者工具上运行。

除此之外,还需要注意的是,如果要重新登陆另外一个账号的话,可以使用

tcb a

然后就会告诉你Error: a 不是有效的命令 💡使用 tcb -h 查看所有命令

这时候我们使用

tcb -h

查看所有命令

然后在下面的命令之中:

tcb logout

登出腾讯云账号

好了,新人掘金第一篇文章就此结束