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

【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.kler.cn/a/472278.html

相关文章:

  • [离线数仓] 总结二、Hive数仓分层开发
  • mysql -> 达梦数据迁移(mbp大小写问题兼容)
  • Docker 容器自动化管理之脚本(Script for Docker Container Automation Management)
  • 如何配置Cursor的显示主题模式
  • GoChina备案管家
  • Wi-Fi Direct (P2P)原理及功能介绍
  • 使用U盘制作CentOS 7.9启动盘的详细步骤
  • Java大厂面试题之10种分布式ID的生成方案
  • C++编程进阶:标准库中的迭代器库解析
  • 【微服务】7、分布式事务
  • 第一个Spring MVC 6入门示例
  • 阿里云DDoS防护:如何更换IP地址,保护您的云服务器
  • 复习打卡大数据篇——HIVE 02
  • Wi-Fi Direct (P2P)原理及功能介绍
  • 运行.Net 7 Zr.Admin项目(后端)
  • Unity学习之UGUI(三)
  • Android图形系统中的PDF渲染:架构、JNI、系统定制与实际应用
  • 微服务-网关、配置热更新、动态路由
  • windows C#-接口中的索引器
  • CSS——17. nth-child选择器2
  • 镜舟科技2024年度回顾,坚持长期价值,进一步实现商业突破
  • 数据挖掘——数据预处理
  • 安徽省乡镇界面图层+arcgis数据shp格式-乡镇名称和编码2020年+wgs84坐标内容测评
  • 解锁RDMA 技术:从原理到应用的深度剖析
  • 不停机从 PostgreSQL 迁移到 MySQL
  • (k8s)k8s系列之命令手册速查