css
diCommon
这个作者很懒,什么都没留下…
展开
-
css 后台返回的文本域内容有换行符,前端进行处理使页面可以换行
文本域实现换行原创 2022-04-18 15:09:08 · 1245 阅读 · 0 评论 -
微信小程序横屏页面布局适配文案
使用vmin进行适配,通过sass进行计算,将rpx转化为vmin sass计算方式: @function to($rpx){ @return #{$rpx * 100 / 750}vmin; } 在scss文件中使用: .bd1{ position: relative; z-index: 2; width: to(742); height: to(66); margin: 0 auto; margin-top: 0; .title{原创 2021-10-14 17:51:51 · 532 阅读 · 1 评论 -
vant 使用PullRefresh 下拉刷新组件时,无论滚动条在哪,总会触发下拉滚动
今天遇到个问题,使用PullRefresh组件时,无论滚动条滚动到哪里,只要页面向下拉,页面的滚动条都还没到顶就触发下拉刷新 在网上找了一下,可终于找到方法了 .van-pull-refresh { height: calc(100vh - 100px) !important; overflow: auto !important; } .van-list { height: auto !important; } 这样就可以实现解决问题了 ...原创 2020-11-07 16:28:26 · 3342 阅读 · 5 评论 -
uniapp之使用scroll-view时的要点
1、一定要在scroll-view标签里面写内容,包含后台返回的循环数据 2、在scroll-view标签设置css样式:white-space: nowrap; (不换行) 3、在scroll-view标签的子标签设置css样式display: inline-block; 4、scroll-view标签一定要给个固定的高度 例子: <scroll-view class="scroll-v...原创 2020-04-21 20:40:30 · 3518 阅读 · 0 评论 -
textarea框如何自适应高度
刚做了个项目,项目有个需求,textarea框需要自适应高度,使用textarea标签的时候试了min-height和max-height,都不行,之后在网上查了一下资料,其他可以使用css3的属性,一个新的属性,user-modify,此属性的意思是div可以编辑状态 所以,可以说,此textarea非彼textarea,但同样也是可输入状态 因为我的项目是vue项目,所以代码方面都是vue &...原创 2020-02-28 11:35:46 · 484 阅读 · 0 评论 -
只代表个人的自个整理的前端代码规范
前端代码规范: 1、文件归档 根目录包含有:index.html,css,image,js image里面文件页面引入的图片; js放页面的js文件; css放页面的css文件,css里面还应包含有img文件件,里面放css引入的背景图 2、嵌套元素应当缩进一次 3、css尽量做到用class来命名,js用id来命名,同时避免class与id重名 4、字体属性字号要用px为单位 5、字体名font...原创 2019-11-28 13:53:25 · 196 阅读 · 0 评论 -
苹果端margin属性不生效
今天有个项目,这个项目已经完成了的,之后因为本人没有苹果手机,所以基本都是使用安卓手机或者chrome的模拟ipone,今天客户反馈回来说,底部内容被一个使用了position: fixed;属性的元素遮挡住了,底部内容我是使用margin属性,因为底部相对浏览器的绝对定位的元素的高度为60px,所以我就设置了margin-bottom为70px,在安卓 上,在电脑浏览器上,都好好的,结果在苹果浏...原创 2019-11-09 18:38:06 · 976 阅读 · 3 评论
分享