- 博客(4)
- 收藏
- 关注
原创 小程序干活系列----实现常见一些功能按钮(flex布局)
1.实现常见的我的界面常用的功能组,不多说先上图 本文重点讲的是: 上面这张图相信很多人都不陌生,但是要如何横竖细缝的都很正规呢请看下面的代码 wxml代码 <view class='item'> <image class='left' src='/img/phone-2.png'></image> <view class='c...
2018-03-28 20:37:39 3078
原创 小程序干活系列----rpx布局==rem布局
先来科普一下什么事rem布局,所谓的rem布局是能够根据手机的大小进行自适配的一种布局方式。如何实现的自适配呢,这就依赖于手机的逻辑像素(手机的屏幕尺寸,例如iphone:375*667)和dpi值(dpi值=物理像素/逻辑像素(物理像素是实际像素,例如iphone:1334*750))了。 rem单位是根据根节点的字体大小设置的如: ` 根节点的大小是:font-size=20px; 则...
2018-03-26 20:21:04 1699
原创 小程序干活系列----实现横向滚动
先上原理: 1.父标签设置为white-space: nowrap; 2.将子标签设置为行内块元素display:inline-block; 根据white-space: nowrap的介绍文本不会换行,所以我们将子类设置为行内块元素以实现横向滚动效果 <scroll-view scroll-x style='white-space: nowrap;'> &l...
2018-03-22 19:22:05 2637 2
原创 小程序干货系列----单机导航栏滚动到页面对应的位置俗称抛锚
大家都知道在html中抛锚直接使用a标签就可以了,但是小程序没有a标签,只有navigator标签。这可咋办呢? 这个时候就要使用小程序的标签了。 这个标签里面有个属性是scroll-into-view=”“(此空填写你要跳转到的地方的id) wxml内容 <scroll-view scroll-into-view='position' scroll-y='true' scrol...
2018-03-21 19:06:51 1119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人