- 博客(5)
- 收藏
- 关注
原创 css3 3D转换实现书本翻页效果
最简单的翻页效果实现。之前找了别人做好的代码看了一下,但是有点小复杂,虽然效果很好看,但是可能一开始看不太懂,所以做了个最简易版的。简单易懂,css里面的注释的地方是我自己一开始走的弯路,所以建议看之前最好要先仔细学习下3D转换的各个属性。直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="
2021-03-27 18:01:59 407
原创 微信小程序图片高度按照图片真实宽高比自适应
原理:image组件bindload属性前端在按照设计图定的宽度做好图片的宽高之后,如果图片的原始宽高比对应不上,那么图片就会出现拉伸变形的情况,虽然微信小程序有mode属性可以对图片进行适应,但是会有部分显示不完全或者会有留白,而且如果不给image组件设置高度或者设置为auto时,图片的宽度为0。后来我发现了image组件的bindload属性我发现event.detail 里给出的宽和高是图片的原始宽高,那么我们就可以根据这个宽高得出图片的宽高比,在宽度一定时就可以做到高度自适应而不会拉伸变形或
2021-03-23 14:46:26 1503
原创 微信小程序 自定义日期选择器
自定义日期选择器(当前起)微信有自带的日期选择器,但是安卓苹果样式会有差别,而且按钮样式无法修改,无法做到与整个小程序设计样式一致,所以就需要自定义一个。这里需要用到picker-view组件。wxml 代码<view class="picker-view"> <picker-view indicator-style="height: 50px;" style="width: 100%; height: 200px;" value="{{date}}" bindchan
2021-03-18 15:23:27 991
原创 微信小程序scroll-view点击导航栏滚动到对应位置
微信小程序scroll-view点击导航栏滚动到对应位置scroll-into-viewcreateSelectorQueryscroll-into-view微信小程序提供了点击滚动到相应元素的属性,这个会将对应的元素滚动到scroll-view的顶部,但是如果内部有吸顶元素时,就会被覆盖一部分,这时候就需要用到微信小程序的另一个api。createSelectorQuery返回一个 SelectorQuery 对象实例。const query = wx.createSelectorQuery
2021-03-13 15:25:17 1266
原创 字符串split根据空格剪切时遇到一个或多个空格
字符串split根据空格剪切时遇到一个或多个空格str.trim().split(/\s+/);先将字符串前后空格去除,再根据一个或多个空格进行分割
2019-03-20 13:19:13 1409
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人