样式修改

components/model-detail.vue

@@ -2,14 +2,6 @@
     <div class="h-100 pos-rel">
         <div class="scroll-wrap">
             <el-scrollbar class="h-100">
-                <div class="top-actions">
-                    <el-button v-for="action in actions"
-                        :key="action.name"
-                        @click="execute_action(action)"
-                        type="text"
-                        size="small"
-                    >{{ action.label }}</el-button>
-                </div>
                 <div class="data-row" v-for="item in detailData" :key="item.label">
                     <span class="data-key">{{ item.label }}{{ item.label? ":" : "" }} </span
                     ><span class="data-value" v-html="item.template"></span>
@@ -22,6 +14,14 @@
                         >{{ action.label }}</el-button>
                     </span>
                 </div>
+                <div class="top-actions">
+                    <el-button v-for="action in actions"
+                        :key="action.name"
+                        @click="execute_action(action)"
+                        type="text"
+                        size="small"
+                    >{{ action.label }}</el-button>
+                </div>
             </el-scrollbar>
         </div>
         <div class="detal-btns">
@@ -241,6 +241,12 @@ export default class ChatModelDetail extends Vue {
     }
 }
 .top-actions {
+    margin-top: 10px;
     padding: 0 20px;
+    white-space: wrap;
+    .el-button+.el-button {
+        margin-right: 10px;
+        margin-left: 0;
+    }
 }
 </style>