美文网首页
Taro+VSCode组件的开发

Taro+VSCode组件的开发

作者: HCL黄 | 来源:发表于2020-04-03 14:41 被阅读0次

相关文档

上一篇我们已经简单开发了一个列表页面,这次来简单开发组件

1111.gif

第一步:在src右键新建一个名为components的文件

EDD16251-CEB3-4583-90C9-92B950C670C1.png

第二步:在components右键新建一个名为service的文件,同时创建index.jsxindex.less文件,不会的可以直接复制page下面的index.jsxindex.less,然后粘贴进去service,删除一些没用的代码就可以了,这里用来创建联系客服的组件

0CD9F92E-448F-4A1E-A2A2-6B66D68371C8.png
519D62D7-DCFC-4959-A2C4-4461661769AD.png

第三步:开始我们的组件UI

E6A71017-FC47-46CE-AE19-DC2132BE1EC7.png

第四步:在需要的页面导入这个组件

F5A237E3-D968-483D-B9D9-120DA1B13062.png
35D18977-7846-43B7-87C9-DBD72F606519.png

第五步:保存一下,就可以在小程序看到效果了

C463C84E-2DFB-49DD-9AFC-7D049F6595B6.png

相关文章

  • Taro+VSCode组件的开发

    相关文档 上一篇我们已经简单开发了一个列表页面,这次来简单开发组件 第一步:在src右键新建一个名为compone...

  • vue(2)

    Vue组件化开发 组件化开发的思想 组件的注册 组件间的数据交互 组件插槽的用法 Vue调试工具的用法 组件开发思...

  • iOS 的组件化开发

    iOS 的组件化开发 iOS 的组件化开发

  • 戏说移动江湖开发历程

    大主线 细说移动开发历程 大技术 组件化开发 组件路由 组件配置动态加载 组件骨架架构插件化开发...

  • Android 组件化开发实践

    Android组件化开发实践(一):为什么要进行组件化开发?Android组件化开发实践(二):组件化架构设计An...

  • iOS组件化开发实践

    iOS组件化开发实践 iOS组件化开发实践

  • 如何开发vue、react、angular的组件库教程

    关键词:vue,react,angular,开发,封装,ui组件,组件库,常用组件 目标:开发相应的组件库vue-...

  • iOS组件化开发2 · 组件开发必备知识

    iOS组件化开发1 · 什么是组件化 组件化开发2 · 组件开发必备技能 这篇文章的主要内容list1、学会使用g...

  • iOS 组件化整理

    iOS 组件开发 WTModule组件间通信 背景 关于组件化开发,经历过几家不同公司,正好处于不同的开发阶段。第...

  • iOS开发YN组件之网络层

    iOS开发组件YNKit之网络数据请求 该组件由我和占宇同事共同开发的iOS开发高效的一个组件集,在快捷开发中提炼...

网友评论

      本文标题:Taro+VSCode组件的开发

      本文链接:https://www.haomeiwen.com/subject/gothphtx.html