阿乐のBlog - aqingya.cn

代码中加入安全距离，如下(设置bottom或者padding-bottom形式) 12345678910111213// ios底部安全距离-padding.savepadding{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box;}// ios底部安全距离-bottom.savebottom{ bottom: constant(safe-area-inset-bottom); bottom: env(safe-area-inset-bottom); } 测试了i4到xr的高度，都没问题了.

uni-app iphoneX 底部安全距离适配

发表于2021-11-03|uni-app开发|微信小程序•app| 条评论

问题12345678<div id="container"> <span class="box"> <p>box1</p> </span> <span class="box"> <p>box222222222222222222</p> </span></div> 123456789101112131415#container { display: flex; width: 300px; outline: 1px solid #aaa;}.box { flex: 0 0 150px; outline: 1px solid lightpink;}/* 单行显示，溢出显示。。。 */.box p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 结果：box2中的内 ...

flex布局中 text-overflow:ellipsis 失效的问题

发表于2021-11-03|CSS|css•flex| 条评论

语法规范数据模板定义规范 DTD数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值： 1234// 属性名 name// 生成规则 rule// 属性值 value'name|rule': value 注意：属性名和生成规则之间用竖线 | 分隔。生成规则是可选的。生成规则有 7 种格式： ‘name|min-max’: value ‘name|count’: value ‘name|min-max.dmin-dmax’: value ‘name|min-max.dcount’: value ‘name|count.dmin-dmax’: value ‘name|count.dcount’: value ‘name|+step’: value 生成规则的含义需要依赖属性值的类型才能确定。属性值中可以含有 @占位符。属性值还指定了最终值的初始值和类型。生成规则和示例：1. 属性值是字符串 String123456//通过重复 string 生成一个字符串，重复次数大于等于 min，小于等于 max。 ...

mock.js语法规范

发表于2021-09-25|Vue|vue•mockjs| 条评论

安装mockjs 1npm install mockjs --save-dev 在项目中创建mock文件夹，并且创建index.js文件。 index.js 内容 1234567891011121314// 引入mockjsimport Mock from 'mockjs'//使用mockjs模拟数据Mock.mock('/api/user/login', { "status": 0, "data": { "username": "@cname",//随机生成中文名字 "email": "@email", "phone|1-9": 0, "role": 0, "createTime": 1524545121218, "update ...

如何使用mock.js模拟数据

发表于2021-09-25|Vue|vue•mockjs| 条评论

简单记录一下： 12345678uni.switchTab({ url:'/pages/my/index', success: (res) => { let page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad(); } })

uniapp如何跳转到tabbar页并刷新页面

发表于2021-09-18|uni-app开发|微信小程序•uni-app开发| 条评论

效果图一 1<div class="bottomBarTrans"> 立即报名领取创业资料</div> 1234567891011121314151617181920212223242526272829303132333435363738394041424344.bottomBarTrans { background: #f8f8f8; padding: 0 24px; width: 100%; box-sizing: border-box; background-color: #bfa; text-align: center; font-weight:bold; font-size:16px; margin:15px 0; padding: 15px; border-radius: 40px; -webkit-animation-name: scaleDraw; /*动画名称*/ -webkit-animation-t ...

CSS3动画效果无限循环放大和缩小

发表于2021-08-04|CSS|CSS•CSS3| 条评论

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

vue实现发送验证码60秒

发表于2021-08-04|Vue|Vue•短信验证码60s•uniapp| 条评论

原理：点击图片蒙版层出现，显示图片大图，再次点击蒙版层隐藏。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>原生js点击图片放大效果简单实现</title> <meta name="renderer" content="webkit"> <style> .imgPreview { display: none; top: 0; width: 100%; height: 100%; po ...

原生js点击图片放大效果简单实现

发表于2021-07-08|JavaScript|JavaScript•图片点击放大| 条评论

问题：用swiper 做的轮播图，在滑动外部swiper时，除开里面swiper的元素会发生闪动的情况。解决方法：给swiper-slide 加上样式 transform:translate3d(0,0,0);overflow:hidden; 再给里面的内容加上 transform:translate3d(0,0,0) 如果只有张图片直接给图片加上就行。例如 img { transform:translate3d(0,0,0) }

解决在IOS设备上使用Swiper轮播时内容闪屏问题。

发表于2021-06-03|app开发|CSS•app开发•IOS| 条评论

1、Math.round() “四舍五入”，该函数返回的是一个四舍五入后的的整数12345678double d = 3.1415926;double d2 = 18.58;double d3 = -15.23;double d4 = -16.85;long round1 = Math.round(d); // 结果 3long round2 = Math.round(d2); // 结果 19long round3 = Math.round(d3); // 结果 -15long round4 = Math.round(d4); // 结果 -17 当小数点第一位=5是，这时要注意正负数的结果。例如 double d5 = -16.5; double d6 = 16.5; long round5 = Math.round(d5); // 结果 -16 long round6 = Math.round(d6); // 结果 17 总结：负数，小数点第一位是5时，直接舍去，整数部分不 +1；正数，小数点第一位是5时，往整数部 ...

Math.round()，Math.ceil()，Math.floor()的区别

发表于2021-05-07|JavaScript|Math| 条评论

数据库加载中