uniapp样式问题（实战经验中持续更新）

本文主要是介绍uniapp样式问题（实战经验中持续更新），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

uniapp样式问题

scroll-view

（1）scroll-view内部的第一个盒子添加margin-top属性会出现滚动条

<template><view><scroll-view :scroll-y="true" :style="{height: minHeight + 'px'}"><view class="type-item-list"><view class="type-item" :style="{'marginTop': '24rpx'}"></view></view></scroll-view></view>
</template>
<script>export default{components:{},data(){return{minHeight: getApp().globalData.systemInfo.windowHeight,}}}
</script>	

解决方案（避开盒子内的marginTop）：

.type-item-list{padding-top: 24rpx;
}
.type-item{margin-bottom: 24rpx;
}

本人开发的一个网站：编程之道，欢迎来踩！！！

这篇关于uniapp样式问题（实战经验中持续更新）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---