TDesign电商小程序模板解析02-首页功能
上一篇我们搭建了底部的导航条，这一篇来拆解一下首页的功能。首页有如下功能 可以进行搜索 显示轮播图 横向可拖动的页签 图文卡片列表 1 home.json 因为是要使用组件库的组件搭建页面，自然是先需要引入自定义组件 ...
TDesign电商小程序模板解析01-自定义底部导航栏
我们已经利用了两篇文章解读了一下微信小程序带的TDesign模板 TDesign小程序组件库01 TDesign小程序组件库02 入门一款前端组件库，如果挨个去看每个组件的用法未免比较枯燥，即使看懂了其实离实际开发还是比较远的。为了快速的入门，其实带着一个实际的案例去学习就比较快了。 通常小程序比较常见的场景是电商，一般是作为商家一个私域运营的工具。好在已经提供了...
TDesign电商小程序模板解析02-首页功能（二）
3 goods-card组件在components文件夹下再新建一个goods-card文件夹然后在goods-card文件夹新建一个Pageindex.json{ "component": true, "usingComponents": { "price": "/components/price/index", "t-icon": "tdesi...
TDesign电商小程序模板解析02-首页功能（一）
上一篇我们搭建了底部的导航条，这一篇来拆解一下首页的功能。首页有如下功能可以进行搜索显示轮播图横向可拖动的页签图文卡片列表1 home.json因为是要使用组件库的组件搭建页面，自然是先需要引入自定义组件{ "navigationBarTitleText": "首页", "onReachBottomDistance": 10, "backgroundTextStyle": "ligh...
TDesign电商小程序模板解析01-自定义底部导航栏（二）
3 创建底部导航条我们底部导航条作为一级页面，可以使用微信自带的tabBar组件，配置方法是直接在app.json文件里增加对应的属性。导航条可以使用图标+文字的方案，图标有两种一种是选中状态，一种是未选中状态。"tabBar": { "custom": true, "color": "#666666", "selectedColor": "#FF5F15", "...
TDesign电商小程序模板解析01-自定义底部导航栏（一）
我们已经利用了两篇文章解读了一下微信小程序带的TDesign模板TDesign小程序组件库01TDesign小程序组件库02入门一款前端组件库，如果挨个去看每个组件的用法未免比较枯燥，即使看懂了其实离实际开发还是比较远的。为了快速的入门，其实带着一个实际的案例去学习就比较快了。通常小程序比较常见的场景是电商，一般是作为商家一个私域运营的工具。好在已经提供了一套电商模板，我们来逐步拆解一下。1 电....
TDesign小程序组件库体验
原来小程序开发有组件库选择的问题，可以使用WeUI或者Vant。今年腾讯开源了前端的框架TDesign，我也分享了两篇使用文章。年初分享的主要是PC端的框架，除了有PC端的框架外，最近TDesign又新出了小程序的框架，组件比较丰富，今天就带着大家体验一下。1、创建小程序用微信扫码登录微信开发者工具，登录之后点击+号来创建项目创建项目时，先需要填入项目名称，选择程序存放的目录，填入appid，后....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
