微信小程序规范尺寸详解
编辑:小飞燕 发布时间:2021-04-18 10:44:37
现在微信功能越来越多,微信比较近又开发了微信小程序的功能。微信小程序设计的基本原则是微信设计中心是针对微信中的用户,但页面的导航要尽量简单。微信小程序规格大小有什么详细说明?
小程序类似网页。前台用wxml整理内容,再用css调整样式。所以,就像网络一样,我们必须能够精确地控制每个元素的大小。在web中,css基本实现了像素级控制。但在小程序中,情况就不一样了。下面是微信提供的事件分析,总结系统字体解析:
有些看起来很小,但不是旧机器,但手机和电脑分辨率不同。除了px,还有dp、vw、rem等一系列尺寸标准。
虽然有一系列的单位,但是通过实验,不可能达到和微信一样的效果,就是不管怎么调整系统字体大小,自己的字体不变。目前策略只能用rpx,根据测试手机超大字体效果设置。
微信小程序大小单位rpx和样式
1.尺寸单位rpx(响应像素):可以根据屏幕宽度进行调整。指定的屏幕宽度为750rpx。在iphone6上,如果屏幕宽度为375px,有750个物理像素,那么750rpx=375px=750个物理像素,1rpx=0.5px=1个物理像素。
建议:设计师在开发微信小程序时,可以使用iphone6作为视觉稿的标准。
2.样式导入可以使用@import语句导入外部样式表,后面跟着要导入的外部样式表的相对路径,使用;指示语句的结尾。
@ import ' common.wxss
@ import ' temp/loadbottom temp/loadbottom temp . wxss ';
3.内嵌样式
框架组件支持样式和类属性,以控制组件的样式。
(1)样式:静态样式统一写入类。style接收动态样式,这些样式将在运行时被解析。请尽量避免将静态样式写入样式,以免影响渲染速度。
//动态样式
style=' width : {{ image width } } rpx;height : { { imageheight } } rpx ';
//静态样式
style=' color: # 1083e5font-size : 48 rpx;' font-weight : bold;'
(2)类:用于指定样式规则。它的属性值是样式规则中的类选择器名称(样式类名)的集合。样式类名不需要随身携带。和样式类名由空格分隔。
class=' container-row buy des-center-des-select '
4.选择器
当前支持的选择器有:
5.风格和本土风格
app.wxss中定义的样式是全局样式,作用于每一页。页面的wxss文件中定义的样式是本地样式,只在对应的页面上起作用,覆盖app.wxss中相同的选择器
通过以上描述,你知道微信小程序的规格大小吗?你学过这么全面有效简单的恢复方法吗?如果想了解更多。微信微信账号资料内容越来越详细,请关注来源代理网络。
下面是题目的开头。微信小程序的录制时间怎么获取?标题到此结束
微信小程序的录制时间怎么获取?录音功能是小程序功能中的一个特殊功能,它有很多限制,比如录音时间。以下小系列带你了解如何获取微信小程序的录制时间。
微信小程序的录制时间怎么获取?
小编想告诉你的是,没有方便的方法来获得录音时间。录音成功后,录音时间无法返回,需要自己用计时器计算。但据说即将开发这个获取录制时间的功能。我们来看一下录音界面的一些文档,方便录音功能的开发。
微信小程序api录制
wx.startrecord(对象)
开始录音。当wx.stoprecord被主动调用时,或者当录制超过1分钟时,自动结束录制,并返回到录制文件的临时文件路径。当用户离开小程序时,不能调用这个接口。
对象参数的描述:
注意:文件的临时路径可以在小程序启动时正常使用。如果需要长期保存,需要主动调用wx.savefile,只有在小程序下次启动时才能访问。
成功返回的参数描述:
wx.stoprecord
停止录制的活动呼叫。
小程序代码示例:
tip:
1.wx.startrecord接口需要用户授*,所以请与用户拒绝授*的场景兼容。
2.默认情况下,录制的音频存在于本地临时路径中。第二次进入小程序,不能正常使用,可以长期保存。但是本地文件大小限制是100m,比较好上传到后台。
3.录制时间不能太短,否则会失败。不能超过60秒。60秒后,录音将自动停止。
以上是如何获取小编给大家找到的微信小程序的录制时间。虽然目前只能用定时器的方法来计算录制时间,但相信小程序的功能很快会更加完善。有其他问题可以来我们源代理网的小节目频道!
新手怎么做
为什么后台的小程序爆款实验室消失了?
几个月前就消失了,相关营销取而代之
小程序有什么用怎么用?
有时候我想让一些线下的客户上线,但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了
支付宝小程序是不是流失很多?
这个还挺多的。
小程序现在很流行 这样做有用吗?
小节目也会有一定的效果,但也需要有代价的推广。如果站内推广正在进行,你想扩大推广范围,可以尝试去做。如果不做站内推广,没必要做小节目。车站是排水的主战场。希望我的回答能让你满意!
上一篇:微信小程序认证费用是多少
下一篇:小程序弹出输入框怎么设置
猜你喜欢
-
4个微信小程序聊天技巧1155人喜欢
估计有不少人都使用过微信的聊天功能,其实这项功能是通过开发微信小程序达到的,微信小程序聊天功能要怎么开发?一起来看看具体步骤吧。1、整体框架很简单,两个页面。两个tab,并修改window标题栏和tabbar的颜色等属性就好。这个全部在app.json中完成。2、image组…
更新时间:2020-08-17 16:19:34
-
微信小程序跳转到淘宝技巧1112人喜欢
微信小程序可以跳转到淘宝吗?微信小程序如何跳转到淘宝?微信小程序对于有些用户而言其实是个非常好的平台,微信小程序其实可以跳转到淘宝,小程序把微信做成了淘宝,那么微信小程序可以跳转到淘宝吗?微信小程序如何跳转到淘宝呢?淘宝从用户角度而言是个购物工具,从…
更新时间:2020-10-05 09:23:04
-
2个微信小程序接口技巧1075人喜欢
微信小程序开发有哪些接口?据微信官方介绍,微信小程序包括线下扫码、对话分享、消息通知、小程序切换、历史列表、公众号关联和搜索查找等7大功能。当下最受大众喜爱的微信小程序小程序有哪些接口?小编将举例来说明一下微信小程序开发有哪些接口?本文档将带你…
更新时间:2020-08-31 20:09:05
-
6个修改小程序技巧1049人喜欢
小程序授权怎么修改?修改小程序授权代码是什么各位网友们,如果您的微信小程序同意了授权了,但是想要修改小程序授权,对于这种情况,不妨参考一下小编的小程序授权怎么修改的方法吧。小程序授权怎么修改?大家都发现了,涉及到授权获取用户基本信息,同意了小程序授权后…
更新时间:2020-08-24 10:47:00
-
9个小程序红包技巧1039人喜欢
微信发红包很普遍也很简单,但是微信小程序兴起之后,很多商户开始用微信小程序发红包了,这样也有利于大家对小程序本身的关注,接下来就一起来学习下操作方式吧!登录微信支付商户平台在调用接口前有一些工作需要商户登录微信小程序支付商户平台进行操作,请使用微信…
更新时间:2019-11-09 16:29:18
-
12个小程序图片技巧1036人喜欢
微信小程序无法显示图片,图片显示不全怎么办?对于一张网络图片高度太高,而显示不全如何解决?下面小编就来为大家讲解一下。其实我一贯的观点是,所有的问题从api中都能够找到答案,只是有时候缺少耐心,而没有好好去读官方api,出现问题后着急的google、百度、github.…
更新时间:2019-11-10 13:52:04
-
6个小程序投票技巧1034人喜欢
大家想必都使用过微信小程序,微信小程序也丰富了我们的微信生活。下面小编就来为大家讲解一下微信小程序投票系统开发以及微信小程序应用开发。微信小程序七大解读:1、线下扫码:用户可以在微信小程序中使用扫一扫。2、对话分享:用户可以分享微信小程序或其中的任…
更新时间:2020-01-24 16:02:28
-
2个小程序优化技巧1020人喜欢
在小编鼓起勇气开发了两个小程序之后,发现其实可以对开发过程进行一些优化,这样最终开发出来的小程序体验会好很多。以下是微信小程序优化方案,也是一些优化心得,希望能够帮助到大家。1、理解wx:if和hidden,并合理利用,官方文档中并没有明确说出hidden如何使用,要不…
更新时间:2020-08-22 16:44:11
-
3个小程序空格代码技巧1007人喜欢
每一种小程序代码对于小程序的功能的实现都是有不同作用的,那么微信小程序空格代码有什么作用呢?一起来看看以下资料,你就明白了。先上一张处理前的代码图:第一步:在右边的代码界面中右键单击(左边要在“编辑”tab),在出现的菜单中选择“格式化代码”。格式化的效…
更新时间:2020-08-24 10:51:58
-
7个小程序输出技巧1006人喜欢
小程序的输出有很多种形式,之前介绍了小程序输出日志的相关资料,接下来小编要讲解的是微信小程序控制台输出的开发实例,一起来看看吧。在此之前,我们必须先在微信小程序的平台上,设置下域名:注意:微信小程序,不支持普通的http协议,必须通过https协议。于是,我在本地搭…
更新时间:2019-11-08 14:37:35
-
8个微信小程序扫码技巧1006人喜欢
微信小程序扫码接口怎么开通?如果开通了微信小程序扫码接口以后,那么用微信扫普通微信二维码就打开微信小程序了哦。这对于推广微信小程序来说有很大的帮助,以下是具体的方法了。微信小程序扫码接口怎么开通?为了方便小程序开发者更便捷地推广小程序,兼容线下已…
更新时间:2019-11-10 13:53:40
-
10个商家小程序技巧1003人喜欢
微信开放了附近的小程序之后引起了很多小程序使用者的关注,但是这个功能似乎对于商家来说意义更为重大,一起来看看商家怎么入驻微信附近小程序吧。核心提示:首先我们先了解一下那些商户可以使用“附近的小程序”目前可以加入的商家有帐号类型为企业、媒体、政府…
更新时间:2019-11-04 15:51:11