草庐IT

微信小程序setData

全部标签

微信小程序顶部栏图片随页面滚动渐变展示隐藏

微信小程序顶部栏图片随页面滚动渐变展示隐藏小程序顶部通栏,展示图片,随着页面滚动,开始渐变展标题记及纯色吸顶样式主要使用了小程序中的scroll-view组件,通过滚动时触发bindscroll和滚动到顶部bindscrolltoupper改变顶部栏的样式效果目录微信小程序顶部栏图片随页面滚动渐变展示隐藏效果如图:代码如下:index.wxmlindex.jsindex.wxssindex.json代码打包下载效果如图:运用技术:主要使用了小程序中的scroll-view组件,通过滚动时触发bindscroll和滚动到顶部bindscrolltoupper改变顶部栏的样式效果,如果不使用bin

微信小程序----全局数据共享

1.什么是全局数据共享全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有:Vuex、Redux、MobX等。2.小程序中的全局数据共享方案在小程序中,可使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享。其中:mobx-miniprogram用来创建Store实例对象mobx-miniprogram-bindings用来把Store中的共享数据或方法,绑定到组件或页面中使用全局数据共享–MobX1.安装MobX相关的包在项目中运行如下的命令,安装MobX相关的包:npminstall--sav

微信小程序的路由跳转、路由传参

1、路由跳转声明式:就是指标签实现的跳转方式;编程式:就是指js事件实现的跳转方式;原生js跳转:(2种)声明式:a标签       属性 href编程式:location      属性 hrefvue跳转:(2种)声明式:router-link    属性to编程式:this.$router.push小程序跳转:(2种)声明式:navigator标签  属性url(跳转的路径)小程序跳转的时候可以用绝对路径;也可以用相对路径。编程式:利用js来跳转小程序跳转注意事项:写路径的时候一定不要忘记加斜杠,理由:你如果不加斜杠的话,它就会在当前页面里面去找这个路径,那肯定找不到呀,因此写绝对路径时

微信小程序地图组件利用腾讯地图生成热力图

由于找遍全网都没有使用过腾讯地图热力图接口的,所以我是靠自己一个个尝试的,所有尝试了很多步骤才做出来,所以很多步骤可能多于,但是我也不知道拿几个步骤才是真正实现热力图的,所以全部都写出来,如果大家有补充的可以在评论区发言。本人水平不足,很多地方考虑不到,文章也不怎么会写,但希望能通过文章帮到你!1.申请密钥key首先要在腾讯地图官网注册一个key地址:腾讯位置服务-立足生态,连接未来我是勾选了WebServiceAPISDK微信小程序三个选项然后创建了一个key这个key在后面要用到很多地方2.点击下面的图层编辑 我选的是标准热力图,然后点击导入数据点击下面那个下载数据模板,就会给你一个lon

微信小程序云开发 | 插件的微信小程序云开发

1、插件开发简介1●插件简介插件是对一组JavaScript接口、自定义组件或页面的封装,可嵌入小程序中使用。插件不能独立运行,必须嵌入在其他小程序中才能被用户使用;而第三方小程序在使用插件时,也无法看到插件的代码。因此,插件适合用来封装自己的功能或服务,提供给第三方小程序进行展示和使用。插件开发者可以像开发小程序一样编写一个插件并上传代码,在插件发布之后,其他小程序方可调用。小程序平台会托管插件代码,其他小程序调用时,上传的插件代码会随小程序一起下载运行。相对于普通JavaScript文件或自定义组件,插件拥有更强的独立性,拥有独立的API接口、域名列表等,但同时会受到一些限制,如一些API

【uni-app】1 uniapp介绍 & 使用 + 小程序实时获取视频播放时间

文章目录一、uni-app介绍1、诞生背景2、uni-app是什么(what、where)3、uni-app的优势(why)4、uni-app的功能框架图二、使用uni-app(how)1、下载安装&创建项目2、多端运行3、uni-app操作三、其他微信小程序实时获取视频播放时间(秒)一、uni-app介绍1、诞生背景多端泛滥。现在是一个多端泛滥的时代,用户被分散到了各个平台,随着微信小程序的兴起,各个平台迅速也推出了自己的小程序。为了覆盖到更多的用户,企业增加了非常多的运营成本,开发人员增加了非常多的学习成本。体验不好。过去也有一些跨平台框架,但是在开发体验上不是太好。生态不够丰富。过去的跨

【pygame】微信飞机大战

文章目录项目简介运行方法方法一方法二功能介绍目录结构注意事项项目下载项目简介这是一个利用pygame制作的仿微信飞机大战的项目运行方法方法一直接运行游戏目录下的play-game.exe文件。方法二使用带有pygame环境的python解释器运行main.py文件注:pygame环境可以使用pipinstallpygame-ihttps://pypi.tuna.tsinghua.edu.cn/simple进行下载。功能介绍目录结构aircraftbattle/├─game_class #项目中的自建模块和分数文件├─images #项目中用到的图片素材│├─icon #图标│├─life

微信小程序--个人主页的制作

目录个人中心页面-user-页面效果1.效果图:2.页面wxml的布局逻辑3.页面wxss的设置*业务逻辑1.获取登录信息2.加载收藏信息3.查询订单状态+关键技术1.css属性filter的使⽤2.获取用户的信息3.对页面整体布局的掌握个人中心页面-user-页面效果1.效果图:2.页面wxml的布局逻辑(1)代码:!--获取个人信息主页-->viewclass="user_info_wrap">viewwx:if="{{userinfo.avatarUrl}}"class="user_img_wrap">imageclass="user_bg"src="{{userinfo.avatarU

天气预报小程序的设计与实现

实验目的1、天气预报项目的设计与实现;实验环境个人手机、与因特网连接的计算机网络系统;主机操作系统为Windows或MAC;微信开发者工具、IE等软件。数据支持:进制数据天气预报api 腾讯地图逆地址解析: 实验项目需求获取用户位置权限获取当前位置根据当前位置获取本地所在城市根据城市获取本地天气实现搜索城市的天气预报对获取到的数据进行布局排列实验报告内容 图示: 布局:headerposition设置relative,动态图片waveposition设置absolute,bottom设置-2px将动态图片插入header的底部,top、center使用flex布局,默认row排列,主轴方向对齐

微信小程序web-view环境下H5跳转小程序页面方法

web-view页面内的H5页面跳转至小程序页面一般的,web-view组件的src属性指定的H5页面之间,可以正常的采用超级链接a标记对进行页面之间的条转。但是web-view页面要想通过手指触碰返回小程序页面,就无法使用超级链接a标记了。那么这个问题应该如何解决呢?1、在H5页面引入JSSDK首先需要在H5页面中引入JSSDK,它可以让H5页面的js文件执行微信小程序的部分API命令。H5页面引入JSSDK的代码如下所示。scriptsrc="https://res.wx.qq.com/open/js/jweixin-1.6.0.js">/script>2、跳转至小程序页面方法wx.min