微信小程序
关注
分享
扫一扫
.
大格子嘞
这个作者很懒，什么都没留下…
展开
-
【微信小程序】获取分类id+使⽤⾃定义组件传参实现tab栏
获取分类id+使⽤⾃定义组件传参实现tab栏获取分类id点击商品分类页面不同的商品跳转到不同的商品列表页面2. 使⽤⾃定义组件传参实现tab栏（1）创建自定义组件在⽂件夹components/Tabs内，右键新建Component名为Tabs在组件的json⽂件中进⾏⾃定义组件声明components/Tabs/Tabs.json{ "component": true,...原创 2020-05-04 23:55:58 · 678 阅读 · 0 评论 -
【微信小程序】使用es7的async await来发送请求
使用es7的async await来发送请求 // 获取分类页面数据 async getCates() { // 使用es7的async await来发送请求 const res = await request({ url: "/categories" }); this.Cates = res.data.message; // 把接口的数据存入到本地存储中...原创 2020-05-03 17:01:18 · 574 阅读 · 0 评论 -
【微信小程序】提取公共接口路径优化代码
提取公共接口路径优化代码request/request.jsexport const request = (params) => { // 定义公共的url部分 const baseUrl = "https://api-hmugo-web.itheima.net/api/public/v1"; return new Promise((resolve, reject) =&g...原创 2020-05-03 15:32:02 · 1001 阅读 · 0 评论 -
【微信小程序】使用缓存技术优化代码
使用缓存技术优化代码问题：接口的返回数据量太大了解决：使用缓存技术优化微信小程序官方文档：数据缓存存：wx.setStorageSync(key, data) 取：wx.getStorageSync(key)不存在类型转换的操作，存什么类型的数据进去，获取时就是什么类型0 把接口中的数据存入本地存储中 wx.setStorageSync(key, data)1 获取本地存储中的...原创 2020-05-03 14:47:20 · 717 阅读 · 0 评论 -
【微信小程序】动态API+scroll-view组件实现页面滚动+点击左侧菜单右侧数据动态渲染
动态API+scroll-view组件实现页面滚动+点击左侧菜单右侧数据动态渲染获取分类页面数据接口：https://api-hmugo-web.itheima.net/api/public/v1/categoriespages/category/category.js// 引入用来发送请求的方法import { request } from "../../request/reque...原创 2020-05-02 19:41:49 · 2494 阅读 · 0 评论 -
【微信小程序】动态API+手动实现页面楼层
动态API+手动实现页面楼层1. 获取楼层数据接口：https://api-hmugo-web.itheima.net/api/public/v1/home/floordatapages/index/index.js// 引入用来发送请求的方法import { request } from "../../request/request.js";Page({ data: { ...原创 2020-05-01 16:44:22 · 1758 阅读 · 0 评论 -
【微信小程序】动态API+手动实现分类导航
动态API+手动实现分类导航1. 获取分类导航数据接口：https://api-hmugo-web.itheima.net/api/public/v1/home/catitemspages/index/index.js// 引入用来发送请求的方法import { request } from "../../request/request.js";Page({ data: { ...原创 2020-05-01 13:07:12 · 1535 阅读 · 2 评论 -
【微信小程序】动态API+swiper组件实现轮播图+es6的promise
动态API+swiper组件实现轮播图1. 获取轮播图数据接口：https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdatapages/index/index.jsPage({ data: { // 轮播图数组 swiperList: [] }, onLoad: function (opt...原创 2020-05-01 11:54:44 · 3628 阅读 · 2 评论 -
【微信小程序】使⽤⾃定义组件实现头部搜索框
使⽤⾃定义组件实现头部搜索框 1. 创建自定义组件：在⽂件夹components/SearchInput内，右键新建Component名为SearchInput；在组件的json⽂件中进⾏⾃定义组件声明；在组件的wxml⽂件中编写组件模板；2. 声明引⼊⾃定义组件：在⻚⾯的json⽂件中进⾏引⽤声明，提供对应的组件名和组件相对路径；3.⻚⾯中使⽤⾃定义组件：在页面的wxml文件中使用自定义组件；原创 2020-04-30 15:12:26 · 1071 阅读 · 0 评论 -
【微信小程序】使⽤tabbar组件实现底部导航栏
使⽤tabbar组件实现底部导航栏app.json{ "tabBar": { "color": "#999", "selectedColor": "#ff2d4a", "backgroundColor": "#fafafa", "position": "bottom", "borderStyle": "black", "list": [ ...原创 2020-04-30 13:41:21 · 275 阅读 · 0 评论 -
【微信小程序】初始化页面样式
初始化页面样式app.wxsspage,view,text,swiper,swiper-item,image,navigator{ padding: 0; margin: 0; box-sizing: border-box;}page{ /* 定义主题颜色 */ --themeColor: #eb4450; /* 定义统一字体大小 ...原创 2020-04-30 13:29:21 · 3422 阅读 · 0 评论 -
【微信小程序】引入iconfont字体图标
引⼊字体图标1. 打开 [Iconfont-阿里巴巴矢量图标库](https://www.iconfont.cn/)2. 选择图标，添加⾄项⽬3. Front class - 查看在线连接 - 复制类的地址4. 浏览器打开，全选复制到项目的 `styles\iconfont.wxss`5. 在项目的全局样式 app.wxss 中引⼊ `@import "./styles/iconfont.wxss";`6. 在项目的页面中直接可以通过类名使用原创 2020-04-30 11:40:01 · 1888 阅读 · 1 评论 -
【微信小程序】今日天气
今日天气小程序：手动搜索位置获取天气信息原创 2020-01-06 10:23:11 · 905 阅读 · 4 评论