【优秀小程序demo 源码】教程文章相关的互联网学习教程文章

微信小程序——导航栏的设置【代码】【图】

关于微信小程序导航栏的设置: 整体顶部导航栏设置 在全局文件app.json中: <!-- 需要置入windows,在其中修改navigationBar的属性 --> "window": { "navigationBarBackgroundColor": "#FF5777", "navigationBarTextStyle": "white", "navigationBarTitleText": "熊窝", "backgroundColor": "#ff5777", "enablePullDownRefresh": true, "backgroundTextStyle": "dark" }在页面的page.json中: <!-- 直接可以用 "navigationBarTitleT...

小程序左滑删除,可上下滑动【代码】【图】

如图: 代码:1 .userInfoView{2 width: 100%;3 height: 592rpx;4 margin-top: 40rpx;5 padding-bottom: 20rpx;6 }7 .userInfoLi{8 width: 100%;9 height: 176rpx;10 background-color: #F8F9FC;11 margin-bottom: 20rpx;12 border-radius: 8rpx;13 }14 .userinfonName{15 position: absolute;16 left: 108rpx;17 top: 24rpx;18 font-size: 28rpx;19 color: #333333;20 }21 .userinfoType{22 margi...

【小程序】微信小程序下拉刷新和上拉加载【代码】

在app.json中配置全局下拉刷新: "window": {"enablePullDownRefresh": false }在页面json文件中配置: "enablePullDownRefresh": true下拉刷新使用在页面中的 onPullDownRefresh 方法中(没有可自己添加),用户下拉后触发该方法。 触发后不能自动回弹,需要调用结束下拉方法: onPullDownRefresh:function(){wx.stopPullDownRefresh(); }注:我是在全局中关闭了下拉刷新,然后哪个页面中用了再开启。 用户下拉后没有显示三个点,可...

微信小程序调起支付API【代码】

官方文档: https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7 https://developers.weixin.qq.com/miniprogram/dev/api/open-api/payment/wx.requestPayment.html 假设订单发送给后台后,这里就是支付接口返回的数据 {"return_code": "SUCCESS","return_msg": "OK","appid": "wxd678efh567hg6787","mch_id": "12345678","nonceStr": "5K8264ILTKCH16CQ2502SI8ZNMTM67VS","paySign": "22D9B4E54AB1950F51E0...

使用gulp构建微信小程序工作流【图】

前言 刚入门微信小程序的时候,一切都基于微信web开发者工具,没有使用其他框架,也没有工程化的概念。当时做的项目都比较简单,单单用微信web开发者工具倒也得心应手。学了些东西后,就按捺不住地想跳出原生工具的条条框框,把近些日子学的东西都拿出来熬一熬。 已有的一个小程序项目使用了github上一个使用webpack、babel、sass开发的小程序脚手架(wxapp-boilerplate),我需要在不变动原有项目代码的基础上,使用gulp来重构项目...

电商系统适配最新小程序授权登录方案【图】

电商系统适配最新小程序授权登录方案 微信小程序官方关于登录、授权接口做了相应调整,对应CRMEB多商户系统需修改如下位置: 对照下图修改对应文件中的代码 Uni-app按下图修改 点击查看详情 点击查看微信官方接口更新详情 最终修改后的完整代码 ?<template> <view> <view class=Popup v-if=isShowAuth> <view class="logo-auth"> <image :src=logoUrl mode="aspectFit"></image> </view> <view class=title>授权提醒</view> <...

零基础入门小程序开发属于自己的第一个小程序

今日来教大伙儿怎样开发设计人们的第一位微信小程序 小程序定制开发人们必须免费下载相对的开发环境,本人较为强烈推荐的是微信出的开发环境。终究是官方网专用工具。 最先搞出官方网开发环境下载链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 官方网开发环境的免费下载 置于怎么使用就无需我讲过。免费下载出来后双击鼠标就能够装上。安裝后必须快速登录。扫二维码登后的页面给出。 在建新项目...

小程序学习:变量作用域【图】

参考这一篇,稍作修改:https://blog.csdn.net/michael_ouyang/article/details/55046458 app.js,增加一行全局变量定义,globalvar: 1:globalData: {userInfo: null,globalvar: 1} index.js,修改一下显示文本:data: {motto: '这是主页面',userInfo: {},hasUserInfo: false,canIUse: wx.canIUse('button.open-type.getUserInfo')}, pagea.js(这个是复制index文件夹,然后修改文件内容)://pagea.js //获取应用实例 var localva...

微信小程序登录笔记【图】

额 。思路 多年回头,但愿还明白自己写什么... 步骤一:.判断toke 验证是否登录。 toke存在跳转指定页面(首页)end。 toke不存在跳转步骤二 步骤二:.是否授权获取用户信息。 用户授权就开始登录 end。 用户没有开启授权,引导授权在登录。end。 细节:

成语答题小程序V3.0【图】

自从开源成语答题小程序以来不断完善功能,并且不断修复bug,成语答题小程序v3版本完善了很多功能 1.增加了原生模板广告,设置原生模板广告后可以设置首页或答题页是否显示原生模板广告 2.增加了背景设置功能,可以设置页面背景,让小程序看起来更加高大上。 3.优化了插屏广告显示 4.优化了奖品兑换数量限制,兑换完后不能兑换奖品 5.优化了奖品兑换记录查询 6.增加了自定义分享图片设置标题和图片内容。 7.增加了奖品发放已发放和...

微信小程序的更新机制 && 如何让微信用户更新小程序

更新机制 稍后说 更新小程序代码: 根据微信提供的api,可以检测是否小程序有新版本 代码如下 let updateManager = wx.getUpdateManager();updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log("是否有新版本:"+res.hasUpdate); if(res.hasUpdate){//如果有新版本 // 小程序有新版本,会主动触发下载操作(无需开发者触发) updateManager.onUpdateReady(f...

浅谈:小程序的开发模式

浅谈:小程序的开发模式 小程序开发,主要可分为三种模式: 1.基于现成模板进行编辑的模式这种模式下,模板是最为首要的,用户首先选择一个最为接近需求的模板,然后采用编辑、配置的方式对模板的名字、标题、栏目名称/数量、图片等进行修改。优点:简单快捷,如果图片素材等提前准备到位了,通过模板编辑配置的模式开发微信小程序,一般1、2个小时就能搞定!缺点:1)找到匹配度足够满意的模板并不容易:这种模式比较依赖于模板供...

十一、微信小程序-var、let、const用法详解

let命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 {let a = 10;var b = 1; } a // ReferenceError: a is not defined. b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效。 for循环的计数器,就很合适使用le...

第一章 “我要点爆”微信小程序云开发之项目建立与我的页面功能实现【代码】【图】

第一章 “我要点爆”微信小程序云开发之项目建立与我的页面功能实现 开发环境搭建使用自己的AppID新建小程序项目,后端服务选择小程序云开发,点击新建,完成项目新建。 新建成功后跳转到开发者工具界面新建后,微信端为我们提供了一个参考的模板程序,这里我们自己来创建各个所需的文件与代码,所以删除所有不需要的文件,删除cloudfunctions、miniprogram/images、miniprogram/pages文件下所有文件,同时也删除style文件和删除ap...

模板vs定制 门店小程序该如何选择?【图】

越来越多的门店商户已经意识到小程序在新零售里扮演的重要角色。随着需求的爆发,市场上出现了不少服务商,提供门店小程序定制开发服务。所以,商户们也面临着小程序模板与定制的多重选择。 所谓的小程序模板,就是指服务商开发好现成的模板,用户购买模板后直接使用。这种模板商城最大的优势就是价格便宜,即买即用,门店商户可以快速上线和发布自己的小程序店铺,图的是个省时省钱。 有些服务商会针对不同的行业开发相应的行业...