最近给别个公司做技术支持，要实现微信小程序上拉刷新与下拉加载更多，微信给出的接口不怎么友好，最终想实现效果类似QQ手机版 ，一共3种下拉刷新状态变化，文字+图片+背景颜色 最终实现后的效果(这里提示有个不同点就是，自定义了导航条，并且下拉的时候，自定义导航条必须固定） 小程序实现下拉加载2种方式： 1. 简单粗暴，直接开启enablePullDownRefresh，开启全局下拉刷新 2.利用scroll-view组件 简单分析下2种方式的利与...
微信小程序学习总结(四) 一. 视图容器 1. view 视图容器属性名 类型 默认值 说明hover-class String none 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态 1.5.0hover-start-time Number 50 ...
一、位置position【定位属性：static，relative，absolute，fixed，inherit，-ms-page，initial，unset】 1.static：元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或者多个行框，置于其父元素中。 2.relative：【相对于自己本身在流中的位置的偏移】元素框偏移某个距离。元素扔保持其未定位前的形状，它原来所占的空间扔保留。 3.absolute：【相对于父元素 —— 前提是父元素的位置是确定的】...
大部分情况下我们都是使用微信官方自带的 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...
一、前言 项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次，是基于微信小程序开发而提炼出一个简单方便使用的方法，网页开发中同样可用。这次使用的还是字体，主要是字体这个比较通用，颜色，大小都可以自己定义。当然了，来的最快的其实是用图片代替。二、微信小程序中评分功能实现 1.css文件中引入字体文件。也可以点此下载字体文件 @font-face { font-family: FontAwesome; src: url(h...
正文： 先上效果图: 点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层; <button bindtap="showview">Show</button> <view class="bg" bindtap=hideview style=display:{{display}}></view> <view class="show" bindtap=hideview style=display:{{display}}>申请成功 <view class=txt>您的密码为:123456</view> </view> .bg {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-colo...
本文主要介绍，页面跳转间的数据传递。传递的数据类型主要有1，基本数据类型；2，对象；3，数组集合； 先告诉你，本质上都是string类型传递。但是对于对象和数组集合的传递需要小小的处理一下传递时的数据和接收后的数据。 1，传递基本数据类型 index.js 发送页JSPage({data: {testStr: 字符串str},onl oad: function () {},next: function(e){wx.navigateTo({url: /pages/test/test?str=+this.data.testStr,})} })test.js 接受页J...
摘要：微信小程序内获取用户地理位置信息授权，被拒绝后二次获取，获取权限后逆解析得到用户所在省市区等.. 场景：商城类小程序，在首页时需展示附近门店，即用户刚进入小程序时就需要获取到用户位置信息 step1 在小程序中若要获取用户地理位置信息，需得到用户明确授权，且声明用途，所以首先在app.json中配置声明 参见（https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html）"permission":...
第12 天:(1)完成数据库的改善工作。 （2）完善送货员的订单详情部分 的时间问题 明日计划：（1）根据数据库完善代码 （2）根据老师的建议作出改善 今日小结：上午主要把数据库重新设计了一下，这样方便查找，减少代码的重复度。另外，学习了时间戳，可以获取当前时间，完善订单信息。 下午老师进行小评。emmm,可怜我抓不到重点，好像没有给老师看到送货员和采购员的页面。因为前面的页...
先说说项目需求吧， l 点击【再测一次】，重新开始测试流程，主持人回复第一个题目，流程同上；答完全部题目后，底部不显示【立即开始分析】按钮，而是直接展示结果，且上一次测试内容不清空；如退出再进来，则清空全部历史记录。图片说明： l 图片上面显示微信头像和昵称 l 名称：左右脑人才鉴定，下面显示2019权威测试标记； l 分数、简述文案与详述文案 l 二维码：H5聚合页的二维码 l 二维码文案为：长按识别二维码|快来领取...
//index.js //获取应用实例 const app = getApp()Page({data: {motto: 'Hello World',userInfo: {},hasUserInfo: false,canIUse: wx.canIUse('button.open-type.getUserInfo'),expressNu:null,expressInfo:null},//事件处理函数bindViewTap: function() {wx.navigateTo({url: '../logs/logs'})},onl oad: function () {if (app.globalData.userInfo) {this.setData({userInfo: app.globalData.userInfo,hasUserInfo: true})} else ...
建议刚入坑小程序的朋友，不懂的仔细看看！然后记住，多使用。话不多B说，直接上代码： 部分说明： setData()； 该方法是小程序特有的，就是一个将数据渲染到页面的方法，建议仔细去看看官方文档了解下（之前折腾了好久！）
现在如果说到小程序相信大家都不会陌生，经过数据统计现在微信小程序的数量已经达到了百万个的级别，其实不光有微信小程序，其他的app也有小程序，比如百度小程序、抖音小程序和支付宝小程序等，小程序很多app都有，只不过由于微信使用的用户更多，所以微信小程序比较出名，但是现在移动端还有一个产品比较流行，那就是H5，很多客户不懂这两者的区别，今天我们给大家简单的介绍一下。 首先来说微信小程序，微信小程序是基于微信上的...
微信小程序端的效果1：微信端代码 （2）wxxml <view class="container-body container-gray" style="display:{{showfootertab==0?'block':'none'}}"><form bindsubmit="evaSubmit"><view class="group"><view class="group-header">问题描述</view><view class="group-body"><textarea name="evaContent" maxlength="500" value="{{evaContent}}" class="weui-textarea" placeholder="填写内容(12-500字)" bindblur="charChange" /...