微信小程序入门学习02-TDesign中的自定义组件

微信小程序入门学习02-TDesign中的自定义组件

我们上一篇讲解了TDesign模板的基本用法,如何开始阅读模板。本篇我们讲解一下自定义组件的用法。 1 显示文本 官方模板在顶部除了显示图片外,还显示了一段文字介绍。文字是嵌套在容器组件里,先按照他的写法复制代码到我们自己创建的index.wxml文件里 <vie...

微信小程序开发入门学习01-TDesign模板解读

微信小程序开发入门学习01-TDesign模板解读

原来我们使用微信开发者工具,比较困难的是前端框架的选择上,官方也没有提供一套框架供我们使用,最近开发者工具已经提供了一套前端框架,后续我们开发的效率会因为使用模板提高不少。本篇我们带着大家一起体验一下这套框架。 1 使用模板创建小程序 打开微信开发者工具,在新建项目的时候,选择官方提供的模板 ...

IoT小程序框架课程

5 课时 |
2047 人已学 |
免费
开发者课程背景图
微信小程序入门学习02-TDesign中的自定义组件(二)

微信小程序入门学习02-TDesign中的自定义组件(二)

3 变量定义组件上需要设置一些属性,这些属性的值是通过变量进行赋值,变量我们在index.js里定义官方模板的构造是使用了模块的导入导出来管理不同的菜单数据,先在index文件下建一个data文件夹,然后里边放置每个菜单的js首先我们先阅读一下base.jsconst base = { name: ...

微信小程序入门学习02-TDesign中的自定义组件(一)

微信小程序入门学习02-TDesign中的自定义组件(一)

我们上一篇讲解了TDesign模板的基本用法,如何开始阅读模板。本篇我们讲解一下自定义组件的用法。1 显示文本官方模板在顶部除了显示图片外,还显示了一段文字介绍。文字是嵌套在容器组件里,先按照他的写法复制代码到我们自己创建的index.wxml文件里&lt;view class="main"&gt;...

微信小程序开发入门学习01-TDesign模板解读(二)

微信小程序开发入门学习01-TDesign模板解读(二)

3 页面布局在小程序中我们可以使用两种布局模式,一种是相对定位,一种是绝对定位。相对定位其实就是我们的流式布局,组件会从左到右,从上到下依次排列。绝对定位就是按照像素进行布局,通过x,y坐标来决定某一个组件具体放置到哪里相对定位的优势是可以做到自适应,随着手机屏幕大小的不同我们可以做到自动变化。缺点...

微信小程序开发入门学习01-TDesign模板解读(一)

微信小程序开发入门学习01-TDesign模板解读(一)

原来我们使用微信开发者工具,比较困难的是前端框架的选择上,官方也没有提供一套框架供我们使用,最近开发者工具已经提供了一套前端框架,后续我们开发的效率会因为使用模板提高不少。本篇我们带着大家一起体验一下这套框架。1 使用模板创建小程序打开微信开发者工具,在新建项目的时候,选择官方提供的模板创建成功后,...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

相关电子书
更多
云上快速构建小程序创业祝犁
mPaaS 小程序重磅发布
15分钟打造你自己的小程序
立即下载 立即下载 立即下载