微信小程序
文章平均质量分 73
purple.taro
想生活的更好,希望得到你的帮忙。
展开
-
微信小程序填坑之路:布局适配方案(rpx、px、vw、vh)
因为小程序是以微信为平台运行的,可以同时运行在android与ios的设备上,所以不可避免的会遇到布局适配问题,特别是在iphone5上,因为屏幕尺寸小的缘故,也是适配问题最多的机型,下面就简单介绍几种适配方法。rpx适配rpx是小程序中的尺寸单位,它有以下特征: 小程序的屏幕宽固定为750rpx(即750个物理像素),在所有设备上都是如此 1rpx=(screenWidth / 750)px,其中screenWidth为手机屏幕的实际的宽度(单位px),例如iphone6...转载 2021-07-15 17:29:32 · 2605 阅读 · 0 评论 -
微信小程序实现跳转的几种方式总结(推荐)
今天把实现微信页面的跳转的几种方法总结分享下1.使用导航组件,标签,页面链接来实现(可以发现点击时有背景)<!-- sample.wxml --><view class="btn-area"> <navigator url="../my/my">跳转到新页面</navigator></view>参数如下2.给页面布局加监听bindtap事件,然后在方法里面,通过wx.navigatorTo来实现跳转(保留当前页面,转载 2021-07-07 09:34:43 · 24775 阅读 · 0 评论 -
微信小程序页面布局
Flex布局微信小程序页面布局方式采用的是Flex布局。Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。Flex布局的特点:任意方向的伸缩,向左,向右,向下,向上 在样式层可以调换和重排顺序 主轴和侧轴方便配置 子元素的空间拉伸和填充 沿着容器对齐转载 2021-07-06 12:14:50 · 4326 阅读 · 0 评论 -
小程序--flex布局全解析
前言很长一段时间, 我知道有flex这个布局方式, 但是始终没有去学它. 3点原因:感觉还比较新, 担心兼容性不好. 普通的布局方式能满足我的绝大多数需求. 好像蛮复杂的.最近由于开发需要, 学习了下WeUI的实现, 发现里面大量使用了flex布局, 于是决定学习一下.什么是flexFlexbox Layout, 官方名为CSS Flexible Box Layout Module, 意为"弹性布局", 是CSS3中引入的一种更加灵活高效的布局/对齐/排序方式(还有一种更适合大型布局的转载 2021-06-29 07:27:57 · 551 阅读 · 0 评论