微信小程序黑马优购(项目)(二)

目录:

1.设置tabBar效果

2.首页-轮廓图效果

3.首页-配置小程序分包

4.首页-点击轮播图跳转到商品详情页

5.首页-封装uni.$showMsg函数

1.设置tabBar效果

新建完这几个页面在page.json里面会多了这四个页面的路径

选中的文本颜色:

项目默认是index页面:

需要删除这个页面:

这样我们的tabbar就出现显示了

推送分支到远程:

切换主分支:

合并代码

推送主分支内容到远程:

删除本地分支:

2.首页-轮廓图效果

创建新分支:

先初始化一个package.json这个文件

安装:

先配置一个根路径:

<!-- indicator-dots:小圆点 autoplay:自动轮播 interval:轮播间隔 duration:开始轮播到轮播结束耗时 circular:衔接轮播-->

样式美:

3.首页-配置小程序分包

4.首页-点击轮播图跳转到商品详情页

点击一张轮播图,就进行了跳转

5.首页-封装uni.$showMsg函数

相关推荐
大米饭消灭者2 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround3 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround3 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
吴声子夜歌3 天前
小程序——布局示例
小程序
码云数智-大飞3 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序
luffy54593 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟3 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
攀登的牵牛花4 天前
给女朋友写了个轻断食小程序:去老丈人家也是先动筷了
前端·微信小程序
前端小雪的博客.4 天前
【保姆级教程】uniAI 插件高效开发 uni-app 微信小程序(附实战案例)
微信小程序·uni-app·ai编程·uniai
小小王app小程序开发4 天前
海外盲盒小程序抽赏玩法分析(附跨境技术落地要点)
小程序