3***@qq.com
3***@qq.com
  • 发布:2018-11-22 11:46
  • 更新:2020-10-29 10:05
  • 阅读:8009

uniapp 页面在手机上左右滚动怎么去掉?还有ulist怎么去除上下边框

分类:uni-app

页面在真机上调试的时候,往左滑动,右边出现空白区域。页面整体向左移了一点点。怎么解决。我写的content 宽度为750upx,内部VIEW全部写100%;还有ulist列表怎么去掉上下边框。万分感谢

2018-11-22 11:46 负责人:无 分享
已邀请:
8***@qq.com

8***@qq.com

这个你可以直接进入那个插件里面修改scss里面的样式,改after 和before
<style lang="scss">
.uni-list {
background-color: $uni-bg-color;
position: relative;
width: 100%;
display: flex;
flex-direction: column;

    &:after {  
        position: absolute;  
        z-index: 10;  
        right: 0;  
        bottom: 0;  
        left: 0;  
        height: 1px;  
        content: '';  
        -webkit-transform: scaleY(0.5);  
        transform: scaleY(0.5);  
        /*background-color: $uni-border-color; 注释的*/  
    }  

    &:before {  
        position: absolute;  
        z-index: 10;  
        right: 0;  
        top: 0;  
        left: 0;  
        height: 1px;  
        content: '';  
        -webkit-transform: scaleY(0.5);  
        transform: scaleY(0.5);  
        /*background-color: $uni-border-color;注释的*/  
    }  
}  

</style>

8***@qq.com

8***@qq.com

测试一下

zyh_fz

zyh_fz

页面在真机上调试的时候,往左滑动,右边出现空白区域。页面整体向左移了一点点。这个解决了没有

我的意中朱

我的意中朱

我也是

h***@hompe.com.cn

h***@hompe.com.cn - yangguang

我也遇到这种问题,后来发现是textarea设置样式时引起的,修改一下textarea的宽度为auto就行了

该问题目前已经被锁定, 无法添加新回复