uniapp滚动组件scroll-view
//scroll-x="true" || scroll-y="true"
<view class="scroll-view">
<scroll-view class="scroll_box" scroll-x="true" scroll-left="0">
<view class="scroll_box">
<view v-for="(item, index) in dataList" :key="index" class="scroll_bg">
<image :src="item.src"></image>
<text>{{item.text}}</text>
</view>
</view>
</scroll-view>
</view>
//去除滚动条
/deep/::-webkit-scrollbar {
display: none;
width: 0 !important;
height:0 !important;
-webkit-appearance: none;
background: transparent;
height:auto;
}
.scroll-view {
width: 700rpx;
margin: auto;
.scroll_box {
display: flex;
height: 200rpx;
margin-left: -50rpx;
.scroll_bg {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 200rpx;
height: 200rpx;
image {
width: 100rpx;
height: 100rpx;
border: 2rpx solid #eaeaea;
border-radius: 50rpx;
}
text {
width: 200rpx;
text-align: center;
}
}
}
}
最新文章
- Ajax与JqueryUI和EasyUI错题总结
- C/C++实践笔记 003
- 【POJ3461】Olipo
- Python对整形数字进行加密和解密
- mac Zip 常用命令
- 动态内存分配导致Javascript性能的问题
- 在keil中使用Astyle格式化你的代码的方法
- Android Recovery的汉化 显示中文
- Altium Designer 快速修改板子形状为Keep-out layer大小
- xml动态修改 dom4j修改
- 什么是KMP算法？KMP算法推导
- 移除 iview的Input组件默认background效果
- 【Linux】日志分析工具grep sed sort
- (转)[Python 网络编程] makefile (三)
- shit vue & shit iview
- 查看 Linux memory 内存占用
- Ruby知识总结-一般变量+操作符+if+数组和哈希
- Unreal Engine 4 笔记
- hdu 3397 线段树
- 让子弹飞Demo版