uniapp中scroll-view包含动态的选项并且可以横向滚动

在uniapp中，可以使用scroll-view组件实现带有动态选项且可以横向滚动的效果。具体实现步骤如下：

1. 在scroll-view组件中设置scroll-x属性为true，表示允许横向滚动。
2. 动态生成选项，可以使用v-for指令结合flex布局实现。
3. 设置选项的宽度和高度，以及样式和事件处理函数。

以下是一个示例代码片段：

<scroll-view class="scroll-view" scroll-x>
  <view class="option" v-for="(item,index) in options" :key="index" @click="handleClick(index)">
    {{item}}
  </view>
</scroll-view>

<style>
  .scroll-view {
    white-space: nowrap; /* 禁止换行 */
  }
  .option {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100px; /* 设置选项宽度 */
    height: 50px; /* 设置选项高度 */
    margin-right: 20px; /* 设置选项之间的间距 */
    background-color: #eee; /* 设置选项背景色 */
    border-radius: 5px; /* 设置选项圆角 */
    cursor: pointer;
  }
</style>

<script>
  export default {
    data() {
      return {
        options: ['选项1', '选项2', '选项3', '选项4']
      }
    },
    methods: {
      handleClick(index) {
        // 处理选项点击事件
      }
    }
  }
</script>

在上面的代码中，scroll-view组件设置了scroll-x属性为true，表示允许横向滚动。选项采用inline-flex布局，设置了宽度、高度、间距、背景色、圆角和鼠标样式，同时绑定了点击事件处理函数。通过动态绑定options数据，可以实现选项的动态生成。