<view > <uni-row > <uni-card v-for="(item, index) in itemInfos" :key="index" :sub-title="item.itemUnit" :title="item.itemName" :thumbnail="item.itemPicture" @click="clickCard(item)"> <view> <uni-row v-if="(item.preferentialScheme!=null&&item.preferentialScheme!=undefined)"> <text v-for="(itemS,index) in item.preferentialScheme"> <text v-if="index!=item.preferentialScheme.length-1"> {{itemS}}、 </text> <text v-else> {{itemS}} </text> </text> </uni-row> </view> <view slot='actions'> <uni-row :gutter="2"> <uni-col :span="8"> <text class="uni-body">￥：{{item.itemPrice.toFixed(2)}}</text> </uni-col> <uni-col :push="8" :span="8"> <button size="mini" class="button" @click="addShoppingCar(index)" @click.stop>加入购物车</button> </uni-col> </uni-row> </view> </uni-card> </uni-row> </view> <view class="bottom-bar"> <uni-goods-nav :fill="true" :options="options" :button-group="buttonGroup" @click="onClick" @buttonClick="account" style="margin-top: 20px;"></uni-goods-nav> </view> 想让两个view间有间隔，现在的样式如下， .bottom-bar { z-index: 1; /* 添加此行 */ flex-direction: column; position: fixed; left: 0; right: 0; left: var(--window-left); right: var(--window-right); bottom: 0; }

要在两个 `view` 元素之间添加间隔，您可以在它们之间插入一个 `spacer` 元素，并为其设置一个高度值来定义间隔的高度。以下是一个示例：

<view>
  <uni-row>
    <uni-card v-for="(item, index) in itemInfos" :key="index" :sub-title="item.itemUnit" 
      :title="item.itemName" :thumbnail="item.itemPicture" @click="clickCard(item)">
      <!-- 卡片内容 -->
    </uni-card>
  </uni-row>
</view>

<view class="spacer"></view>

<view class="bottom-bar">
  <uni-goods-nav :fill="true" :options="options" :button-group="buttonGroup" @click="onClick"
    @buttonClick="account"></uni-goods-nav>
</view>

.spacer {
  height: 20px; /* 调整此处的数值以设定间隔的高度 */
}

在这个例子中，我在上面的 `view` 元素和底部栏之间添加了一个名为 `spacer` 的新 `view` 元素，并为其设置了一个高度值来定义间隔的高度。您可以根据需要调整 `height` 属性的数值以达到您想要的间隔效果。

请将上述代码添加到您的HTML文件中，并根据需要调整 `spacer` 元素的高度值，以实现上面的 `view` 元素和底部栏之间的间隔效果。