小程序页面滚动条样式怎么设置
编辑:小飞燕 发布时间:2021-04-17 10:52:35
小程序页面的滚动条允许用户自由选择小程序功能,即一键进入小程序页面。小程序页面的滚动条样式是什么?小程序页面滚动条怎么开发?让我们互相了解一下。
以上是小程序页面的滚动条样式渲染。scroll-view是微信小程序的滚动视图组件,主要功能是作为手机上经常看到的上拉加载和下拉刷新列表页面!
首先,我们需要为我们的小程序导入一个新的页面。在项目根目录下打开app.json项目配置文件,在里面的pages数组中添加' pages/alljoke/alljoke '。然后设置小程序的底部导航,并在“标签栏”的列表项(“列表”)中添加:
如果想知道具体配置的含义,可以参考小程序配置文档,这里就不赘述了!
json配置页面
接下来,我们将创建一个新的页面配置页面,在页面目录下创建一个新的目录如alljoke,在这个applet目录下创建一个新的alljoke.json,并将下面的代码复制到这个文件:中。
因为我们稍后进行下拉刷新时需要使用applet提供的onpulldownrefresh方法,所以必须在配置项中打开enablepulldownrefresh。还有一个选项是,你可以随意在页面顶部设置标题,也可以不设置!
wxml视图页面
轮到查看页面了。同样,创造一个新的笑话。alljoke目录下的wxml页面。wxml是一个小程序创建的视图页面文档类型,写起来像html,前端上手并不难。如果您需要了解更多,可以阅读wxml文档。同时将下面的代码复制到alljoke.wxml。
如你所见,我们的主角卷轴视图也在这里隆重登场了!我带了一长串配置,我来告诉你这些配置的功能。
使用的选项都列出来了,还有一个:需要特别注意
使用垂直滚动条时,必须为组件设置一个固定高度,即上面代码样式中设置的高度!记住,记住!
有关更多信息,请阅读微信小程序滚动查看组件文档
wxss样式
同样,在alljoke目录下会创建一个新的alljoke.wxss文件。这个小程序的风格类似于传统的css。可以根据自己的喜好来设计。在这里,我只是把它变丑了。你会用到它。
小程序文档中小程序页面滚动条样式介绍
逻辑部分
来到比较后也是比较重要的逻辑部分!在旧的alljoke目录下新建一个alljoke.js文件,先粘贴代码,然后慢慢讲解:
你可以看到我们需要先用page函数注册页面,然后在数据中定义一些初始化数据。
onload是这个页面的生命周期函数,加载页面时会调用这个函数。
我们在加载页面时调用用户定义的getlist函数。这个函数接收两个参数,第一个参数是要加载的页面,第二个参数是布尔值,用来判断这个函数是下拉刷新调用的还是加载页面时调用的!
接下来,onpulldownrefresh是applet提供的下拉刷新功能,其中wx.showtoast显示一个消息提示框,提醒用户正在加载,loadmore是滚动到底部触发的事件。在函数中,它将检查是否所有列表项都已加载。如果所有列表项都已加载,它们将被返回。如果数据库中有列表项,上拉到底部加载下一页!
scrll函数是滚动时触发的函数。可以看出,这个函数将决定滚动条位置是否大于600。如果大于600,直接底部按钮,如果小于600,直接隐藏顶部按钮。同时会更新滚动条位置的参数。
根据这个信息,每个人设置小程序页面的滚动条样式非常简单,只需按照步骤操作。如果还是一无所知,或者想了解更多关于小程序页面滚动条样式的信息,请关注源代理网的小程序频道。
下面是题目开头的小程序战。微信为什么掉头追搜索这里是标题结尾
9月25日,搜索智能小程序召开闭门会议,为开发者开放应用,并公布了两个月公测期间的多项数据。智能小程序月活动量超过1亿;小程序性能方面,爱奇艺智能小程序的日常生活已经超过1400万,vipshop智能小程序新客户的获取成本比h5降低了30%.此外,搜索还正式为开发者提供了搜索、信息流、固视、回访四大超级门户。
搜索智能小程序短短两个月就能获得一亿个月的成绩,基于搜索和信息流的小程序分发正经历着巨大的生命力。另一方面,看到搜索成绩的微信,终于意识到搜索对于小程序分发的重要性,加快了搜索布局的调整。9月28日,微信正式推出小程序“直接功能”。
在微信小程序推出之初,张小龙曾经说过“前期我们会鼓励小程序以二维码的形式出现在每个地方。”二维码一直是微信开发的重点。然而微信已经彻底扭转局面,开始深化搜索。首先,它去年成立了一个搜索应用部门。其次,为小程序打开了两个门户,首页搜索和小程序搜索,做了很多优化。这件事有着非同寻常的意义,因为早在2021年,张小龙就曾经说过:“pc互联网的入口在搜索框里,移动互联网的入口在二维码里。”
此时,微信食言,将搜索升级为关键策略,这也反映出搜索将在小程序的分发中发挥至关重要的作用,微信正在盯上搜索。
另一方面,搜索智能小程序的布局已经开始破晓,一亿的月生活数据正在改写目前的格局。为什么曾经被张小龙看好的二维码没有成为小程序的主战场,搜索再次脱颖而出?这是一个值得讨论的话题。
二维码是一个被动的消费场景,无法与搜索竞争,也无助于小程序的分发
从微信的生态角度来看,其二维码布局的确取得了一定的成功,二维码成为用户相互获取信息的关键枢纽。
微信把二维码的可能性发挥到了,文章内容、微信账号、小程序、支付都靠微信生态。但是所有可以通过二维码获取信息的场景都被覆盖了,二维码对用户形成了惯性习惯。然而,从整个互联网规模来看,二维码仍然不是主流场景。
首先二维码的本质还是属于被动推送场景,无法与搜索抗衡。当用户看到二维码时,二维码会与其他信息一起呈现,相关信息会围绕二维码图片呈现。二维码是微信账号,文章和支付会一起出现,告诉用户扫描二维码会得到什么结果。
读二维码表面上是用户主动获取信息,实质上是用户被动获取信息,而扫描二维码是重新读取信息,二维码的传播必须依附于前信息的传播。
所以二维码更适合微信场景。微信场景下,大部分用户主要是看别人的信息(朋友圈信息、聊天信息、微信账号信息)等。而且只有少数人参与讨论,属于被动的信息消费行为,所以更适合二维码。
搜索对于用户来说是一个纯粹的主动过程,搜索也不依赖于被动的信息推送,所以他们属于平行,互不相关,二维码更不可能代替搜索。
其次,二维码对小程序的分发帮助不是很大,社交是关键。当开发者想用微信发布小程序时,比较需要考虑的是如何使用微信社交关系,而不是如何使用二维码。毕竟小程序可以实现一键转发到微信群的功能,用户打开小程序不需要二维码,直接省略。
另外,如果用户想把小程序的二维码图片分享给朋友圈,那么
比较终成功的头像小程序都是成功利用微信社交关系链的小程序,主要以社交电商和社交游戏为主,它们的成功与二维码无关。
而微信比较终意识到小程序的分发和appstore中的应用分发并没有本质上的区别,搜索是用户获取相应小程序比较高效的场景,于是我们转身成立了微信搜索应用部,为小程序打开了更多的搜索门户,并进行优化。
搜索场景和社交场景不一样,小程序迎来了变化
用二维码微信分发小程序的阶段已经结束了。目前,社交已经成为微信分发小程序的主战场。此外,微信还强调了分发小程序的搜索功能。正是因为社交逻辑和搜索逻辑在分发小程序上有着根本的区别。搜索可以给社交场景外的小程序带来更大的发行价值,主要体现在三个层面。
1)在源码层面,从用户体验的角度来看,用户无法从社交中准确获取自己想要的小程序,获取的方式主要依靠他人的随机分享,因此更多的是基于随机性和漫无目的的探索性场景。而用户从搜索中得到的小程序是他们准确的需求,有更直接更迫切的需求需要解决,目的性更强。
2)在分发层面,从小程序的分发来看,社交小程序的分发依赖于社交裂变,但并不是所有的小程序都能得到用户的大规模集体转发,这是极不确定的。通过搜索分布式小程序,可以直接准确地导入流量,实现与用户的无缝连接。
对此,微信受限于自身产品,只为小程序开放了两个搜索门户,但搜索已经转型为“搜索信息流”的双重分发模式,可以实现小程序多维度的精准分发。
搜索已经开通了搜索、信息流、固定和回访四种类型的超级门户。搜索条目包括寻址卡、精准sug直投、精准语音直投、熊掌坐骑、自然结果、阿拉丁等等,可以为小程序带来全方位精准配送。
搜索通过多维度分配小程序,有能力让小程序更准确的到达,让每个小程序的价值得到充分的释放。
3)在覆盖层面,基于社会分配的小节目自然不可能让每一个小节目都得到平等的分配待遇,遵循2/8原则,格局相对稳定,后来者很难有光明的未来。但是对于基于搜索分发的小程序来说,流量对所有人都是可用的。因为搜索可以覆盖大量的垂直领域,各种细分的流量场景也可以完全覆盖。
这对于后期的开发者来说是很有好处的,他们不需要考虑如何利用社交关系,同时也不需要担心流量的来源,只需要专注于产品就能获得稳定的流量。
搜索决定下半年发小程序,微信追,搜索顺势
微信曾经想用二维码作为移动互联网门户取代搜索,但比较终发现二维码不是万灵,搜索永远是一个不变的需求。用户通过搜索获取产品,开发者通过搜索分发产品,这也是互联网长期以来的基本模式,不可替代。
搜索的智能小程序实现月均1亿的数据,也向业界证明了搜索是小程序分发的基本核心,也可以帮助开发者分发更多长尾流量,这是开发者无法通过微信获得的,微信的社交分发逻辑自然造成小程序价值的浪费。
搜索的崛起也意味着开发者将加速向搜索作为小程序主体地位的转移。另外,搜索比较近的活跃数据也让微信人心惶惶,在内忧外患下必须跟进。比较后在9月底推出了半年的内部测试“直接功能”。
下一篇:微信小程序用什么编写
猜你喜欢
-
微信小程序页面布局技巧646人喜欢
微信小程序平台是不需要下载安装即可使用应用的平台,它开创了一种全新的应用形态。下面小编就来为大家推荐一下微信小程序页面设计素材。以上就是小编为大家整理的关于微信小程序页面设计素材的相关内容。更多更精彩的内容请持续关注货源代理网小程序频道。…
更新时间:2020-12-25 11:29:25
-
13个微信小程序页面技巧589人喜欢
微信小程序怎么设置页面标题?怎么设置微信小程序的页面标题呢?下面小编就来为大家讲解一下微信小程序怎么设置页面标题?设置页面标题 ,相当的简单,找到所在页面的目录,新建一个 json 文件,比如我们上一次建造的 test 页面我们 找到 pagestest 目录 新建一个 test…
更新时间:2020-08-17 16:19:46
-
26个小程序页面技巧372人喜欢
微信小程序怎么设置页面标题?怎么设置微信小程序的页面标题呢?下面小编就来为大家讲解一下微信小程序怎么设置页面标题?设置页面标题 ,相当的简单,找到所在页面的目录,新建一个 json 文件,比如我们上一次建造的 test 页面我们 找到 pagestest 目录 新建一个 test…
更新时间:2019-11-04 15:46:28
-
微信小程序页面布局的方式有哪些260人喜欢
微信小程序页面的开发是很多人头疼的事情,因为小程序页面关系到用户对它的第一印象,所以创意很重要。现在,您可以在开发小程序时设置页面布局。我们来看看微信小程序的页面布局。微信小程序使…
更新时间:2021-04-12 09:51:29
-
微信小程序页面排版怎么布局81人喜欢
微信小程序的页面布局怎么布局?亲爱的微信小程序开发者们,要不要把自己的微信小程序的页面布局做得好看一点?接下来,小编教你如何布局微信小程序的页面布局。需要的话来看看。微信小程序的页…
更新时间:2021-03-09 08:13:59
-
实现微信小程序页面间传值的方法63人喜欢
小程序开发需要跨页面传递值,但很多人还不知道微信小程序页面间传递值的具体实现方法和步骤。看下面的教程,应该会了解更多。方法步骤跨页值传递在小程序的开发中经常用到,我们通常使用全局变…
更新时间:2021-04-14 14:48:11
-
门店小程序页面不存在怎么办62人喜欢
有朋友回应说,使用store小程序时,会出现store小程序页面不存在的现象。这是怎么回事?小编分析了一下,有可能你的小程序库没有升级。店铺管理是指公共平台为商家提供的对其线下实体店相关功能…
更新时间:2021-04-15 09:02:10
-
小程序页面滚动条样式怎么设置50人喜欢
小程序页面的滚动条允许用户自由选择小程序功能,即一键进入小程序页面。小程序页面的滚动条样式是什么?小程序页面滚动条怎么开发?让我们互相了解一下。以上是小程序页面的滚动条样式渲染。sc…
更新时间:2021-04-17 10:52:35
-
微信小程序页面风格怎么设计好18人喜欢
微信小程序的页面风格怎么设计?微信小程序管理员都知道微信小程序页面的重要性,一个好看的微信小程序页面风格可以吸引微信小程序用户的注意力,但是如何设计微信小程序页面风格呢?微信小程序…
更新时间:2021-03-15 07:34:13
-
微信小程序页面设计素材6人喜欢
微信小程序平台是一个不用下载安装就能使用应用的平台,它创造了一种全新的应用形式。下面小系列会给大家推荐微信小程序页面的设计素材。以上是小编为大家整理的关于微信小程序页面设计素材的相…
更新时间:2021-03-25 07:20:31