123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <title>详情</title>
- <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
- <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- <style>
- .book {
- transform-style: preserve-3d;
- }
- .book > .sp-page {
- border: 1px solid #ccc;
- padding: 5px 10px;
- backface-visibility: hidden;
- }
- .previousTop {
- width: 100px;
- padding: 0 !important;
- position: absolute;
- left: 0;
- top: 0;
- border: 1px solid #ccc;
- overflow:auto
- }
- .previous {
- width: 100px;
- position: absolute;
- left: 0;
- top: 0;
- overflow: hidden;
- transform: rotateY(-180deg);
- }
- .current {
- width: 1100px;
- background:#fff;
- position: absolute;
- left: 100px;
- top: 0;
- overflow:auto;
- transform-origin: 0 50%;
- transform: rotateY(0deg);
- }
- .prev {
- animation: prev 3s forwards;
- }
- @keyframes prev {
- 0% {
- transform: rotateY(-180deg);
- }
- 100% {
- width: 1000px;
- transform: rotateY(0deg);
- }
- }
- .next {
- animation: next 3s forwards;
- }
- @keyframes next {
- 0% {
- width: 1000px;
- transform: rotateY(0deg);
- }
- 100% {
- transform: rotateY(-180deg);
- }
- }
- </style>
- </head>
- <body>
- <div ng-controller="detailCtrl as ctl" id="app" ng-cloak>
- <div class="wrapper wrapper-content">
- <div class="row">
- <div class="col-md-12">
- <div class="ibox float-e-margins">
- <div class="ibox-content">
- <div class="row">
- <div class="col-md-12">
- <div class="sp-box sp-bg-white">
- <div class="sp-page-col sp-pull-right btn-box">
- <a ng-click="ctl.download()" class="sp-btn-gray sp-radius" ng-if="ctl.downloadHref!=null">
- <i class="fa fa-download sp-mr-5"></i>下 载
- </a>
- <a href="{{ctl.return}}" class="sp-btn-gray sp-radius">
- <i class="fa fa-reply sp-mr-5"></i>返 回
- </a>
- </div>
- </div>
- <h3 class="sp-text-center" ng-if="ctl.frompage=='bzgf'" ng-bind="ctl.browse.fBbmc"></h3>
- <h3 class="sp-text-center" ng-if="ctl.frompage!='bzgf'" ng-bind="ctl.list[0].fFgbt"></h3>
- <div class="sp-page-center" ng-if="ctl.frompage=='bzgf'">
- <iframe id="iframe_book" style="width:100%;" frameborder="0" class="iframe" scrolling="no"></iframe>
- </div>
- <div class="sp-page-center book" style="width: 1220px;" ng-if="ctl.frompage!='bzgf'">
- <div class="sp-page previousTop">
- <center class="sp-btn-blue sp-mt-10" ng-repeat="item in ctl.pages" ng-click="ctl.getData(item)">第{{item}}页</center>
- </div>
- <!--<div class="sp-page previous">
- <div class="sp-box" ng-repeat="item in ctl.list1">
- <h3 ng-if="item.fWblx=='章'" class="sp-text-center">
- {{item.fBt1}} {{item.fWblr1}}
- </h3>
- <p ng-if="item.fWblx=='条'">
- {{item.fBt1}} {{item.fWblr1}}
- </p>
- </div>
- </div>-->
- <div class="sp-page current">
- <div class="sp-box" ng-repeat="item in ctl.list">
- <h4 ng-if="item.fWblx=='章'" class="sp-text-center">
- <span ng-bind-html="item.fBt1|keyword"></span> <span ng-bind-html="item.fWblr1|keyword"></span>
- </h4>
- <p ng-if="item.fWblx!='章'">
- <span ng-bind-html="item.fBt1|keyword"></span> <span ng-bind-html="item.fWblr1|keyword"></span>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
- <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
- <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
- <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
- <script src="../../apiurljs.js"></script>
- <script src="../../js/sm4.js"></script>
- <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
- <script>document.write('<scri' + 'pt src="js/detail.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
- <!--<script src="../../js/watermark.js"></script>-->
- <script src="../../AFrontEnd/js/special/spng.js"></script>
- <script src="../../AFrontEnd/js/special/spngvld.js"></script>
- </body>
- </html>
|