uniapp轮播图怎么设置，指示点要修改成长条形

你可以使用 uni-swiper 组件来创建轮播图。首先，确保你已经安装了 `@dcloudio/uni-ui` 插件。

然后，在你的页面中，使用 `<uni-swiper>` 标签来包裹轮播图的内容。例如：

<template>
  <view>
    <uni-swiper :indicator-dots="false" :indicator-style="indicatorStyle">
      <uni-swiper-item>
        <image src="图片1"></image>
      </uni-swiper-item>
      <uni-swiper-item>
        <image src="图片2"></image>
      </uni-swiper-item>
      <uni-swiper-item>
        <image src="图片3"></image>
      </uni-swiper-item>
    </uni-swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      indicatorStyle: {
        height: '4px',
        backgroundColor: '#000000',
        borderRadius: '2px',
      },
    };
  },
};
</script>

在上面的示例中，我们通过设置 `indicator-dots` 属性为 `false` 来隐藏指示点。然后，通过设置 `indicator-style` 属性来修改指示点样式为长条形。在 `indicatorStyle` 数据中，我们设置了指示点的高度、背景颜色和圆角。

你可以根据需要调整 `indicatorStyle` 中的样式属性来满足你的需求。希望这能帮到你！