最近给别个公司做技术支持,要实现微信小程序上拉刷新与下拉加载更多,微信给出的接口不怎么友好,最终想实现效果类似QQ手机版 ,一共3种下拉刷新状态变化,文字+图片+背景颜色
最终实现后的效果(这里提示有个不同点就是,自定义了导航条,并且下拉的时候,自定义导航条必须固定)
小程序实现下拉加载2种方式:
1. 简单粗暴,直接开启enablePullDownRefresh,开启全局下拉刷新
2.利用scroll-view组件
简单分析下2种方式的利与...
问题描述APP 扫码 mPaas 小程序弹出 toast 信息:"应用更新错误(50002)"。 原因分析通过扫码进行真机调试的正常流程如下:在小程序 IDE 生成二维码,以供手机客户端扫描,同时会将小程序包上传至 mPaaS 控制台的小程序发布中。手机客户端扫描此二维码后,会主动通过 RPC 请求去拉取控制台中的 AMR 文件。 当调用 MDS 小程序更新接口后,若没有获取对应的小程序信息,就会提示“应用更新错误(50002)”。这类问题可能的原因包括...
1. 页面 js 中: 只有添加了 onShareAppMessage( ),该页面才能被分享 2. onShareAppMessage( )中的设置: 需要return { }onShareAppMessage: function () {var that = this;// 设置菜单中的转发按钮触发转发事件时的转发内容return {title: "", // 默认是小程序的名称path: `/pages/enjoy/enjoy?type=${that.data.type}&id=${that.data.id}`, // 默认是当前页面,必须是以‘/’开头的完整路径imgUrl: ‘‘, //自...
多生鲜行业都想利用微信小程序上线上引流,想做一款生鲜小程序,下面就和大家分享一下生鲜小程序制作流程有哪些?
步骤一:准备工作
在制作生鲜小程序之前,首先需要准备好小程序账号、小程序商户支付号以及小程序APP密钥。这些账号准备之后,才开始进行生鲜小程序制作。
步骤二:选择制作类型
市场上,做生鲜小程序大多都是采用模板化开发,模板化开发比较合适中小企业。
步骤三:利用第三方开发平台
登录第三方开发平台注册,一般...
微信小程序学习总结(四)
一. 视图容器
1. view 视图容器属性名 类型 默认值 说明hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果 hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态 1.5.0hover-start-time Number 50 ...
1. 创建小程序
(1) "微信web开发者工具"—使用手机微信扫码登录
(2) 点击 “添加项目” —填入如下信息—选择 创建 “quick start项目” (小程序模板)—点击 “添加项目”——进入并看到完整的开发者工具界面 AppID:之前获取到的AppID (若没有,可以忽略)
项目名称:自己任意取
项目目录: 选择一个空文件夹(新的小程序项目)、包含 app.json 的已有文件夹 (已有的小程序项目)
<web-view>?包裹其他网页的容器(很想html的iframe) 不过地址必须是关联的公众号的文章,或者登录小程序管理后台配置业务域名里的地址
小程序登录1.Web登录涉及到的知识点1.1HTTP无状态性1.2HTTP报文2.小程序基于Session的用户登录2.1 基于Session的用户认证机制2.2 小程序没有cookie3.微信公众平台官方登录示例4.记住密码功能
1.Web登录涉及到的知识点
1.1HTTP无状态性
HTTP是无状态的,一次请求结束,连接断开,下次服务器再收到请求,它就不知道这个请求是哪个用户发过来的。当然它知道是哪个客户端地址发过来的,但是对于我们的应用来说,我们是靠用户来管理,而...
一、位置position【定位属性:static,relative,absolute,fixed,inherit,-ms-page,initial,unset】 1.static:元素框正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或者多个行框,置于其父元素中。 2.relative:【相对于自己本身在流中的位置的偏移】元素框偏移某个距离。元素扔保持其未定位前的形状,它原来所占的空间扔保留。 3.absolute:【相对于父元素 —— 前提是父元素的位置是确定的】...
一个护眼小程序
根据花的颜色来提醒。
https://gitee.com/gu__yang/takeabreak
目前是监控键盘和鼠标的动作来判断是否在用电脑。
大家可以提一些意见,后续要加些什么功能
大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ,但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。思路隐藏官方导航栏
获取胶囊按钮、状态栏相关数据以供后续计算
根据不同机型计算导航栏高度
编写新的导航栏
页面引用自定义导航一、隐藏官方导航栏
隐藏导航栏可以全局配置,也可以单独页面配置,具体根据业务需求来。{"path" : "pages/public/login","style": {"navigationBarTitleText": "","...
图示:index.wxml
<!--index.wxml-->
<button bindtap="map">定位</button>
index.js
//index.js
//获取应用实例
const app = getApp()
Page({data: {},map:function(){wx.getLocation({type: 'gcj02', //返回可以用于wx.openLocation的经纬度success: function (res) {var latitude = res.latitudevar longitude = res.longitudewx.openLocation({latitude: latitude,longitude: longitude,scale: 28})}})}
})解说:1、index.wxml...
点击复制文本功能:wx.setClipboardData() 基础库 1.1.0 开始支持,低版本需做兼容处理 // 当期基础库版本2.8.3// 复制功能copy(){wx.setClipboardData({data: 这是我要复制的内容1111111111111,success(res) {wx.getClipboardData({success(res) {// 弹框wx.showModal({title: 复制成功,content: 内容已经复制成功,})}})}})} // 低版本兼容------加一个if判断copy(){if(wx.setClipboardData){wx.setClipboardData({...
一、前言
项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次,是基于微信小程序开发而提炼出一个简单方便使用的方法,网页开发中同样可用。这次使用的还是字体,主要是字体这个比较通用,颜色,大小都可以自己定义。当然了,来的最快的其实是用图片代替。二、微信小程序中评分功能实现
1.css文件中引入字体文件。也可以点此下载字体文件 @font-face { font-family: FontAwesome; src: url(h...