wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

技术文档更改

This commit is contained in:
guoyue 2022-08-03 14:17:51 +08:00
parent c33729bbb8
commit ce0ce3f2f1
1 changed files with 13 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
front/src/views/instructionManual/index.vue
View File

@ -11,24 +11,20 @@
:clickData="clickData"></abilityDocTree>
</div>
<div class="first-title-text new-guide-box" :style="{ color: '新手指引' === titleData.name ? '#0058e1' : '' }"
@click="changeName({ name: '新手指引' })">
<div class="guide-text">新手指引</div>
<div class="first-title-text new-guide-box" :style="{ color: '使用手册' === titleData.name ? '#0058e1' : '' }"
@click="changeName({ name: '使用手册' })">
<div class="guide-text">使用手册</div>
</div>
<!-- 技术文档 -->
<div class="right" v-if="titleData.name !== '新手指引'">
<div class="right" v-if="titleData.name !== '使用手册'">
<div style="height: 100%">
<iframe name="iframeName" width="1300" height="100%" id="iframeId" :frameborder="0"
:src="doc_base_url + clickData.doc"></iframe>
</div>
<!-- 使用手册 -->
<div class="manual" v-if="titleData.name === '新手指引'">
<p>使用手册</p>
</div>
</div>
</div>
<menuBook v-if="titleData.name === '新手指引'"></menuBook>
<menuBook v-if="titleData.name === '使用手册'"></menuBook>
</div>
<home-footer v-if="footShow"></home-footer>
@ -45,7 +41,7 @@ import HomeFooter from '@/views/newHome/components/Footer'
const titleList = ref([
{
name: '新手指引',
name: '使用手册',
className: 'newGuide',
},
{
@ -85,7 +81,7 @@ const footShow = ref(true)
const changeName = (item) => {
titleData.value = item
if (item.name == '新手指引') {
if (item.name == '使用手册') {
footShow.value = true
clickData.value = {}
}
@ -224,24 +220,14 @@ onMounted(() => {
}
.left {
z-index: 10;
width: 200px;
padding: 20px;
margin-right: 20px;
background: rgba(244, 245, 248, 1);
overflow-y: scroll;
padding-left: 10px;
padding-top: 10px;
background: #f4f5f8;
position: absolute;
top: 200px;
left: 20px;
}
.right {
width: 1300px;
height: calc(100% - 20px);
position: absolute;
top: 10px;
left: 300px;
min-height: 600px;
top: 300px;
left: 85px;
max-height: 400px;
}
.manual {
@ -287,32 +273,16 @@ onMounted(() => {
margin-right: 8px;
}
.doc {
background: url('~@/assets/capabilityCloud/doc.png') no-repeat;
background-size: 100%;
}
.rela {
width: 100%;
height: 100%;
position: relative;
}
.newGuide {
background: url('~@/assets/capabilityCloud/newGuide.png') no-repeat;
background-size: 100%;
}
.new-menu-box {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.rela {
width: 100%;
height: 100%;
position: relative;
}
</style>