uniapp第一天

<template>
	<view class="layout">
		<view class="box1" hover-class="down" hover-start-time="1000"
		hover-stay-time="2000">
		<!-- 子元素 -->
			<view class="inner" hover-class="down2"
			hover-stop-propagation="true">
			<!-- 阻止事件冒泡 -->
				inner
			</view>
		</view>
		<view class="box2">
			box2
		</view>
		<view>-------</view>
		<text selectable="true" space="nbsp">112 如   果21</text>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss">
	.layout{
		border:1px solid red;
		.box1{
			border:1px solid green;
		}
		.box2{
			border:1px solid blue;
		}
	}
	.down{
		background-color: pink;
		width:300px;
		height: 300px;
	}
	.inner{
		width: 150px;
		height: 150px;
		background-color: green;
	}
		
	.down2{
		background-color: white;
	}
</style>

view等价于div，属性

属性名	类型	默认值	说明
hover-class	String	none	指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
hover-stop-propagation	Boolean	false	指定是否阻止本节点的祖先节点出现点击态，App、H5、支付宝小程序、百度小程序不支持（支付宝小程序、百度小程序文档中都有此属性，实测未支持）
hover-start-time	Number	50	按住后多久出现点击态，单位毫秒
hover-stay-time	Number	400	手指松开后点击态保留时间，单位毫秒

hover-stop-propagation阻止事件冒泡

text相当于span，text里面的文字才能被选中，复制。

scroll-view属性：scroll-y竖向滚动，

scroll-x横向滚动，条件：在父元素中添加：white-space:nowrap（禁止换行）

在子元素中添加：display: inline-block;行级块元素

swiper轮播图，内部是swiper-item，swiper加入属性vertical，变成企业邀请函

里面插入image标签：有很多属性，查看官方文档

navigator跳转

button按钮

input输入

属性很多：其中

confirm-type 有效值

弹出软键盘的右下角按钮的文字。

值	说明	平台差异说明
send	右下角按钮为“发送”	微信、支付宝、百度小程序、快手小程序、京东小程序、app-nvue、app-vue和h5(2.9.9+，且要求设备webview内核Chrome81+、Safari13.7+)
search	右下角按钮为“搜索”
next	右下角按钮为“下一个”	微信、支付宝、百度小程序、快手小程序、京东小程序、app-nvue、app-vue和h5(2.9.9+，且要求设备webview内核Chrome81+、Safari13.7+)
go	右下角按钮为“前往”
done	右下角按钮为“完成”	微信、支付宝、百度小程序、快手小程序、京东小程序、app-nvue、app-vue和h5(2.9.9+，且要求设备webview内核Chrome81+、Safari13.7+)