![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序系列
CEZLZ
这个作者很懒,什么都没留下…
展开
-
小程序 --- movable-view
效果:可移动的视图容器属性wxml<movable-area class="area"> <movable-view class="view" direction="all" inertia out-of-bounds> </movable-view></movable-area>wxss.area { width: 100vw; height: 50vh; ...原创 2020-06-02 16:05:39 · 158 阅读 · 0 评论 -
小程序 --- scroll-view(可滚动视图区域)
演示分析竖向滚动:用竖向滚动时,需要给 scroll-view 一个 固定高度(不然无法滚动),通过 WXSS 设置 height。scroll-view 宽度默认为100%;横向滚动:横向滚动有两条特别重要的样式:display:inline-block; : 使其成为行内块元素。可以像内联元素一样排在同一行(如果父级元素宽度不够就会换行),也可以像块级元素一样设置高宽; white-space: nowrap;:规定段落中的文本不换行;通过上面两条样式,就可以使所有...原创 2020-05-22 11:28:03 · 896 阅读 · 0 评论 -
小程序 --- swiper(滑块视图容器)
常用属性属性 类型 默认值 说明 indicator-dots boolean false 是否显示面版指示点 indicator-color color rgba(0 ,0 ,0 ,.3) 指示点颜色 indicator-active-color color #000 当前选中的指示点颜色 autoplay boolean false 是否自动切换 interval number..原创 2020-05-22 09:38:52 · 766 阅读 · 0 评论 -
小程序 --- 实现多选功能
示例wxml<view class="team_info_item" wx:for="{{list}}" wx:key="id" data-index="{{index}}" bindtap="select"> <view class="item_icon"> <image mode="widthFix" src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it..原创 2020-05-20 15:45:41 · 1319 阅读 · 0 评论 -
小程序 --- 实现选中出现对勾功能(单选)(方法二)
方法一:https://blog.csdn.net/CEZLZ/article/details/106237068方法二示例wxml:布局和 方法一 是一样的<view class="team_info_item" wx:for="{{list}}" wx:key="id" bindtap="select" data-index="{{index}}"> <view class="item_icon"> <image ..原创 2020-05-20 15:37:33 · 1201 阅读 · 0 评论 -
小程序 --- 实现选中出现对勾功能(单选)(方法一)
示例:实现了单选,状态切换wxml<view class="team_info_item" wx:for="{{list}}" wx:key="id" bindtap="select" data-id="{{item.id}}"> <view class="item_icon"> <image mode="widthFix" src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK..原创 2020-05-20 15:30:11 · 2442 阅读 · 0 评论