安装GaussView教程-提供GaussView 5.0.9-x64_linux文件

1、下载到英文路径并解压完成后，打开“GaussView 6.0.16”文件夹，以管理员身份运行其内的“GaussView_6.0.16_win64.exe”程序文件，随后按图安装即可。

2、Name栏和Company栏随意填，Serial栏后面输入：V64128473351848W-5826N，随后点击“Next”，按图操作即可。

3、运行软件，软件界面如图所示。构建高斯的输入文件和以图的形式显示高斯计算的结果。

文件：url80.ctfile.com/f/25127180-733994149-a97608?p=551685 (访问密码: 551685)

本随笔只是记录一下大概的实现思路，如果感兴趣的小伙伴可以通过代码和本随笔的说明去理解实现过程。????我的 Gitee 和 GitHub 地址。注意哦：这个只是 PC 上的标签页，手机端的没用，因为监听器是 mouse，而不是手势。

在线浏览地址：10.标签页。

构建静态页面
可滑动的页面需要 5 个 div，标签也需要 5 个。只有页面是随着我们操作而变化，标签处于静态，标签下面有一个滑块也是随着我们操作而变化。所以，构建基本的 HTML 骨架如下：

.tab-bar {
width: 100%;
height: 40px;
position: relative;
margin-bottom: 8px;
}

.bar-item {
margin: 0;
padding: 0;
cursor: pointer;
}

.slider {
position: absolute;
background-color: #5677fc;
transform: translateX(0%);
width: 35px;
height: 3px;
background-color: blue;
border-radius: 3px;
bottom: 0;
transition: all 0.2s ease-in-out;
}

.tab-page {
overflow-x: hidden;
position: relative;
width: 100%;
height: calc(100vh - 64px);
transition: all 0.2s ease-in-out;
transform: translate(0%, 0px) translateZ(0px);
}

.page-item {
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all 0.5s ease-in-out;
text-align: center;
font-size: 50px;
}

.page-1 {
background-color: rgb(169, 187, 228);
}

.page-2 {
background-color: #5677fc;
}

.page-3 {
background-color: rgb(101, 192, 225);
}

.page-4 {
background-color: rgb(153, 60, 235);
}

.page-5 {
background-color: coral;
}
slider 滑块通过transform: translateX()来平移，默认滑块所在位置是标签1 的位置，现在的问题是如何定义滑块默认的位置、以及每一次往前移动一个标签需要多少距离。

实现滑块的移动
获取 tab-bar 滑块容器的宽度，并且去除容器的 padding 和 margin 值，计算每一个标签所占的长度是多少：

let tabbarWidth = $(“.tab-bar”).width();
let barItemLength = $(“.tab-bar”).find(“div”).length - 1;
let barItemPerWidth = tabbarWidth / barItemLength;
滑块的宽度是 35px，假设一个标签的宽度是 99px。要让这个滑块处于标签的中间，就得让滑块左边缘定在如下图所示的地方：

image

标签的一半再减去滑块的一半就是滑块左边缘的位置，从而使得滑块处于标签的中央。滑块的宽度可以用一个变量来代替，可以考虑让滑块自适应 tab-bar 容器宽度，这里就用实际数字了：

let sliderTranslateX = barItemPerWidth / 2 - 35 / 2;
滑块往前移动，移动多少呢？实际可以如下图这样思考，第一个标签往前移动了一个标签的长度，相当于滑块也跟随着这个标签往前移动，来到了下一个标签的位置。当然，这个标签是不会动的，只有滑块在移动。

最后

以上就是忧心画笔为你收集整理的安装GaussView教程-提供GaussView 5.0.9-x64_linux文件的全部内容，希望文章能够帮你解决安装GaussView教程-提供GaussView 5.0.9-x64_linux文件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。