uniapp组件之视图容器

我才是姐姐＜＜

已于 2022-07-19 08:34:26 修改

阅读量710

点赞数

分类专栏：扩充知识文章标签： javascript 前端 vue.js

于 2022-07-18 21:47:53 首次发布

本文链接：https://blog.csdn.net/qq_53496673/article/details/125860916

版权

一、scroll-view
可滚动视图区域

示例一：
id相同

<template>
	<view>
		<view class="uni-padding-wrap uni-common-mt">
			**<!-- 问题一：uni-padding-wrap 
						uni-common-mt有什么作用？没有出现在样式里
			-->**
			<view class="uni-title uni-common-mt">
				Vertical Scroll
				<text>\n纵向滚动</text>
			</view>
			<view>
				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
					@scrolltolower="lower" @scroll="scroll">
					<view id="demo1" class="scroll-view-item uni-bg-red">A</view>
					<view id="demo2" class="scroll-view-item uni-bg-green">B</view>
					<view id="demo3" class="scroll-view-item uni-bg-blue">C</view>
				</scroll-view>
			</view>
			<view @tap="goTop" class="uni-link uni-center uni-common-mt">
				点击这里返回顶部
			</view>
		
			<view class="uni-title uni-common-mt">
				Horizontal Scroll
				<text>\n横向滚动</text>
			</view>
			<view>
				<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
					<view id="demo1" class="scroll-view-item_H uni-bg-red">A</view>
					<view id="demo2" class="scroll-view-item_H uni-bg-green">B</view>
					<view id="demo3" class="scroll-view-item_H uni-bg-blue">C</vie