洛塔博士的博客

概述如果小程序用户数大于一千，可以申请流量主，则能够添加广告内容。激励式广告的微信说明为// 在页面中定义激励视频广告let videoAd = null// 在页面onLoad回调事件中创建激励视频广告实例if (wx.createRewardedVideoAd) { videoAd = wx.createRewardedVideoAd({ adUnitId: 'adunit-e7cb039788774b1b' }) videoAd.onLoad(() => {})

概述如果小程序用户数大于一千，可以申请流量主，则能够添加广告内容。插屏广告的微信说明为// 在页面中定义插屏广告let interstitialAd = null// 在页面onLoad回调事件中创建插屏广告实例if (wx.createInterstitialAd) { interstitialAd = wx.createInterstitialAd({ adUnitId: 'adunit-a4e30ba8401134fb' }) interstitialAd.onLoa

概述列表滑动到最底端的时候，请求更多数据并展示。展示样式：技术总结开启加载更多的支持app.json增加"enablePullDownRefresh": true数据到底的调用方法onReachBottom如果使用了form表单，多个输入框至多只能有一个auto-focus样式偷懒进行中，继续使用之前已经导入的@import "../index/weui.wxss";流程首先修改app.json，window中增加"enablePullDownRefresh": true，完整

概述列表数据分为两篇，本篇为基本数据列表展示，下一篇为分页列表展示，即加载更多效果。本篇最终展示样式技术总结等待效果wx.showLoading取消等待效果wx.hideLoading()列表展示，view的wx:for="{{list}}"样式偷懒直接使用了之前导入的样式@import "../index/weui.wxss";流程// pages/ship/ship.jsPage({ /** * 页面的初始数据 */ data: { page:

概述使用之前已经完成的个人中心页，在这个基础上直接修改。原地址：https://blog.youkuaiyun.com/m0_58095675/article/details/121077886流程分为三步：默认情况下没有登录点击登录按钮后，提示是否绑定手机号点击确定后，获取到手机号码对应效果如下技术总结1 小程序登录wx.login获取code（后台使用该code得到session_key openid unionid）2 获取手机号码 open-type=“getPhoneNumber”

概述写一个非常简单的个人中心页面，包括一下内容登录区域，根据是否登录显示不同的内容文字显示区域，只是显示文本文字显示区域绑定事件，可以拨打电话一些技术总结包括条件渲染的使用wx:if等，官方链接https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/conditional.html拨打电话功能 wx.makePhoneCall页面跳转wx.navigateTo样式图数据记录是否登录的判断标识，便于布局页使

概述功能中心展示全部功能的入口，因为练手的小程序比较简单，只有两个主要功能，所以除了两个入口和一个更多功能的按钮，下方又增加展示了两个纵向滚动提示，和首页的布局代码一样。请求的两个接口，第一个调整为新的接口http://yr.lootaa.com/ship/time/todayEnd，第二个没有变化，依旧使用http://yr.lootaa.com/time/channel/lately新增和之前相比，只新增了navigator的使用，url参数指定跳转的页面。样式@import "../in

准备资料本篇是从头搭建微信小程序的第二篇，主要内容：1.纵向滚动播放内容，循环的2.网络请求数据3.流量主的banner广告插入4.点击事件的弹窗提醒其中，备用的数据有两部分，分别对应两个循环滚动的内容http://yr.lootaa.com/ship/time/todayEnd 上半部分滚动内容http://yr.lootaa.com/time/channel/lately 下半部分滚动内容请求数据在index.js文件中，data里面增加list和list2参数，分别用于存储两部分

前置条件申请微信小程序并认证（略）下载开发者工具，打开后扫码登录（略）目标计划底部使用三个Tab，分别是首页、功能中心、我的，点击后上面显示区域切换变化。素材来源从阿里通讯图标库下载，颜色、大小等均可调整。下载地址https://www.iconfont.cn/collections/detail?cid=29素材下载完毕并修改名称后，小程序项目新建images文件夹，将图片拖拽到文件夹中。导航栏配置在app.json文件中直接添加tabBar内容即可。更多属性可以查阅微信文档http