|
|
|
|
@ -131,6 +131,71 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-popover> |
|
|
|
|
<el-popover |
|
|
|
|
placement="right" |
|
|
|
|
:width="260" |
|
|
|
|
trigger="contextmenu" |
|
|
|
|
v-if="product" |
|
|
|
|
ref="popover2" |
|
|
|
|
> |
|
|
|
|
<template #reference> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img |
|
|
|
|
style="width: 100%" |
|
|
|
|
src="@/assets/images/bg14.png" |
|
|
|
|
alt="" |
|
|
|
|
srcset="" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div class="file-name">LabVIEW2014</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="setting-list"> |
|
|
|
|
<div class="item" @click="openSrttingDialog"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<!-- <img src="@/assets/images/home.png" alt="" /> --> |
|
|
|
|
</div> |
|
|
|
|
<div class="name" style="font-weight: 700">打开</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">管理员身份运行</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">解压到当前文件夹</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">解压到...</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">解压到"LabVIEW2024 (64位)\"</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">其他压缩命令</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<div class="icon"> |
|
|
|
|
<img src="@/assets/images/home.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">Edit width Notepad++</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-popover> |
|
|
|
|
</div> |
|
|
|
|
<div class="openFilesGroupDialg"> |
|
|
|
|
<div class="step1" v-show="step === 1"> |
|
|
|
|
@ -248,19 +313,115 @@ |
|
|
|
|
<div class="title">用户信息</div> |
|
|
|
|
<div class="tip">请输入以下信息</div> |
|
|
|
|
<div class="name"> |
|
|
|
|
<span>全名：</span><el-input style="width: 280px;margin-left: 30px;"></el-input> |
|
|
|
|
<span>全名：</span><el-input style="width: 280px;margin-left: 30px;"placeholder="软件安全管家"></el-input> |
|
|
|
|
</div> |
|
|
|
|
<div class="unit"> |
|
|
|
|
<span>单位：</span><el-input style="width: 280px;margin-left: 30px;"></el-input> |
|
|
|
|
<span>单位：</span><el-input style="width: 280px;margin-left: 30px;"placeholder="中国大陆"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="step3" v-show="installationStep === 3"> |
|
|
|
|
<div class="title">序列号</div> |
|
|
|
|
<div class="tip">请输入以下产品序列号</div> |
|
|
|
|
<div class="serial"> |
|
|
|
|
<div class="name" >序列号：</div> |
|
|
|
|
<el-form label-width="400px" style="max-width: 720" > |
|
|
|
|
<el-form-item label="LabVIEW 2014（基本版 / 完整版 / 专业版）："label-width="307px"> |
|
|
|
|
<el-input style="width: 300px;margin-left: 95px;" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="应用程序生成器 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白："> |
|
|
|
|
<el-input style="width: 300px"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="Report Generation 工具包 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白："> |
|
|
|
|
<el-input style="width: 300px"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="atabase 工具包 - 用于 LabVIEW 2014，如激活 LabVIEW 专业版则保留空白）："> |
|
|
|
|
<el-input style="width: 300px"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="step4" v-show="installationStep === 4"> |
|
|
|
|
<div class="title">目标目录</div> |
|
|
|
|
<div class="tip">选择主安装目录</div> |
|
|
|
|
<div class="item">选择 NI 软件的安装文件夹</div> |
|
|
|
|
<el-select disabled placeholder="C:\Users\LabVIEW Chinese\2014" style="width: 300px;margin-top: 10px;"/> |
|
|
|
|
<el-button disabled style="margin-left: 5px;margin-top: 10px;">浏览</el-button> |
|
|
|
|
<div class="item">选择NI LabVIEW 2014的安装文件夹</div> |
|
|
|
|
<el-select disabled placeholder="C:\Users\LabVIEW Chinese\2014" style="width: 300px;margin-top: 10px;"/> |
|
|
|
|
<el-button disabled style="margin-left: 5px;margin-top: 10px;">浏览</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="step5" v-show="installationStep === 5"> |
|
|
|
|
<div class="title">组件</div> |
|
|
|
|
<div class="tip">选择需要安装的组件</div> |
|
|
|
|
<div class="headers"> |
|
|
|
|
<div class="header"> |
|
|
|
|
<div class="item">NI LabVIEW 2014</div> |
|
|
|
|
<div class="item">Database Connectivity工具包</div> |
|
|
|
|
<div class="item">Report Generation工具包</div> |
|
|
|
|
<div class="item">V Package Manager 2014</div> |
|
|
|
|
<div class="item">附加组件</div> |
|
|
|
|
<div class="item">HI Measurement & Automation Explorer</div> |
|
|
|
|
<div class="item">设备驱动程序</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="image-container"> |
|
|
|
|
<p style="margin-bottom: 20px;">测量和仪器的图形化编程</p> |
|
|
|
|
<img src="@/assets/images/bg13.png" alt=""> |
|
|
|
|
<p style="margin-top: 20px;">该组件将安装至本地硬盘</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="name">选择NI LabVIEW 2014的安装文件夹</div> |
|
|
|
|
<el-select disabled placeholder="C:\Users\LabVIEW Chinese\2014" style="width: 300px;margin-top: 10px;"/> |
|
|
|
|
<el-button disabled style="margin-left: 5px;margin-top: 10px;">浏览</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="step6" v-show="installationStep === 6"> |
|
|
|
|
<div class="title">产品通知</div> |
|
|
|
|
<div class="tip">请查看所选配置的相关信息。</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
警告：可能已启用Windows防火墙默认状态下，Windows操作系统启用防火墙。首次打开LabVIEW时，可能会弹出一个对话框，要求您选择是否从网络接收信息。建议选择“解除阻止”，以使用LabVIEW的所有网络功能。详细信息请访问ni.com/info，并输入信息代码expm69查询。 |
|
|
|
|
<br>产品注意事项 |
|
|
|
|
<br>安装该产品之前，必须安装Microsoft Office XP或更高版本。“Report Generation工具包-用于Microsoft Office”提供的一组VI可用于创建和编辑Microsoft Word和Microsoft Excel格式的报表。通过报表生成工具，用户可使用Word、Excel或自定义模板创建风格一致的专业报表；减少报表显示、打印或保存前编程的工作量。还可以在*.rd文档和Excel工作表中执行Visual Basic宏，实现自定义的功能。更多关于Report Generation工具包的信息，请访问ni.com/info并输入信息代码report。 |
|
|
|
|
<br>正在安装自等社过猪保要票影的前我地,是器得品和更新。如执行搜索，则gational Instruments将在遵循保密协议的前提下，使用您的搜索查询来改进搜索结果和相关性。 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="step7" v-show="installationStep === 7"> |
|
|
|
|
<p class="name">总进度</p> |
|
|
|
|
<el-progress :text-inside="true" :stroke-width="20" :percentage="80" style="margin-bottom: 25px"/> |
|
|
|
|
<p class="name">复制新文件</p> |
|
|
|
|
<el-progress :percentage="100" status="success" :stroke-width="20" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="step7" v-show="installationStep === 8"> |
|
|
|
|
<p class="name">总进度</p> |
|
|
|
|
<el-progress :text-inside="true" :stroke-width="20" :percentage="80" style="margin-bottom: 25px"/> |
|
|
|
|
<p class="name">复制新文件</p> |
|
|
|
|
<el-progress :percentage="100" status="success" :stroke-width="20" /> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 5" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>恢复默认设置</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 5" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #fff; border-color: #ccc" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>磁盘占用</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 6" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>保存文件</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>上一步</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
@ -273,13 +434,80 @@ |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #fff; border-color: #ccc" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
> |
|
|
|
|
取消 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="Popup" |
|
|
|
|
width="650px" |
|
|
|
|
height="500px" |
|
|
|
|
top="10%" |
|
|
|
|
style="left: 5%;padding: 0;" |
|
|
|
|
> |
|
|
|
|
<template #header> |
|
|
|
|
<div class="dialog-header" >安装LabVIEW硬件支持</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="installation-box"> |
|
|
|
|
<div v-show="installationStep === 8"> |
|
|
|
|
<div style="margin-top: 8px; margin-bottom: 80px;font-size: 16px;line-height: 1.6;letter-spacing: 0.5px;font-weight: bold">如需使LabVIEW支持硬件设备，必须安装相应的设备驱动程序即便以前版本的LabVIEW已经安装相应设备驱动程序，仍需。需为当前版本的LabVIEW重新安装。</div> |
|
|
|
|
<div class="item">如所需文件处于其他位置，请在下面输入相应路径。</div> |
|
|
|
|
<el-select disabled placeholder="C:\Users\LabVIEW Chinese\2014" style="width: 300px;margin-top: 10px;margin-left: 15px;"/> |
|
|
|
|
<el-button disabled style="margin-left: 5px;margin-top: 10px;">浏览</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="step9" v-show="installationStep === 9"style="height: 250px;font-weight: bold;font-size: 16px;"> |
|
|
|
|
安装完成! |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 8" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>安装支持</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 8" |
|
|
|
|
type="primary" |
|
|
|
|
size="large" |
|
|
|
|
@click="setInstallationStep" |
|
|
|
|
style="background-color: #0052d9; color: #fff; border: 0" |
|
|
|
|
> |
|
|
|
|
不需要支持 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
>上一步</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
type="primary" |
|
|
|
|
size="large" |
|
|
|
|
@click="Installation = false" |
|
|
|
|
style="background-color: #f3f3f3; color: #000000; border-color: #ccc" |
|
|
|
|
|
|
|
|
|
> |
|
|
|
|
下一步 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
v-show="installationStep === 9" |
|
|
|
|
size="large" |
|
|
|
|
@click="Completed" |
|
|
|
|
style="background-color: #0052d9; color: #fff; border: 0" |
|
|
|
|
>完成</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
</el-dialog> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
|
@ -287,11 +515,13 @@ import { ref } from "vue"; |
|
|
|
|
type Falg = boolean; |
|
|
|
|
type Step = number; |
|
|
|
|
const falg = ref<Falg>(false); |
|
|
|
|
const product = ref<Falg>(false); |
|
|
|
|
const step = ref<Step>(0); |
|
|
|
|
const popover1 = ref<any>(null); |
|
|
|
|
const popover2 = ref<any>(null); |
|
|
|
|
const dialogVisible = ref<Falg>(false); |
|
|
|
|
const Installation = ref<Falg>(false); |
|
|
|
|
const Popup = ref<Falg>(false); |
|
|
|
|
const installationStep = ref<Step>(1); |
|
|
|
|
const checkList = ref<Step[]>([1, 2]); |
|
|
|
|
const unpack = (): void => { |
|
|
|
|
@ -316,7 +546,18 @@ const openSrttingDialog = (): void => { |
|
|
|
|
}; |
|
|
|
|
const setInstallationStep = (): void => { |
|
|
|
|
installationStep.value++; |
|
|
|
|
if(installationStep.value == 8){ |
|
|
|
|
Popup.value = true |
|
|
|
|
} |
|
|
|
|
if(installationStep.value == 9){ |
|
|
|
|
Installation.value = false |
|
|
|
|
Popup.value = true |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
const Completed = ():void => { |
|
|
|
|
Popup.value = false |
|
|
|
|
product.value = true; |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
@ -332,8 +573,8 @@ const setInstallationStep = (): void => { |
|
|
|
|
height: 753px; |
|
|
|
|
// background-color: pink; |
|
|
|
|
.app-list { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
width: 500px; |
|
|
|
|
height: 500px; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
@ -345,7 +586,7 @@ const setInstallationStep = (): void => { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
// justify-content: center; |
|
|
|
|
cursor: pointer; |
|
|
|
|
&:hover { |
|
|
|
|
border: 1px solid #41d3ff; |
|
|
|
|
@ -537,28 +778,155 @@ const setInstallationStep = (): void => { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step2 { |
|
|
|
|
min-height: 230px; |
|
|
|
|
.title { |
|
|
|
|
font-size: 24px; |
|
|
|
|
color: #585858; |
|
|
|
|
font-weight: 700; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
font-size: 16px; |
|
|
|
|
line-height: 30px; |
|
|
|
|
color: #585858; |
|
|
|
|
min-height: 230px; |
|
|
|
|
.title { |
|
|
|
|
font-size: 24px; |
|
|
|
|
color: #585858; |
|
|
|
|
font-weight: 700; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
font-size: 16px; |
|
|
|
|
line-height: 30px; |
|
|
|
|
color: #585858; |
|
|
|
|
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.name, |
|
|
|
|
.unit { |
|
|
|
|
padding-left: 37px; |
|
|
|
|
margin-top: 25px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
.name, |
|
|
|
|
.unit { |
|
|
|
|
padding-left: 37px; |
|
|
|
|
margin-top: 25px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step3{ |
|
|
|
|
// width: 540px; |
|
|
|
|
// height: 500px; |
|
|
|
|
// border-radius: 5px; |
|
|
|
|
// background-color: #fff; |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.tip{ |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.serial{ |
|
|
|
|
margin-top: 40px; |
|
|
|
|
.name{ |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
margin-left: 400px; |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
} |
|
|
|
|
:deep(.el-form-item__label ){ |
|
|
|
|
text-align: left; /* 设置label左对齐 */ |
|
|
|
|
line-height: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step4{ |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.item{ |
|
|
|
|
margin-top: 50px; |
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step5{ |
|
|
|
|
.title { |
|
|
|
|
font-size: 25px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.tip { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.headers{ |
|
|
|
|
display: flex; /* 使用Flexbox布局 */ |
|
|
|
|
justify-content: space-between; /* 让子元素在容器中左右对齐 */ |
|
|
|
|
} |
|
|
|
|
.header{ |
|
|
|
|
display: flex; /* 使用Flexbox布局 */ |
|
|
|
|
flex-direction: column; /* 设置子元素竖向排列 */ |
|
|
|
|
align-items: flex-start; /* 对齐方式，让子元素的起始位置对齐 */ |
|
|
|
|
width: auto; |
|
|
|
|
} |
|
|
|
|
.item{ |
|
|
|
|
margin-top: 20px; |
|
|
|
|
margin-left: 30px; |
|
|
|
|
font-size: 13px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: '▸ '; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 13px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
.image-container { |
|
|
|
|
background-color: #ebebeb; |
|
|
|
|
width: 300px; /* 或者根据需要调整宽度 */ |
|
|
|
|
margin-left: auto; /* 推动到右侧 */ |
|
|
|
|
padding: 10px; |
|
|
|
|
display: flex; /* 启用Flexbox布局 */ |
|
|
|
|
flex-direction: column; /* 设置子元素竖向排列 */ |
|
|
|
|
justify-content: center; /* 垂直居中 */ |
|
|
|
|
align-items: center; /* 水平居中 */ |
|
|
|
|
} |
|
|
|
|
.name{ |
|
|
|
|
margin-top: 40px; |
|
|
|
|
} |
|
|
|
|
.name:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step6{ |
|
|
|
|
.title { |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
color: #f2994a; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
} |
|
|
|
|
.item{ |
|
|
|
|
margin-top: 40px; |
|
|
|
|
line-height: 1.6; /* 设置行高 */ |
|
|
|
|
letter-spacing: 0.5px; /* 设置字母间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.step7{ |
|
|
|
|
padding: 50px; |
|
|
|
|
// width: 600px; |
|
|
|
|
.name{ |
|
|
|
|
margin-bottom: 8px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; /* 设置文字加粗 */ |
|
|
|
|
} |
|
|
|
|
.item:before { |
|
|
|
|
content: "• "; /* 在内容前添加一个小点和空格 */ |
|
|
|
|
color: rgb(0, 0, 0); /* 设置小点的颜色 */ |
|
|
|
|
font-size: 15px; /* 设置小点的大小 */ |
|
|
|
|
margin-right: 5px; /* 设置小点和文本之间的间距 */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.dialog-header { |
|
|
|
|
padding: 20px; |
|
|
|
|
|
