vue 代码块不透明固定

如果你想要让Vue中的代码块固定在页面上，并且不透明，可以使用CSS的`background-color`属性和`opacity`属性来设置背景色和不透明度。以下是一个示例CSS代码：

.code-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #ffffff; /* 设置背景色 */
  opacity: 0.9; /* 设置不透明度 */
}

在Vue中，你可以将这些CSS样式直接加入到需要固定的代码块的`style`属性中。例如：

<template>
  <div class="wrapper">
    <!-- 其他内容 -->
    <pre class="code-block" style="position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background-color: #ffffff; opacity: 0.9;">
      <!-- 你的代码块 -->
    </pre>
  </div>
</template>

当然，你也可以将这些CSS样式单独写成一个CSS文件，然后在Vue组件中引入。