2 Star 2 Fork 1

Mr.Guo/excel_function_manual

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 10.35 KB
一键复制 编辑 原始数据 按行查看 历史
Mr.Guo 提交于 2018-09-06 17:54 . 新增分栏式风格
<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:>
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<title>Excel公式与函数帮助手册</title>
<link href="css/layui.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<script src="js/jquery-3.3.1.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/vue.js"></script>
<script src="js/layui.js"></script>
<script src="js/nav_json.js"></script>
<script src="js/search_json.js"></script>
<script src="js/component/vuecomponent.js"></script>
</head>
<body>
<div class="container" style="padding-top: 20px" id="app">
<div class="row">
<div class="col-md-12">
<form-field v-model="keyword"
@clear-search="keyword=''"
@select-change="selectChange($event)"
:selected="currentSelected"
:elestyle="pagestyle">
</form-field>
</div>
</div>
<!--初始加载-->
<div v-show="isShow" class="row">
<div class="col-md-12">
<!--标题-->
<h1>Excel{{jsonData.title}}手册-<kbd>{{getCurrentStyle}}</kbd></h1>
<div v-for="(feilei,key,index) in jsonData.sections">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div :class="[panel, randomPanelClass()]">
<div class="panel-heading" role="tab" :id="['heading'+index]">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion"
:href="['#collapse'+index]"
aria-expanded="true" aria-controls="['collapse'+index]">
{{index+1}}、{{feilei.name}}
</a>
<span class="badge" data-toggle="tooltip" data-placement="right"
:title="['共有'+feilei.children.length]+'条相关函数'">{{feilei.children.length}}</span>
</h4>
</div>
<div :id="['collapse'+index]" class="panel-collapse collapse" role="tabpanel"
:aria-labelledby="['heading'+index]">
<div class="panel-body">
<div v-for="(childrenItem,index_item) in feilei.children">
<strong>
<a @click="itemClick2(jsonData.topics[childrenItem].href,$event)">{{jsonData.topics[childrenItem].name}}</a>
</strong>
<blockquote>
<p class="bg-success">
<strong>描述:</strong>
{{getDes(jsonData.topics[childrenItem].summary)}}
</p>
<strong>格式:</strong>
<kbd>
{{getFormat(jsonData.topics[childrenItem].summary)}}
</kbd>
<div class="panel-group" style="padding-top: 15px"
:id="['accordion_item_'+index_item+index]" role="tablist"
aria-multiselectable="true">
<div class="panel panel-info">
<div class="panel-heading" role="tab"
:id="['heading_item_'+index_item+index]">
<h4 class="panel-title">
<a role="button" data-toggle="collapse"
:data-parent="['#accordion_item_'+index_item+index]"
:href="['#collapse_item_'+index_item+index]"
aria-expanded="true"
aria-controls="['heading_item_'+index_item+index]"
@click="itemClick2(jsonData.topics[childrenItem].href,$event)">
详细介绍
</a>
</h4>
</div>
<div :id="['collapse_item_'+index_item+index]"
class="panel-collapse collapse" role="tabpanel"
aria-labelledby="['heading_item_'+index_item+index]">
<div class="panel-body">
<div v-if="renderIframeXiangxiFlagArr[jsonData.topics[childrenItem].href]">
<iframe
style="border: none;width: 100%;height:400px"
:src="['pages/excel/'+jsonData.topics[childrenItem].href]">
</iframe>
</div>
</div>
</div>
</div>
</div>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--搜索-->
<div v-if="!isShow" class="row" style="padding-top: 20px">
<div class="col-md-12">
<div v-if="tmpJsonData.length>0">
<small>搜索结果如下:</small>
<div v-for="(item,index) in tmpJsonData">
<strong>
<a @click="itemClick2(item.href,$event)">{{index+1}}、{{item.name}}</a>
</strong>
<blockquote v-if="item.summary">
<p class="bg-success">
<strong>描述:</strong>
{{getDes(item.summary)}}
</p>
<strong>格式:</strong>
<kbd>
{{getFormat(item.summary)}}
</kbd>
<div class="panel-group" style="padding-top: 15px"
:id="['accordion_item_'+index]" role="tablist"
aria-multiselectable="true">
<div class="panel panel-info">
<div class="panel-heading" role="tab"
:id="['heading_item_'+index]">
<h4 class="panel-title">
<a role="button" data-toggle="collapse"
:data-parent="['#accordion_item_'+index]"
:href="['#collapse_item_'+index]"
aria-expanded="true"
aria-controls="['heading_item_'+index]"
@click="itemClick2(item.href,$event)">
详细介绍
</a>
</h4>
</div>
<div :id="['collapse_item_'+index]"
class="panel-collapse collapse" role="tabpanel"
aria-labelledby="['heading_item_'+index]">
<div class="panel-body">
<div v-if="renderIframeXiangxiFlagArr[item.href]">
<iframe
style="border: none;width: 100%;height:400px"
:src="['pages/excel/'+item.href]">
</iframe>
</div>
</div>
</div>
</div>
</div>
</blockquote>
</div>
</div>
<div v-else>
<small class="text-danger">未搜索到相关结果...</small>
</div>
</div>
</div>
<page-footer></page-footer>
</div>
<div id="app2">
<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
函数详细说明
</h4>
</div>
<div class="modal-body">
<iframe v-if="iframeSrc!=''" style="border: none;width: 100%"
:src="['pages/excel/'+iframeSrc]"></iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="js/support.js"></script>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/TangHanF/excel_function_manual.git
[email protected]:TangHanF/excel_function_manual.git
TangHanF
excel_function_manual
excel_function_manual
master

搜索帮助