如何去掉滚动视图自带下边框

daiding327 · 发表于 2018-5-21 19:53:16

滚动视图组件默认带很粗的底部边框，源码里也没有找到相应的样式，如何去掉滚动视图自带的底部边框

zhangyuqiao · 发表于 2018-5-22 09:04:05

您说的底部很粗的边框是不是设计时出现的，那个是自动生成的，有可能是设置了某个方向的滚动，然后页面显示的数据放不下，就出现了滚动条，正式在手机里是看不到的

daiding327 · 发表于 2018-5-22 09:33:05

就是手机上的预览页面，不是很粗，2px吧差不多，但是我不想要这个效果

YZH · 发表于 2018-5-22 10:08:52

这个属于你布局问题,这里介绍一个简单的方法。
大体思路是在滚动视图外面再套一个视图。这个视图设置overflow:hidden。
而滚动视图设置 overflow-y: scroll;overflow-x: hidden;然后再设置外层视图的width小于内层滚动视图的width。
使用牛刀景区试过,亲测可用

daiding327 · 发表于 2018-5-22 10:36:56

嗯，不该组件默认样式，通过布局也能实现，还有那个幻灯片组件，圆点跟随的样式怎么调呢？直接F12复制的css属性粘贴到css文件里面即使加上！important 也不生效，组件属性上的 “指示颜色”、“当前指示颜色”是用来设置圆点跟随的吗，设置了也不生效啊，看不出来哪里有变化

YZH · 发表于 2018-5-22 11:13:57

幻灯片这块h5模拟和小程序本生的样式不太一样后续需要完善,样式以导入到小程序开发工具中的为准,你可以看下牛刀服装的幻灯片,指示色设置后在小程序里是生效的,微信小程序搜牛刀服装可以看到

daiding327 · 发表于 2018-5-22 11:48:24

知道了可以结贴，谢谢

		自动登录	找回密码
密码			注册

[已结贴] 如何去掉滚动视图自带下边框