官方网址
(1)scroll-view 可滚动视图容器
<template>
<view class="" >
<view class="title" hover-class="hover-title" hover-start-time=1000 hover-stay-time=2000>
hello world
</view>
<scroll-view scroll-y="true" class="scroll-y">
<view class="item" >
A
</view>
<view class="item">
B
</view>
<view class="item" >
C
</view>
<view class="item" >
D
</view>
<view class="item" >
E
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
},
}
</script>
<style>
.title{width: 100%;;text-align: center;}
.hover-title{font-size: 30px;}
.scroll-y{height: 40px;}
</style>
(2.)swiper :轮播图效果
表单组件
(1)button 按钮
(2)checkbox 复选框
(3)picker 从底部弹起的滚动选择器。支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器
(4)radio单项选择器
(5)slider滑动选择器
(6)switch 开关选择器
(7)textarea 多行输入框
(8)navigator 页面跳转
媒体组件
(1)image图片
(2)video视频组件