微信小程序实战案例--sroll-view分类

最新推荐文章于 2024-09-12 20:30:50 发布

zXuanxian

最新推荐文章于 2024-09-12 20:30:50 发布

阅读量908

点赞数

文章标签：家政微信小程序

本文链接：https://blog.csdn.net/zXuanxian/article/details/79897053

版权

为湛江市华之特奥因环保科技有限公司开发了一个微信小程序，功能页面还是挺复杂的demo，其中scroll-view组件的分类功能代码如下

想看更多的源码，请打开小程序留言

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zXuanxian

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

小程序制作分类可滚动区域 scroll-view

qq_26282869的博客

12-11

1582

classify.wxml &lt;view class='header'&gt; &lt;view class="search"&gt; &lt;image src='/image/search.png'&gt;&lt;/image&gt; &lt;text&gt;搜索商品或粘贴淘宝标

微信小程序-uniapp使用＜scroll-view ＞组件实现卡片左滑功能在电脑端小程序版不生效问题

m0_69924991的博客

06-02

432

改用swiper组件就可以啦~附上参考代码。

参与评论您还未登录，请先登录后发表或查看评论

ios-微信小程序三个视图控件View、ScrollView、Swiper的示例代码.zip

07-11

微信小程序中三个视图控件View、ScrollView、Swiper的使用示范，及各个参数配置，附带教程和完善的代码注释。具体教程请在http://bbs.html51.com/t-505-1-1/这里查看。

小程序scroll-view

CherryCola_zjl的博客

07-15

338

第一次使用scroll-view，会遇到元素不在一行的尴尬问题。。。 <scroll-view scroll-x="{{true}}" style='overflow:hidden;white-space:nowrap;'> <view class='scroll-iten'></view> <view class='scroll-iten'>&...

SrollView用法

caishuibi的专栏

05-21

545

ScrollView只能有一个孩子，可以是布局也可以是控件

ScorollView简单使用

01-23

主要ScorollView简单使用方法，包括滑动监听、滑动加载、位置跳转等功能。适合初学者研究使用，注释非常详细。

微信小程序 scroll-view 滑动可视区域

qq_37523331的博客

11-09

3629

微信小程序 sroll-view css属性设置注意事项 1.sroll-view 必须设置 white-space: nowrap 段落文本中不换行 2.子元素需要设置为内联块元素 display:inline-block; 3.滑动 list 最外层元素可以添加移除隐藏避免内容超出导致排版乱掉 overflow:hidden; 4.内联块元素无法设置margin-top与...

详细的介绍微信小程序视图容器组件view、scroll-view与swiper与swiper-item，理解flex布局与主轴的对齐方式justify-content属性

weixin_56296642的博客

06-28

1148

详细的介绍微信小程序视图容器组件view、scroll-view、swiper与swiper-item,理解flex布局与主轴的对齐方式justify-content属性

微信小程序scroll-view无法准确滚动到页面最底部

热门推荐

TrZoey的博客

04-12

1万+

最近在做一个模拟微信聊天页面的小程序，在使用<scroll-view>组件的scroll-into-view属性使页面自动滚动到页面最底部的时候，发现经常出现滚了一半又滚回去了。后来发现是因为我发出一条消息之后服务器会立刻返回一条消息，短时间内改变了 scroll-into-view 的值两次，而微信所有的方法都是异步的，有可能左侧的消息比较长，向下滚动了一半的时候右侧出发了滚动事件，...

小程序开发填坑《二十二》scroll-view高度问题

03-29

根据微信小程序API上说，scroll-view要实现竖向滚动，必须设置scroll-view的height 个人测试效果： 1、父元素设置min-height为100%，srcoll-view 未设置scroll-y="true" 并未设置高度；scroll-view内内容不会向下...

C# ROLL点器 小程序

01-13

用C#做的roll点器寝室里用来决定谁拿饭啦~~~之类的附源代码大家参考~Q:47290746

微信小程序scroll-x失效的完美解决方法

12-03

失效的scroll-x 在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动。。。。然而，在实际开发中，发现并不是这么简单。。。贴上部分wxml和wxss代码…  <scroll class='scroll-box'> <view class='box'> <view class='box-hd'> <image src='https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/i

小程序基本命令

aiven1637的博客

10-30

3312

onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...

微信小程序_scroll-view的使用

weixin_42137574的博客

04-03

697

官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html scroll.wxml 代码 <view>开始</view> <scroll-view scroll-y="true" bindscroll="scroll" scroll-with-animat...

uni-app中的分类页面(仿京东分类页面)(scroll-view的使用)

weixin_42467467的博客

04-15

5528

京东效果图：代码效果图：说明：实现图中所示的的左侧标签栏可上下滑动，右侧区域为对应左侧标签展开的图片文字详情说明，也具备上下滑动的功能 scroll-view 可滚动试图区域本文着重使用”scroll-y“即纵向滑动 <template> <view class="classify">  <scroll-...

uniapp 商品分类点击/滚动定位 scroll-view

MELANCHOLY ❤ ◁ ❚❚ ▷

06-23

3338

左分类，右商品左点击跳到其商品区右滑动，左跳到其分类

uniapp：完成商品分类页面（scroll-view），左侧导航，右侧商品

sunluyi的博客

03-19

7276

scroll-view scroll-y 允许纵向滚动 scroll-top 设置竖向滚动条位置 scroll-with-animation 在设置滚动条位置时使用动画过渡使用竖向滚动时，需要给 <scroll-view> 一个固定高度，通过 css 设置 height；可以使用css 隐藏滚动条样式 /* 隐藏滚动条样式 */ ::-webkit-scrollbar { width: 0; height: 0; } 点击changeNav(index)方法使导航滚

微信小程序 scroll-view详解

iamcrystal94的博客

06-07

5990

官方文档注意：本文全部代码实例皆为竖直方向滚动官方的代码实例(小小改动，自己增加了css）画重点：使用竖向滚动时，需要给<scroll-view>一个固定高度，通过 WXSS 设置 height,注意height的单位必须固定为px哦有几个必须要知道的值的含义：id: 注意id不能用数字,不然会一直报错烦死人。scroll-view: 就是默认显示的视图。scroll-into-vi...

基于小程序的教学辅助微信小程序设计+ssm（lw+演示+源码+运行）