浏览代码

feat: 编辑弹窗新增标注快捷键提示

cuiyalong 10 月之前
父节点
当前提交
f3c3f82e84
共有 1 个文件被更改,包括 21 次插入2 次删除
  1. 21 2
      frontend/src/components/spider/EditSpider.vue

+ 21 - 2
frontend/src/components/spider/EditSpider.vue

@@ -57,11 +57,13 @@
                         <el-col :span="12">
                             <el-form-item label="条目区域块">
                                 <el-input v-model="formData.listBodyCss" placeholder="div"></el-input>
+                                <div class="form-item-sub-line">ctrl+2</div>
                             </el-form-item>
                         </el-col>
                         <el-col :span="12">
                             <el-form-item label="条目">
                                 <el-input v-model="formData.listItemCss" placeholder="ul.list li"></el-input>
+                                <div class="form-item-sub-line">ctrl+3</div>
                             </el-form-item>
                         </el-col>
                     </el-row>
@@ -69,12 +71,14 @@
                         <el-col :span="12">
                             <el-form-item label="条目链接">
                                 <el-input v-model="formData.listLinkCss" placeholder="a"></el-input>
+                                <div class="form-item-sub-line">ctrl+4</div>
                             </el-form-item>
                         </el-col>
 
                         <el-col :span="12">
                             <el-form-item label="条目发布时间">
                                 <el-input v-model="formData.listPublishTimeCss" placeholder="span"></el-input>
+                                <div class="form-item-sub-line">ctrl+5</div>
                             </el-form-item>
                         </el-col>
                     </el-row>
@@ -82,6 +86,7 @@
                         <el-col :span="12">
                             <el-form-item label="翻页下一页">
                                 <el-input v-model="formData.listNextPageCss" placeholder="li.nextpage a"></el-input>
+                                <div class="form-item-sub-line">ctrl+6</div>
                             </el-form-item>
                         </el-col>
                     </el-row>
@@ -95,11 +100,13 @@
                         <el-col :span="12">
                             <el-form-item label="详情页标题">
                                 <el-input v-model="formData.titleCss" placeholder="ul.list li"></el-input>
+                                <div class="form-item-sub-line">ctrl+alt+3</div>
                             </el-form-item>
                         </el-col>
                         <el-col :span="12">
                             <el-form-item label="详情页发布时间">
                                 <el-input v-model="formData.publishTimeCss" placeholder="a"></el-input>
+                                <div class="form-item-sub-line">ctrl+alt+4</div>
                             </el-form-item>
                         </el-col>
                     </el-row>
@@ -107,11 +114,13 @@
                         <el-col :span="12">
                             <el-form-item label="详情页发布单位">
                                 <el-input v-model="formData.publishUnitCss" placeholder="span"></el-input>
+                                <div class="form-item-sub-line">ctrl+alt+5</div>
                             </el-form-item>
                         </el-col>
                         <el-col :span="12">
                             <el-form-item label="详情页正文">
                                 <el-input v-model="formData.contentCss" placeholder="li.nextpage a"></el-input>
+                                <div class="form-item-sub-line">ctrl+alt+6</div>
                             </el-form-item>
                         </el-col>
                     </el-row>
@@ -119,6 +128,7 @@
                         <el-col :span="24">
                             <el-form-item label="详情页附件">
                                 <el-input v-model="formData.attachCss" placeholder="span"></el-input>
+                                <div class="form-item-sub-line">ctrl+alt+7</div>
                             </el-form-item>
                         </el-col>
 
@@ -174,7 +184,6 @@
                         placeholder="Please input" />
                 </el-row>
             </el-tab-pane>
-            <div class="space" />
         </el-tabs>
         <div slot="footer" class="dialog-footer" style="text-align:right">
             <el-button @click="dialogVisible = false">取 消</el-button>
@@ -317,7 +326,13 @@ defineExpose({
     emit
 })
 </script>
-<style scoped>
+<style scoped lang="scss">
+::v-deep {
+    .el-form-item {
+        margin-bottom: 10px;
+    }
+}
+
 .codeEditor {
     width: 100%;
     font-size: 12pt;
@@ -337,4 +352,8 @@ defineExpose({
 .mark-container {
     margin-left: 20px;
 }
+.form-item-sub-line {
+    line-height: 24px;
+    color: var(--el-color-primary);
+}
 </style>