- 博客(15)
- 收藏
- 关注
RSS订阅原创 移动端改变状态,不同显示style
需求是不同状态显示按钮内容不一样,style也不同,这个时候v-if就派上用场了老规矩,代码在右边,效果图在左边噢!话不多说,直接上代码(一看就秒懂噢,再次感谢身边同学和盆友的陪伴):
2020-10-11 10:33:34
215
2
原创 微信小程序实现多视频连续播放
需求是微信小程序页面的video可能会有多个，需要播放完第一个视频，自动开始播放下一个，一直播放完为止。话不多说，直接上代码：
2020-09-27 09:16:28
3232
原创 微信小程序-switchTab和navigateTo理解
官方的开发者文档中对于两者的比较仅仅为是否和tabBar相互连接，简单的来讲就是：redirectTo：关闭当前页(卸载)，跳转到指定页navigateTo：保留当前页(隐藏)，跳转到指定页switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换例如：wx.navigateTo 是指跳转到指定页面，左上角有返回按钮，返回上一级wx.switchTap 是指跳转到tabbar页面。...
2020-09-22 09:39:58
1448
原创 小程序-云存储web字体
需求：按照设计师的要求，现在小程序里面的字体去都要单独引入web字体第一步-先下载需要的字体到本地新建一个文件。第二步-直接上传到云存储第3步-选择所需要的字体右键查看详情——找到下载地址直接copy到app.wxss全局中去引用第4步-把刚才云存储里面的下载字体路径直接copy到src里面。按需引用就好了。...
2020-09-21 17:16:43
279
原创 小程序折叠功能，展开才会出现全部文字内容
需求是：一进来就只展示几行文字内容，要点击展开按钮才会把所有的文字内容显示完整。话不多说，直接上图。首先在js里面data定义collapse为true，让用户一进来首先看到第一个block盒子，第一个默认盒子把设置高度，让超出来的文字overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; 行数-webkit-box-orient: vertical;第2个盒子不设置高度，让内容
2020-09-21 14:12:09
1706
原创 移动端禁止video在ios系统中自动全屏播放
需求是：当video在ios上面点击播放效果自动全屏播放，这个体验非常不好，因为上面有全屏播放提示，如果用户真的需要全屏会自己的点击全屏播放的按钮，所以要禁止video在ios系统自动全屏播放。(Android没有这个问题，所以不用单独去处理)只需要在标签里面写上：webkit-playsinline=‘true’playsinline=‘true’（html5 webkit-playsinline这个属性是ios 10中设置可bai以让视频在小du窗内播放，也就是不是全屏zhi播放的video标签
2020-09-14 09:47:54
4305
1
原创 小程序——防止页面下拉
在没有app.json配置enablePullDownRefresh之前，小程序页面下拉是很丑的，一直显示加载，而且下拉以后回弹不了。把"enablePullDownRefresh":false就好了。
2020-09-10 16:26:04
1188
原创 怎么让小程序轮播banner只有一张图片的时候，指示点隐藏
需求是，当小程序banner只有一张图片的时候，指示点隐藏掉。话不多说直接上代码截图。
2020-09-08 10:15:00
616
原创 关于小程序img图片变形的问题
话不多说，直接先上设计图：设计图是真的很好看鸭！但是实际上长传的图片很长，导致很模糊的状态，肯定不符合要求的。还好小程序有个mode属性：scaleToFill 缩放模式（默认属性），不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素aspectFit 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。aspectFill 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方
2020-09-03 17:24:21
1240
原创 2020-08-31微信小程序暗黑模式（深色模式）
项目新增了一个夜间模式的功能，小程序现在也支持这个模式。类似于写2套css，话不多说，直接上效果和代码图：1.开启暗黑模式第一步：首先在 app.json 中配置 “darkmode”: true2、配置主题文件在根目录新建主题配置文件 theme.json, 并在 app.json 中配置路径引入代码如图：theme.json配置文件一共分为两个属性，light 和 dark，分别正常模式和暗黑模式。必须存在 light 和 dark 两个属性，里层命名自定义，没有严格要求。the
2020-08-31 11:22:17
5346
1
原创 小程序按钮点击改变背景和字体颜色
需求是点击按钮，改变选中当前按钮的字体和背景颜色：效果如图：首先在js里面的data里面初始化数据，代码如下：然后在wxml里面渲染：代码如图：再贴一个css 代码如图：
2020-08-31 09:54:59
2000
1
原创 关于移动端软键盘弹出-页面上移
关于移动端软键盘弹出-页面上移测试提了一个bug，说的是除了iphone6 7 7puls不兼容收不到验证码，其他Android和ios都是ok的，才发现原来是软键盘弹出以后导致页面上移导致页面塌陷了。在iphone7测试的时候，只要软键盘一弹出，输完电话号码以后，关闭软键盘，怎么点击获取验证码都直接出了一个注册按钮的点击事件，话不多说，直接上图。只要我输完电话号码，关闭软键盘，随便我怎么点击都是直接弹出“请输入验证码”，这个是弹窗是注册按钮的点击事件，都是因为页面上移导致页面塌陷了。我还在纳闷为什么
2020-08-19 09:58:16
4102
原创 关于swiper一屏式能否出现滚动条
关于swiper一屏式能否出现滚动条对于swiper，还是1年前做过H5页面需要动画效果用过，了解一点皮毛。平时的话很多人会觉得swiper不就是做轮播图的嘛，其实不然，swiper很强大的。需要慢慢去解锁。这次项目需要嵌入到IOS和Android不仅用微信自带浏览器打开，还需要用到qq浏览器的打开模式。特别是Android，要适配的机型实在太多了。所以在布局的时候要考虑很多东西，justify-content-between是真的好用啊。（不要意思有点偏题，还是回到swiper身上吧）。最开始布局的时
2020-08-12 13:37:28
470
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人