技术文档写作

科技文排版技巧

 

目录

一   段落格式的设定... 2

二.设置标题... 3

三  利用“导航”选项,对论文进行快速定位(建立在3的基础上)... 4

四.插入“分页符”和“分节符”. 5

五.页码的设置... 6

六自动目录生成(建立在3的基础上)... 10

七特殊符号... 12

八文献资料应用... 13

九插入代码和水影... 15

   段落格式的设定

   1选中段落,右键,找到段落选项

   2点击进入到段落选项卡,设置好首行缩进,行距,段落格式就修改好了

 大部分同学都是设置好某一段落之后应用格式刷,不断地刷。但是当格式比较多时,要找到已经更改的段落比较麻烦。此时,样式就显得非常重要。应用同一种样式的对象,如果要修改格式,只需要修改样式整篇文档就会自动修改过来,非常方便。而且可以针对不同的对象建立不同的样式。

3选中设置好的段落,然后点击更改样式旁边的按钮,下拉菜单中有“将所选内容设置为新样式”

击“将所选内容设置为新样式”,命名样式,确定之后,样式选项卡内将出现你命名的样式

4 将光标移到你要修改格式的段落,点击样式选项卡中你设置的样式,整个段落格式就修改好了。

二.设置标题

    常规的标题的设置比较简单,此处不赘言。这里讲的标题的设置是只能够进行文档内部链接的标题,可用于文档定位和目录制作的标题。

   1 选中标题,应用样式中的“标题”(任选一个,一般来说,章选“标题1”,依此类推)

    2选中标题,设置字体,行距等。

   3存为新样式

 

  利用“导航”选项,对论文进行快速定位(建立在3的基础上)

    一篇论文几十页,如果每次要找其中某一章节都要不断地下拉的话,着实花费不少时间。此时,可以巧妙地利用“导航”来进行快速定位

   1勾选“导航”选项

   2勾选之后,word窗口的左边会出现导航窗口,这时,点击各个小标题就可以进行论文的快速定位了

      

.插入“分页符”和“分节符”

    论文的每一章,是要重新在另外一页开始的。很多同学直接“ENTER”到另一页,但是当前一章内容进行变化之后,下一章又不是从新的一页开始了。这时,需要插入“分页符”。而“分节符”是为了页码页眉的设置。

   1插入“分页符”。

   鼠标定位到每一章的最后。

   2找到页面布局中的分隔栏

      3点击分隔栏。在下拉菜单中找到“分页符”,点击即可

      4插入“分节符”

    很多时候这一页的页眉和下一页的页眉不一样,或者页码和上一页没有关时,就需要插入分节符。

    前面的步骤和插入分页符一样,只是在分隔符的下拉菜单中找到“分节符”就行了。

 

.页码的设置

   1鼠标定位到页脚处,双击进入到页脚编辑状态

   2设计菜单栏中找到“页码”

  击页码,在下拉菜单中选中页面底端加页码还是页面顶端

 4 页码要设置从当前页开始,或者不用阿拉伯数字, 进入到页码格式选项卡

    “编号格式”选择不同的编号方式,“续前节”为默认的和前一节的页码想关。如果要设置从这一页开始第x页,则点击“起始页码”。输入x就行了。

眉的设置(建立在56的基础上)

 5 页眉的设置稍微要复杂些。  标定位到页眉处,双击进入页眉编辑状态

     设置奇偶页不同      在奇数页眉处写上奇数页眉内容,在偶数页眉处写上偶数页眉内容

     在不同的章节上面显示不同的页眉      设计菜单栏里有“链接到上一条页眉”选项。点击它,变为非黄色状态的时候就说明没有链接到上一条页眉了,即可编辑本章节的页眉了。  设置页眉的下划线

    选中页眉内容,在页面布局中找到“页面边框”     进入页面边框选项卡,在“边框”中设置“样式”“颜色”“宽度”“应用于段落”等

6点击“确定”,下划线就出现了,这时还要进行一些微调。不赘言。

六自动目录生成(建立在3的基础上)

    自动目录的生成可以省去手动输入目录的麻烦,而且自动目录会更新页码。

   1在“引用”中找到“目录

   2点击“目录”选项卡

      3在你想要的自动目录下点击即可。对于生产

七特殊符号

 

另外的一个小提示,显示文档中的特殊符号。把文档中的某些特殊符号显示出来,可以更加清楚地知道文档的情况,利于进行更改。比如删除“分节符”

在“文件”中找到“选项”  在选项中的“显示”中勾选你想要显示出来的特殊符号

 

八文献资料应用

 

主要分为两大步骤,生成编号项、插入超级链接

1自动生成编号项   选种参考文献区域,如下图:  开始-->进入如下区域

点击文档编号格式[1]-----。如下图:点击完之后,自动生成对应的编号。如下图:

2、如何在论文中应用对应的参考文献

 插入-->交叉引用,如下图:

