我的左侧菜单栏可以扩展，如何在扩展后，在图片后面显示相应文字

要在左侧菜单栏扩展后，在图片后面显示相应的文字，你可以使用以下代码：

<div id="menu-container" class="header_">
  <div class="logo_0">
    <img src="../static/images/logo.png" alt="our_logo" class="icon">
    <span class="text">智游云南队</span>
  </div>
  <script src="../static/JS/menu.js"></script>
</div>

在这段代码中，`<div class="logo_0">` 包含了一个 `<img>` 元素和一个 `<span>` 元素。图片和文字都位于同一个 `<div>` 容器内。

接下来，你可以使用 CSS 来控制菜单栏扩展后文字的显示位置。在你的 CSS 文件中，添加以下样式：

.logo_0 {
  display: flex;
  align-items: center;
}

.logo_0 .text {
  margin-left: 10px; /* 调整文字与图片之间的间距 */
}

在上面的 CSS 中，我们将 `.logo_0` 的样式设置为 `display: flex;`，这会使图片和文字在水平方向上对齐。然后，我们使用 `.logo_0 .text` 的样式来调整文字与图片之间的间距。

通过这样的设置，当菜单栏扩展时，图片和文字将会水平排列，并且文字会显示在图片的右侧。

希望这个解答对你有所帮助！如有其他问题，请随时提问。