【微信小程序iPhone X空白兼容】教程文章相关的互联网学习教程文章

微信小程序页面跳转方法总结【代码】

微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转:// 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。 // 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,但是 redirectTo wx.navigateTo({url: page/home/home?user_id=111 })// 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。wx.na...

微信小程序:动画(Animation)【代码】【图】

简单总结一下微信动画的实现及执行步骤。一、实现方式官方文档是这样说的:①创建一个动画实例 animation。②调用实例的方法来描述动画。③最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。 因为小程序是数据驱动的,给这句话加上数字标注分为三步:前两步是定义一个动画并设置都要干什么,然后把这个设置好的“规则”扔给界面上的某个元素,让它按照这个规则执行。 当然如果有多个元素的animation="{{an...

微信小程序页面含有数组,实现编辑功能【代码】【图】

解决思路 1.拿到所点击数组的主键及需要的信息,进入相应编辑页面 2.编辑页面点击保存时,根据主键先从数组中,删除编辑的元素 3.根据数组下标,再将新元素,写进数组的相应位置 A页面样式 点击代码` //点击编辑 editTap: function (e) { var that = this var data = e.currentTarget.dataset.index; console.log(“data==” + data); if (data != “”) { wx.navigateTo({ url: ‘…/editGoodInfo/editGoodInfo?data=’ + data, ...

微信小程序 - 步骤条组件【图】

<!-- 未激活颜色: uncolor:#ccc激活 active:0数据源 data:[{},{}]步骤条类型:type basic detail num more--><steps uncolor="#ccc" type="detail" active="0" data="{{basicsList}}" /> 点击下载:示例

5-微信小程序开发(微信小程序配置 npm)【图】

<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/LearningMiniProgram/" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe></p> <iframe frameborder="0" height="1500" name="ifd" scrolling="auto" src="https://mnifdv.cn/resource/cnblogs/LearningMiniProgram/" width="100%"></iframe> 什么是npm NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使...

微信小程序实现语音播报【代码】【图】

配置插件 在微信公众平台配置,找到设置–第三方设置–插件管理–点击添加插件 搜索微信同声传译,点击添加,具体开发文档可以通过详情去查看 2.引入插件 在项目根目录app.json文件中配置 "plugins": { // 引入插件"WechatSI": { // 自定义的名字"version": "0.3.4", // 引入插件的版本号"provider": "wx069ba97219f66d99" // 引入插件的appID}}3.使用插件 在要使用的页面的js文件上引入 var myPlugin = requirePlug...

微信小程序

史上最全的微信小程序代码大全 ?--------------------- 本文来自 fenxiangjun 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/fenxiangjun/article/details/54429666?utm_source=copy微信小程序官方Demo(Hao-Wu/WeApp-Demo) 微信小应用示例代码(phodal/weapp-quick) 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo) 微信小应用- 掘金主页信息流(hilongjw/weapp-gold) 微信小程序(应用号)示例:微信小程序豆瓣电影...

微信小程序请求封装【代码】

1. 基于promise封装request.jsconst baseURL = http://api.xxxxxx.cn/;export function request(method, url, data) {return new Promise(function (resolve, reject) {let header = data.header || {}header["content-type"] = "application/json";let userInfo = getApp().globalData.userInfoif (userInfo) {header["session_id"] = userInfo.session_id;}wx.request({url: baseURL + url,method: method,data: data || {},head...

如何实现微信小程序动画?添加到我的小程序动画实现详细讲解,轻松学会动画开发!附壁纸小程序源码下载链接【代码】【图】

为了让用户能尽可能多地使用小程序,也算是沉淀用户,现在很多小程序中,都有引导用户“添加到我的小程序”的操作提示,而且大多都是有动画效果。在高清壁纸推荐小程序首页,用户每次进入,都会在页面右上方,显示“添加小程序”的动画提示,如下图所示:怎么实现这样的关注提示功能呢?首先,进入pages/index/index.wxml文件中,编写布局代码如下:1 <!-- “添加小程序”的动画提示 --> 2 3 <view hidden={{isWebChatTipsHidden...

微信小程序Tab选项卡切换大集合【代码】【图】

代码地址如下:http://www.demodashi.com/demo/14028.html一、前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 1、基本需求。实现用户自定义弹框 带动画(动画可做参靠,个人要是觉得不好看可以自定义动画) 获取弹出框的内容,自定义事件获取2、案例目录结构二、程序实现具体步骤 1.选项卡xxx.wxml代码 a.tab1代码 <view class="navbar"><view class="na...

微信小程序:设置启动页【代码】

今天写的时候,发现微信小程序开发者平台无法显示出我们正在编写的页面,这对需要看效果的我们很是无奈,只好百度去设置首页,百度后的结果是在app,json中设置首页,很简单,只要在page中第一个就默认是首页了{"pages":["pages/list_trains/list.train","pages/index/index","pages/logs/logs"],{"pages":["pages/list_trains/list.train","pages/index/index","pages/logs/logs"],{"pages":["pages/list_trains/list.train","pag...

微信小程序 - 定位功能【代码】【图】

(1) 查看微信小程序文档大家可以从我截图中可以看到,API中的返回值有纬度和经度,所以我们接下来就是要用到纬度和经度逆地址解析出地址的一些信息。 (2)注册腾讯地图开放平台注册完之后选择WebServiceAPI进入WebServiceAPI之后大家就可以看到逆地址解析了,然后阅读一下腾讯为我们提供的开放接口,我们可以直接用GET请求获取地址的具体信息了,腾讯具体给我们的返回值大家可以注册一下进去看一看,很具体的。我直接上js代码ge...

微信小程序学习九 事件系统【代码】【图】

事件的绑定 方法名绑定 page.jsPage({/*** 页面的初始数据*/data: {tap_name: "tap_0",},//点击事件之心函数 tap_0(){console.log("我是点击事件");} }) page.wxml<view bindtap="tap_0"> //直接指定方法名绑定点击事件 </view>动态方法名绑定<view bindtap="{{tap_name}}"> //通过data中的数据进行事件执行函数的绑定,tap_name="tap_0"与上一种方法是同样的效果,这种方法必须使用{{}}将变量包裹,否则会识别为绑定tap_name方...

微信小程序,循环遍历view模块,根据view的值的不同,点击view模块,跳转到不同的页面【图】

前端页面效果如下: WXML代码<!-- 铜陵力凡公司 --> <view class='head'> {{mess}} </view> <!-- 图片模块 --> <view> <image src="/images/logo.jpg" class='img'></image > </view> <!-- 循环遍历模块 --> <view class='center'> <view class="part" wx:for-items="{{list}}" bindtap="dispath" wx:for-index="index" data-text="{{item}}"> {{item}} </view> </view> <view> </view> <view wx:if="{{flag?true:false}}" class=...

解决微信小程序textarea层级太高遮挡其他组件的问题【代码】【图】

<view class=remark><view class=title>备注说明</view><textarea class=mark_textarea placeholder=请说明人员调用具体原因 bindinput="input_remark" value= /></view><cover-view class=fix_bottom bar bottomfix shadow justify-center bindtap=go_submit>提交</cover-view>cover-view 在小程序中是比较特殊的组件,与 view 的最大区别在于,它能覆盖在原生组件 map、video、canvas、camera 之上,且只能嵌套 cover-view 和...