其中,引用类型:编号项,引用内容:段落编号

在论文中对应的位置插入编号项目。选种对应的参考文献,点击插入即可,如下图:

有的格式要求编号项在右上角,选种编号,点击x2即可。如下图所示:、

 

 

 

九插入代码和水影

点击Visual Studio Code右下角的“纯文本”,选择代码块对应的程序语言后,vs code就会自动对代码进行着色了,之后就可以将vs code中的着色后的代码内容复制粘贴到Word中了。如果对默认的代码着色方案不满意,可以在VS code中修改颜色主题。例如,这里我选择将颜色主题修改为我喜欢的“Monokai”。粘贴到Word中的代码背景还可以继续按照之前的“设计——页面边框——底纹”进行修改哦。

 

<think>好的,我现在需要帮助用户解决如何使用vue-seamless-scroll实现el-table的自动滚动效果的问题。首先,我要回忆一下用户提到的引用内容,看看有没有相关的实现方法。引用[1]提到创建两个表格,一个隐藏body部分,另一个隐藏head部分,然后结合滚动组件来实现固定表头和滚动数据。引用[2]则提到了使用vue-seamless-scroll插件以及处理排序时需要从头滚动的逻辑,用到了scrollInitFlag参数。 用户现在需要具体的示例代码,所以我应该整理出一个清晰的步骤。首先,安装vue-seamless-scroll插件是必要的。然后,在组件中引入插件并注册。接下来,构建两个el-table,第一个表格只显示表头,第二个表格隐藏表头并放在vue-seamless-scroll组件内。需要确保两个表格的列对齐,所以宽度和样式要一致。 另外,用户可能需要在点击排序时重置滚动,这时候需要处理排序事件,将scrollInitFlag设为true,并在滚动方法中根据这个参数决定是否从头开始滚动。代码中可能需要用到ref来引用滚动组件,并调用其reset方法。 需要注意样式部分,特别是隐藏第二个表格的表头,可以使用CSS选择器如/deep/ .el-table__header-wrapper来设置display: none。同时,两个表格的宽度要保持一致,避免布局错乱。 可能的问题点包括:表格数据更新时滚动是否正常,滚动速度的控制,以及如何处理用户交互如悬停暂停滚动。用户可能还需要知道如何调整参数,比如step、limitMoveNum等,来优化滚动效果。 最后,确保示例代码简洁明了,注释清楚,让用户能够直接复制并调整使用。同时,提醒用户注意版本兼容性,比如Vue3和element-plus的配置可能有所不同,需要正确导入组件和样式。</think># 使用 vue-seamless-scroll 实现 el-table 自动滚动 ### 实现步骤与代码示例 #### 1. 安装插件 ```bash npm install vue-seamless-scroll ``` #### 2. 基础实现 ```vue <template> <div class="scroll-container"> <!-- 固定表头表格 --> <el-table :data="tableData" class="header-table" :header-cell-style="{ background: '#f5f7fa' }" > <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"></el-table-column> <el-table-column prop="address" label="地址"></el-table-column> </el-table> <!-- 滚动数据表格 --> <vue-seamless-scroll :data="tableData" class="seamless-scroll" :class-option="scrollOptions" > <el-table :data="tableData" class="body-table" :show-header="false" > <el-table-column prop="date" width="180"></el-table-column> <el-table-column prop="name" width="180"></el-table-column> <el-table-column prop="address"></el-table-column> </el-table> </vue-seamless-scroll> </div> </template> <script> import vueSeamlessScroll from 'vue-seamless-scroll' export default { components: { vueSeamlessScroll }, data() { return { tableData: [ // 填充测试数据... ], scrollOptions: { step: 0.5, // 滚动速度 limitMoveNum: 10, // 开启滚动的数据量阈值 hoverStop: true, // 悬停暂停 direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true // 自动监听数据更新 } } } } </script> <style scoped> .scroll-container { position: relative; height: 400px; } .header-table { position: absolute; z-index: 2; width: 100%; } .body-table { margin-top: 40px; /* 表头高度 */ } .seamless-scroll { height: 360px; /* 容器总高度 - 表头高度 */ overflow: hidden; } /* 隐藏滚动表格的头部 */ /deep/ .body-table .el-table__header-wrapper { display: none; } </style> ``` ### 关键点说明 1. **双表格结构**:通过分离表头和数据实现固定表头效果[^1] 2. **参数配置**: - `step` 控制滚动速度(值越大越快) - `limitMoveNum` 设置数据量阈值(当数据超过该值才启用滚动) - `hoverStop` 实现悬停暂停交互 3. **样式处理**: - 使用定位固定表头表格 - 通过`margin-top`偏移数据表格位置 - 隐藏滚动表格的头部元素 ### 排序重置逻辑[^2] ```vue <script> export default { methods: { handleSortChange() { this.scrollInitFlag = true this.$refs.scrollComponent.reset() } } } </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Stestack

你的鼓励是我最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值