当前位置: 首页 > news >正文

【Uniapp-Vue3】scroll-view可滚动视图区域组件

如果我们有一个区域有限的大盒子(黑),而我们要在盒子中装的东西(灰)过多,我们就会用到滚动视图:

表现在代码上就是下面这个样子:

<template><view class="scrollView"><view class="box">box</view><view class="box">box</view><view class="box">box</view><view class="box">box</view><view class="box">box</view><view class="box">box</view></view>
</template>

scroll-view有许多属性,下面介绍一些常用的属性。

一、允许纵向滚动

scroll-y    允许纵向滚动

二、允许横向滚动

scroll-x    允许横向滚动

注意这里的CSS样式设置,需要把scroll-view中的元素排成一排。 

 

http://www.lryc.cn/news/517461.html

相关文章:

  • asp.net core webapi中的数据注解与数据验证
  • PixPin—— 高效截图工具的下载与使用攻略
  • Go语言的 的多态性(Polymorphism)基础知识
  • Vue框架主要用来做什么?Vue框架的好处和特性.
  • 科普CMOS传感器的工作原理及特点
  • tensorflow 内存错误
  • spring boot解决swagger中的v2/api-docs泄露漏洞
  • 计算机网络 (25)IPV6
  • 小程序组件 —— 30 组件 - 背景图片的使用
  • 《Opencv》信用卡信息识别项目
  • Matlab贝叶斯估计MCMC分析药物对不同种群生物生理指标数据评估可视化
  • java 转义 反斜杠 Unexpected internal error near index 1
  • 网络安全常见的问题
  • 在ubuntu22.04中使用bear命令追踪内核编译报错的原因分析和解决方案
  • 【软考网工笔记】操作系统管理与配置——Windows
  • vue3 css实现文字输出带光标显示,文字输出完毕,光标消失的效果
  • 什么情况会导致JVM退出?
  • CentOS7修改Docker默认存储路径
  • OpenCV相机标定与3D重建(46)将三维空间中的点投影到二维图像平面上函数projectPoints()的使用
  • 基于Elasticsearch8的向量检索实现相似图形搜索
  • springboot+vue使用easyExcel实现导出功能
  • ffmpeg-avio实战:打开本地文件或者网络直播流dome
  • css预处理器sass
  • VulnHub-Acid(1/100)
  • MATLAB语言的正则表达式
  • 通过 route 或 ip route 管理Linux主机路由
  • MYSQL--------SQL 注入简介MySQL SQL Mode 简介
  • 第6章——HTTP首部
  • 多行输入模式(dquote> 提示符)double quote(双引号)
  • 【什么是MVCC?】