![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
拾辞
这个作者很懒,什么都没留下…
展开
-
黑马优购分类页面
文章目录1.1分类效果图1.2网络请求跟数据解析1.1.1数据解析1.1.2请求数据,处理数据1.3分类布局1.3.1引入搜索公共组件1.3.2页面左右分割1.3.3左侧菜单列表1.3.4右侧商品子分类1.4点击菜单切换商品内容1.4.1选中菜单添加`active`样式1.4.2动态切换右侧商品内容1.5切换菜单,右侧列表回顶部1.5.1 声明`scrollToTop`属性1.5.2 处理菜单点击事件1.5.3 添加`scrollTop`属性 1.1分类效果图 首先我们看我们要实现的效果 1.2网络请求跟原创 2021-05-17 20:11:11 · 714 阅读 · 3 评论 -
黑马优购商城首页的实现
文章目录1.1效果图1.2搜索框1.2.1新建组件1.2.2编写组件1.2.3引用组件1.2.4使用组件1.2.5效果1.3轮播图1.3.1获取网络接口1.3.1编写轮播图1.4 [Promise请求](https://blog.csdn.net/mszLOVEyjj/article/details/116767747)1.5分类导航1.51声明分类导航数组1.5.2 构建网络请求1.5.3分类导航编写1.5.41.6楼层1.6.1声明楼层数组1.6.2构建网络请求1.6.3编写楼层代码1.6.4效果图![原创 2021-05-17 19:30:35 · 1012 阅读 · 5 评论 -
小程序授权登陆流程
点击封装的登录按钮 <button type="primary" plain bindtap="login"> 登录 </button> 用微信官方方法 wx.getUserProfile Page({ login(){ wx.getUserProfile({ desc: '用于登录', success: (res) => { console.log(res);原创 2021-05-16 16:23:20 · 120 阅读 · 0 评论 -
小程序实现支付
首先在购物车页面给结算按钮注册点击事件pay 然后再js文件methosd中 js(){ //判断是否已添加地址信息 //如果未添加地址信息 if(!this.data.dz!=''){ //弹出提示框提示请添加收货地址 wx.showToast({ title: '请添加收货地址', icon:"none" }) //终止代码向下执行 return } //判断是否已添加商品 //如果未添加 if(this.data.show){ //弹出提示框提示请添加商品到购物车 wx.showToast({原创 2021-05-16 16:17:51 · 154 阅读 · 0 评论 -
小程序实收获地址
在页面中线给收获地址一个点击事件Address 调用小程序内置 api 获取用户的收货地址 wx.chooseAddress 点击button按钮触发相应的事件 获取用户对小程序是否授予 获取地址的权限 即scope。只用用户确认允许授权才能获取微信地址 Address() { let address={} wx.chooseAddress({ success: (result) => { consol原创 2021-05-16 16:13:57 · 82 阅读 · 1 评论 -
小程序实现客服和分享
我这里直接是直接给分享上面加了一个隐形的button按钮,直接给button添加属性open-type=“share”,就可以直接实现分享按钮 <view class="tool_item"> <view class="iconfont icon-fenxiang"></view> <view>分享</view> <button open-type="share" class="btn">原创 2021-05-16 16:06:20 · 111 阅读 · 0 评论 -
小程序收藏功能实现
在页面的收藏图标添加一个点击事件 add然后在js页面中写一下代码 参考: add(){ //获取本地中的用户信息 let o=wx.getStorageSync('userInfo') //判断用户是否已经登录 //如果未登录,则提示“您还未登录”并return终止代码执行 if(!o){ wx.showToast({ title: '您还未登录', icon:"none" }) return }else{ //反之,继续向下执行 } //获取本地的收藏信息 let c原创 2021-05-16 16:00:18 · 710 阅读 · 1 评论 -
微信小程序:下拉刷新,上拉加载更多
查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部, 在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效 看一下json文件 "enablePullDownRefresh": true, //注意这里的true是布尔型而不是字符; 接着在js文件中进行逻辑代码操作 封装请求商品列表数据函数 async getGoodsList(){ //定义参数信息 var n=t原创 2021-05-16 15:53:33 · 118 阅读 · 1 评论 -
小程序:使用promise封装wx.request()
使用promise封装wx.request() 1.目录结构 在根目录下创建http目录及api.js文件fetch.js以及http.js文件; 在根目录下创建env目录,创建index.js配置并导出多个开发环境 module.exports={ //开发环境 Dev:{ "BaseUrl":"https://www.develep.com" }, //测试环境 Test:{ "BaseUrl":"https://www.test.com" }, //生产环原创 2021-05-13 21:55:43 · 150 阅读 · 1 评论 -
小程序发布流程
发布流程,大概分三个大步骤: 上传代码 提交审核 发布版本 1.上传代码 在你编写完代码之后,在顶部找到上传 输入版本号,项目备注,点击上传 上传成功的提示 2、提交审核 我们直接进入微信小程序的官网 2.1进去版本管理,找到开发版本,直接提交审核 首次比较麻烦先提交审核,会弹出如下提示,点击前往填写 填写小程序基本资料 点击基本信息 添加开发者,点击编辑,点击添加成员,输入微信号,设置权限,点击确认添加,手机扫描二维码,确认添加。 添加成功之后的 返回之后刷新页面再次点击提交审核,执行下原创 2021-05-17 10:47:00 · 99 阅读 · 0 评论