uniapp scroll-view的滚动条没见了

如果你使用的是uniapp中的scroll-view组件，在默认情况下是不会显示滚动条的。不过你可以通过设置scroll-view的属性来显示滚动条。

例如，你可以设置`scroll-x`或`scroll-y`为true来启用横向或纵向滚动条：

<scroll-view scroll-x="true">
  <!-- 横向滚动内容 -->
</scroll-view>

<scroll-view scroll-y="true">
  <!-- 纵向滚动内容 -->
</scroll-view>

除了启用滚动条，你还可以通过设置`scroll-bar`属性来自定义滚动条样式。例如：

<scroll-view scroll-x="true" scroll-bar="{{scrollBar}}">
  <!-- 横向滚动内容 -->
</scroll-view>

// 在data中定义scrollBar样式
data: {
  scrollBar: {
    background: "#ccc",
    width: "2px",
    borderRadius: "10px",
    opacity: "0.8",
  },
},

这样就可以自定义滚动条样式了。

相关问题

uniapp scroll-view滚动条

uniapp中的scroll-view组件是一个可滚动的视图容器，可以在其中放置大量的子元素。滚动条是scroll-view组件的一部分，用于显示当前滚动位置和可滚动区域的大小。可以通过设置scroll-view组件的属性来控制滚动条的显示和隐藏，以及滚动条的样式和位置。在使用scroll-view组件时，需要注意滚动条的大小和位置，以确保用户可以方便地滚动视图内容。

uniapp scroll-view滚动到底部

在uniapp中，要将scroll-view滚动到底部，可以使用scroll-into-view属性和scrollIntoIndex变量。在scroll-view组件上添加scroll-into-view属性，将其绑定到scrollIntoIndex变量。然后，将scrollIntoIndex变量设置为聊天数据数组的最后一条数据的id，这样scroll-view就会自动滚动到最后一条聊天记录的位置。

示例代码如下：

<scroll-view scroll-y="true" class="main-scroll" :scroll-into-view="scrollIntoIndex" :scroll-with-animation="true">
  <view v-for="(item, index) in chatData" :key="index" :id="'chatItem_' + index">
    <chat-item :userId="clientInfoData.userId" :item="item" ref="chatItem" @previewImage="previewImage"></chat-item>
  </view>
</scroll-view>

请注意，要确保聊天组件的id设置为'chatItem_' + index，这样才能正确地将scroll-into-view属性与聊天记录关联起来。