<!-- 项目------- --> <div> <SeptSelect class="xiangmu" :data="data" v-model="model" placeholder="所有项目" ></SeptSelect> </div> <!-- 状态------- --> <div> <SeptSelect class="zhuangtai" :data2="data2" v-model="model2" placeholder="全部状态" ></SeptSelect> </div> <!-- 搜索---------- --> <SeptInput class="sousuo" prefix="search" placeholder="请输入搜索关键词" ></SeptInput> <!-- 查询----------- --> <SeptButton class="chaxun" scene="primary" size="L" label="查询" ></SeptButton> <!-- 新增----------- --> <SeptButton class="xinzeng" size="L" label="新增"></SeptButton>怎么让这5个组件 右边间距10px 该怎么写

你可以在每个包裹元素上添加一个 `margin-right: 10px;` 的样式来让它们之间产生右边的间距。例如：

<!-- 项目------- -->
<div style="margin-right: 10px;">
    <SeptSelect
        class="xiangmu"
        :data="data"
        v-model="model"
        placeholder="所有项目"
    ></SeptSelect>
</div>

<!-- 状态------- -->
<div style="margin-right: 10px;">
    <SeptSelect
        class="zhuangtai"
        :data2="data2"
        v-model="model2"
        placeholder="全部状态"
    ></SeptSelect>
</div>

<!-- 搜索---------- -->
<div style="margin-right: 10px;">
    <SeptInput
        class="sousuo"
        prefix="search"
        placeholder="请输入搜索关键词"
    ></SeptInput>
</div>

<!-- 查询----------- -->
<div style="margin-right: 10px;">
    <SeptButton
        class="chaxun"
        scene="primary"
        size="L"
        label="查询"
    ></SeptButton>
</div>

<!-- 新增----------- -->
<div>
    <SeptButton
        class="xinzeng"
        size="L"
        label="新增"
    ></SeptButton>
</div>