什么组件可将van-goods-action包在其中

`van-goods-action` 是一个商品导航组件，而 `van-goods-action` 包含两个子组件 `van-goods-action-button` 和 `van-goods-action-icon`。因此，你可以使用 `van-goods-action` 组件包裹这两个子组件，例如：

<van-goods-action>
  <van-goods-action-button icon="plus">
    加入购物车
  </van-goods-action-button>
  <van-goods-action-button icon="star-o">
    收藏
  </van-goods-action-button>
  <van-goods-action-icon icon="cart-o" text="购物车" />
  <van-goods-action-icon icon="shop-o" text="店铺" />
</van-goods-action>

这样，你就可以在商品导航中添加多个操作按钮或图标了。

相关问题

如何更改van-goods-action的位置

要更改 van-goods-action 的位置，可以使用以下方法：

1. 使用 CSS 样式来调整位置。可以给 van-goods-action 添加一个父容器，然后通过设置父容器的 `position`、`left`、`top`、`right`、`bottom` 等属性来调整 van-goods-action 的位置。

例如，以下代码将 van-goods-action 水平居中并垂直居中在页面中：

<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">
  <van-goods-action></van-goods-action>
</div>

2. 使用外部框架或组件库来调整位置。例如，可以在使用 Vue.js 框架时，使用组件库中提供的布局组件或样式类来调整 van-goods-action 的位置。

例如，使用 Element UI 组件库时，可以使用 `el-row` 和 `el-col` 组件来实现布局和位置调整，例如：

<el-row :justify="center">
  <el-col :span="12">
    <van-goods-action></van-goods-action>
  </el-col>
</el-row>

注意：具体的位置调整方式要根据实际情况进行选择，同时要注意调整后的效果和影响范围。

为van-goods-action-icon设置属性如何设置

如果你想为 `van-goods-action-icon` 设置属性，可以在该组件上使用 `v-bind` 或者简写的 `:` 语法，例如：

<van-goods-action-icon
  :icon="icon"
  :text="text"
  :info="info"
  :icon-class="iconClass"
  :class="customClass"
  @click="handleClick"
/>

其中，`:icon`、`:text`、`:info`、`:icon-class`、`:class` 都是 `van-goods-action-icon` 组件接受的属性，你可以根据具体需求设置对应的值。另外，`@click` 是该组件接受的事件，你可以在该事件的回调函数中处理点击事件。