
微信小程序
文章平均质量分 62
Unalesca
这个作者很懒,什么都没留下…
展开
-
小程序如何改变单个页面的标题
小程序默认显示的标题是在app.json文件中的window属性(配置全局属性)如果想要在单独页面修改标题,就找到单独页面的json文件默认是这样的只要加个逗号,在后面跟上属性navigationBarTitleText就可以了修改背景颜色什么的也是一样在这里添加...原创 2021-03-06 23:05:28 · 763 阅读 · 0 评论 -
怎么做一个假的后端(小程序中的数据公用)
这里的想法是做一个商城,商城意味着有产品列表和购物车列表。所以产品信息数据应该是共用的。但是在以往的微信程序中,每个页面的.js文件里面的data数据只能供自己页面的wxml和wxss文件渲染,其他的文件读取不到。所以商品数据不能单纯的放在购物车页面或者商品页面的.js文件中。所以本文的重点是怎么单独创建一个公用文件来存放数据共享给其他文件调用步骤:1.新建一个.js文件,放在utils文件夹中,里面写好data数据,然后用一个导出语句module.exports将数据导出(module.expor原创 2021-02-24 10:53:04 · 488 阅读 · 1 评论 -
关于小程序页面跳转的方法
小程序提供了两种页面路由方式:a. navigator 组件b. 路由 API,包括 navigateTo / redirectTo / switchTab / navigateBack / reLaunch 建议使用 navigator 组件,若不得不使用API,可在爬虫访问时屏蔽针对点击设置的时间锁或变量锁。1.使用组件navigator,使用的方式十分简单,只要在组件的属性里面添加url地址即可<navigator url="/pages/demo3/demo3" class="row"原创 2021-02-22 14:29:02 · 446 阅读 · 0 评论 -
微信小程序导航栏滑动一定距离后固定到顶部
接上一篇文章的内容,通常在一个页面中部会有一个导航栏查看不同的内容,这篇文章旨在实现在页面下滑的过程中导航栏自动固定到顶部以便我们阅读过程中的切换。下滑一段距离后自动固定到顶部首先,思考这个功能应该是怎么实现的:在页面下滑的过程中,我们希望系统应当能识别下滑了多少距离,当原本的导航栏逐渐被遮住以后(遮住意味着下滑了特定距离),触发这个功能,执行另一种样式,将导航栏固定在页面顶端,同时如果我们将页面往上滑,系统能识别到原来的导航栏能露出来了(即距离顶端的高度小于一个特定的值),这时候又执行最初的样式原创 2021-02-21 12:02:56 · 3830 阅读 · 0 评论 -
微信小程序顶部导航栏点击选项产生颜色变化和底部下划线显示
在很多程序中都有一个功能,就是顶部导航栏点击的时候能自动切换页面,并且选中的模块会变换颜色并且底部出现一条横线。首先思考这个功能的实现原理——通过“点击”这个动作,我们能知道点击的是哪一个模块,那这个模块一定有一个自己的唯一的信息,将这个唯一信息绑定一个特定页面,就能实现对应页面的跳转。而关于颜色的变换,本质上是模块样式的改变,所以一定是在wxss里面进行改变。所谓的改变,不是真的去修改原来样式的值,而是建立一种判断,当模块被点击时(获取到的唯一信息成立时),将这个模块对应到另一种样式设计,所以对一原创 2021-02-21 10:33:01 · 6777 阅读 · 1 评论 -
微信小程序竖向选择栏且点击时右侧页面自动跳转到对应位置
微信小程序竖向选择栏且点击时右侧页面自动跳转到对应位置之前看到过一个小程序,选择栏是竖向的,也就是图片上的这样,分成左右两边,都是可以单独滑动的,左边是菜单,点击里面的选项时右边会自动调转到相应的模块。但是注意到右边十一哥完整的长页面(页面初始化的时候一次性就加载好的)所以不是二级页面,肯定不能用navigator。网上也走不到这个怎么做,最后终于在阅读微信开放文档的时候找到了答案。在微信开放文档的API的界面里面找到滚动,下一级选项里面就只有这一个,接下来我来阐述如何在实例中用代码将其实现。经过原创 2021-02-19 19:27:01 · 1705 阅读 · 4 评论