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