每次写uniapp最烦的就是滚动条，滑动又有滚动条，记录去除滚动的方法！！！

话不多少，直接上货！App.vue 增加如下样式可以去除 scroll-view 组件的滚动条（不支持nvue页面）::-webkit-scrollbar {display: none;width: 0 !important;height: 0 !important;-webkit-appearance: none;background: transparent;}2.在pages.json 设置

qq_39596012

3294人浏览 · 2020-08-06 11:25:26

qq_39596012 · 2020-08-06 11:25:26 发布

话不多说，直接上货！

App.vue 增加如下样式可以去除 scroll-view 组件的滚动条（不支持nvue页面）

::-webkit-scrollbar {  
    display: none;  
    width: 0 !important;  
    height: 0 !important;  
    -webkit-appearance: none;  
    background: transparent;  
}

在pages.json 设置一下属性

scrollIndicator			滚动条显示策略，设置为 "none" 时不显示滚动条。	App-vue
{
			"path": "pages/user/loginIndex", //app登录首页
			"style": {
				"navigationStyle": "custom",
				"app-plus": {
					//app页面不显示滚动条
					"scrollIndicator": "none"
				}
			}
		},

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^