uni-app滚动条-超链接-按钮

最新推荐文章于 2024-10-06 20:44:43 发布

阿佳快努力

最新推荐文章于 2024-10-06 20:44:43 发布

阅读量214

点赞数 4

文章标签： uni-app

本文链接：https://blog.csdn.net/2403_86913316/article/details/141648545

版权

scroll-view(滚动显示)中的scroll-y里填true是竖向滚动，false是横向滚动

navigator(超链接)里的url是要跳转的地址

button(按钮)的size是按钮大小，type是按钮颜色

代码示例：

<template>
	<!--滚动条显示-->
	<scroll-view  class="box" scroll-y="true">
		<view>不嘻嘻</view>
		<view>不哈哈</view>
		<view>不呵呵</view>
		<view>不嘿嘿</view>
	</scroll-view>
	<!--超链接跳转-->
	<navigator url="/pages/index/index">去主页</navigator>
	<!--按钮-->
	<button size="default" type="primary" >提交</button>
</template>
<style>
	.box{
		font-size: 40px;
		width: 150px;
		height: 50px;
		border: 1px solid yellowgreen;
	}
</style>

代码效果：