- 博客(7)
- 收藏
- 关注
原创 小程序描点
小程序描点1.在小程序中,有很多时候需要用到描点,实现该功能主要使用 的 scroll-into-view 属性,但是官方文档中没有这个功能的演示,并且有一些重要的配置官方文档也并没有说明,下文是实际开发中的解决方案。2.首先定义侧边栏,需要用到固定定位wxml示例代码如下:<view class="box3"> <view class="box1" wx:for="{{list}}" wx:for-item="i2" wx:for-index="b2"> &l
2020-09-29 11:19:34 336
原创 小程序复选框全选和全部取消
小程序全选和全部取消1.在wxml中先添加复选框和点击事件<checkbox class="q" bindtap="checkq" checked="{{isAll}}">全选</checkbox><text bindtap-="tz">跳转下一页</text><text>总数:{{sum}}</text></view><view class="box1" wx:for="{{list}}" bindtap
2020-09-29 09:12:20 2093
原创 微信小程序无后台的下拉刷新和上拉加载
无后台的下拉刷新和上拉加载上拉加载和下拉刷新需要在json页面中配置开启下拉刷新"enablePullDownRefresh":true和"onReachBottomDistance":60设置页面上拉触底事件触发时距页面底部距离,单位为px。如果不设置上拉触底的话默认是50px在页面初始化中写入第一页需要加载的内容`在这里插入onLoad: function () { var list=[] var li=[] for(var i=0;i<10; i++){
2020-09-28 20:54:25 273
原创 小程序超出文本显示省略号
小程序超出文本显示省略号小程序中超出文本显示省略号页需要使用css设置。首先需要使用display: -webkit-box设置盒子为弹性盒子;使用-webkit-line-clamp: 1;设置最多可以显示多少行,我这里设置最多显示为1行使用overflow: hidden;设置超出隐藏使用text-overflow: ellipsis;超出的内容显示为省略号使用-webkit-box-orient: vertical;设置伸缩盒子的子元素排列方式–从上到下垂直排列display: -w
2020-09-28 11:15:43 1300
原创 css中的选择器
css中的选择器一、 CSS中类选择器用点号表示,实际项目中一个div元素为了能被多个样式表匹配到(样式复用),通常div的class 中由好几段组成,如能被user和.login两个选择器选中。如果这两个选择器中有相同的属性值,则该属性值先被为.user中的值,再被改为.login中的值,即重复的属性以最后一个选择器中的属性值为准。.user{ css代码块}如果匹配的类选择器中间没有空格,如:user.login, 则表示class中必须同时含有user和login元素,才能使用对应样式效果
2020-08-28 18:08:21 208
原创 css自定义文字
HTML使用css自定义文字第一步获取要使用字体的三种文件格式,确保能在主流的浏览器中都能正常显示改字体,并使用FontEditor查看字体内容。1、.TTF或.OTF,适用于Firefox3.5、Safari、Opera。2、.EOT,适用于internet Explorer 4.0+。3、.SVG,适用于Chrome、iPhone。4、.WOFF:转为web字体制定的字体格式标准,被心版本浏览器广泛支持。第二步声明该字体,在css中使用@font-face来声明,并为改字体命名:@fo
2020-08-22 21:48:09 497
原创 css定位
绝对定位与相对定位通常情况下,我们元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,不会生效。还有z-index属性在这时也不会生效。相对定位 relative:首先这个元素他会跟其它的元素一样,出现在文档流中它该出现的位置,然后,我们可以设置它的水平或垂直偏移量,让这个元素相对于它在文档流中的位置的起始点进行移动。有一点要注意, 在使用相对定位时,就算元素被偏移了
2020-08-22 21:21:37 101 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人