
CSS
小胖龙
仅仅只是接受不了那些人只粘贴复制的东西,所以把经过自己亲手实践的问题记录下来……
展开
-
小程序超出文字显示为省略号(代码简单的无话可说)
width:400rpx;text-overflow: ellipsis;white-space: nowrap;还是说一句,其实和Web端css一样,通用。原创 2018-07-31 16:02:00 · 6048 阅读 · 0 评论 -
小程序class中使用三元表达式
<view class="type-bottom {{changeType==0?'type-none':'type-block'}}"></view>关键:注意条件后面的class名加单引号,否则无效。原创 2018-08-14 18:31:22 · 22328 阅读 · 1 评论 -
去除小程序swiper组件的滚动条
.tab-swiper ::-webkit-scrollbar { width: 0; height: 0; color: transparent;}转载 2018-08-15 17:19:10 · 2070 阅读 · 0 评论 -
小程序列表拖拽排序
吃人嘴短,不能先上代码,一定要先上原作者地址:作者:HoPGoldy链接:https://www.jianshu.com/p/d965c80fe901來源:简书简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。然后我也懒得说了,作者的源代码直接全部粘贴复制就直接可以用,一点都不用改,拖拽之后数组排序也会跟着变,没发现太大问题:最终效果(没错!就是你要的那种竖向列表进...转载 2018-10-24 16:03:18 · 7055 阅读 · 1 评论 -
第4个小程序之旅的第一个问题:小程序页面设置页面高度100%
放代码:<view class='login-container'> <view class='form-container'> </view></view>wxss.login-container{ position: fixed; height: 100%; width: 100%; display:flex;...原创 2018-11-07 17:55:14 · 4694 阅读 · 0 评论 -
小程序按钮点击css效果(你很需要!)
小程序自带的button组件是有点急效果的,但是一旦自定义了class你发现 他就是一个方块,点了也是那样静静的呆在那里,没有视觉点击感……往往大多熟悉情况下,我们都要自己定义按钮样式于是自己写了一套通用的小程序点击按钮效果app.sxss.btn-hover{ position: relative; top: 3rpx; box-shadow:0px 0px 8px #999 ...原创 2018-11-08 11:54:59 · 19627 阅读 · 4 评论 -
iview-weapp的radio出现横线
写了一个注册页面写了一个横向的radio,没有出现问题,使用的方法是在i-radio标签加了i-class 样式设置float:left;但是放到真机上之后发现每个radio列有一个横线,之后室友微信开发者工具的iphone7p和Nexus6发现都存在横线(查找思路艰辛,一开始因为是我真机是安卓原因,后来模拟器挨个切换了一下,发现大屏都会出现)then开始了检查……把i-radio...原创 2018-11-14 15:54:23 · 1000 阅读 · 1 评论 -
css文字竖向排列writing-mode属性IE11下高度问题
先看效果对比Chrome下:IE11下:再看代码html<div class="data-center__stats--title"> <span></span> <p class="windows__name"></p> <p class="dayType">&原创 2018-12-07 11:57:47 · 1829 阅读 · 0 评论 -
小程序多行文本溢出显示省略号
这个问题,其实问题不大,但是解决了一会,主要原因有2个:1、一开始考虑使用单行超出省略号的方式来做:{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; //尤其注意3个样式顺序上下不能乱写,会不生效, 先不换行,然后超出隐藏,超出隐藏显示省略号}这是单行文本的方式,一开始想着加...原创 2019-01-04 18:00:51 · 1416 阅读 · 3 评论