uniapp-商城-26-顶部模块折叠

打印 上一主题 下一主题

主题 1712|帖子 1712|积分 5136

主要是为了更多展示商品,必要对头部进行折叠。
将客服和后台隐蔽不显示,将logo和名称栏目显示到胶囊处,将码 隐蔽 将店铺先容隐蔽,将logo缩小,将店名缩小显示。
代码:使用一个tag 来表现必要折叠  这里就是 foldstate

将这里的foldstate  传递到组件  :

组件:获取到该值 :shop headbar 组件

设置到客服:flod

设置到body 就是logo栏目  flod

计算高度变革: flodstate


设置flod的样式,其他没有设置的样式就继承前面设置的:

设置页面折叠的 慢动作: transition 以及注意这里的   img 100%  被继承(就是logo图片完全显示)
没有慢动作 折叠就会显得有些生硬


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

伤心客

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表