文章 2023-06-26 来自:开发者社区

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

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

微信小程序入门学习02-TDesign中的自定义组件(二)
文章 2023-06-26 来自:开发者社区

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

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

微信小程序入门学习02-TDesign中的自定义组件(一)
文章 2023-06-26 来自:开发者社区

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

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

微信小程序开发入门学习01-TDesign模板解读(二)
文章 2023-06-26 来自:开发者社区

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

原来我们使用微信开发者工具,比较困难的是前端框架的选择上,官方也没有提供一套框架供我们使用,最近开发者工具已经提供了一套前端框架,后续我们开发的效率会因为使用模板提高不少。本篇我们带着大家一起体验一下这套框架。1 使用模板创建小程序打开微信开发者工具,在新建项目的时候,选择官方提供的模板创建成功后,会生成一系列的文件2 app.json要学习一套模板,我们就要从头开始阅读代码,那从哪个位置开始看....

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

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

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

阿里小程序云

阿里小程序云官方技术圈

+关注