提交 277b66ba 编写于 作者: E Evan

update: 优化首页

上级 00ac5830
......@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>白卷 - White Jotter</title>
</head>
<body>
<body style="background: #f6f6f6">
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
......
<template>
<div class="footer">
<!--<div class="alt">-->
<!--<div class="foot">-->
<!--<p>关于我们</p>-->
<!--<a href="###">企业简介</a>-->
<!--<a href="###">企业文化</a>-->
<!--</div>-->
<!--<div class="foot">-->
<!--<p>新闻中心</p>-->
<!--<a href="###">公司新闻</a>-->
<!--<a href="###">行业新闻</a>-->
<!--</div>-->
<!--<div class="foot">-->
<!--<p>产品及解决方案</p>-->
<!--<a href="###">产品系列</a>-->
<!--<a href="###">解决方案</a>-->
<!--</div>-->
<!--<div class="foot">-->
<!--<p>研发与创新</p>-->
<!--<a href="###">核心技术</a>-->
<!--<a href="###">技术创新</a>-->
<!--</div>-->
<!--<div class="foot">-->
<!--<p>经典案例</p>-->
<!--<a href="###">智慧城市</a>-->
<!--<a href="###">智慧高速</a>-->
<!--</div>-->
<!--<div class="foot">-->
<!--<p>服务支持</p>-->
<!--<a href="###">技术支持</a>-->
<!--<a href="###">服务网络</a>-->
<!--</div>-->
<!--<div class="foot" style="margin-top: -10px">-->
<!--<img src="http://placehold.it/60x60" />-->
<!--</div>-->
<!--</div>-->
<div style="border-top:1px #1F1F1F solid;">
<p class="alt" style="color:#999; line-height:0;">&copy; 版权所有:Evan-Nightly &nbsp;
<span>技术支持:</span>
<a href="###" target="_blank" style="color:#999;">Evan & MMK</a>
<span style="float:right;">联系方式:Evan_Nightly@163.com</span>
</p>
</div>
</div>
</template>
<script>
export default {
name: 'Footer'
}
</script>
<style scoped>
/*通用开始*/
* {
margin: 0;
padding: 0;
font-family: '微软雅黑', Arial, Helvetica, sans-serif;
}
a {
text-decoration: none;
}
img {
border: none;
}
li {
list-style: none;
}
body {
font-size: 12px;
}
div {
font-size: 12px;
}
span {
font-size: 12px;
}
/*通用结束*/
.footer {
background: #2b2e33;
/*background: black;*/
}
.footer .alt {
overflow: hidden;
padding: 20px 0;
width: 1160px;
margin: auto;
}
.footer .alt .foot {
width: 138px;
float: left;
}
.footer .alt .foot p {
color: #FFF;
line-height: 28px;
}
.footer .alt .foot a {
color: #999;
display: block;
line-height: 24px;
}
.footer .alt .foot a:hover {
color: #CCC;
}
.footer .alt .foot img {
padding-top: 20px;
}
</style>
<template>
<div style="width: 1300px;margin-left: auto;margin-right: auto;background-color: #FAF9DE">
<div style="width: 100%;margin-left: auto;margin-right: auto;">
<carousel></carousel>
<!--<tips></tips>-->
<quick-nav></quick-nav>
<slogan></slogan>
<Footer></Footer>
</div>
</template>
......@@ -12,9 +12,10 @@
import QuickNav from '@/components/home/QuickNav'
import Tips from '@/components/home/Tips'
import Slogan from '@/components/home/Slogan'
import Footer from '@/components/common/Footer'
export default {
name: 'AppIndex',
components: {Carousel, QuickNav, Tips, Slogan}
components: {Carousel, QuickNav, Tips, Slogan, Footer}
}
</script>
......
<template>
<el-carousel class="push" :interval="4000" type="card" height="280px" arrow="always">
<el-carousel-item v-for="item in items" :key="item" style="box-shadow: 10px 10px 5px #888888;">
<el-carousel class="push" :interval="4000" type="card" arrow="always">
<el-carousel-item v-for="item in items" :key="item" style="box-shadow: 10px 10px 5px #888888;height: 110%">
<a :href=item.link target="_blank">
<img :src=item.img alt="" class="carousel_img">
</a>
......@@ -18,8 +18,10 @@
}
.push {
padding: 20px 5px;
min-width: 1300px;
padding:20px 0;
width: 1500px;
margin-left: auto;
margin-right: auto;
}
.el-carousel__item:nth-child(2n) {
......@@ -31,7 +33,7 @@
}
.carousel_img {
height: 100%;
height: 92%;
width: 100%;
text-align: center;
}
......
<template>
<div id="pro-div">
<img src="../../assets/img/icon/icon2.png" alt="" style="margin-left: -500px;margin-top: -80px">
<img src="../../assets/img/icon/icon5.png" alt="" style="width: 300px;position: absolute;margin-left: 200px">
<img src="../../assets/img/icon/icon2.png" alt="" width="300" height="280" style="margin-left: -60%;">
<img src="../../assets/img/icon/icon5.png" alt="" style="width: 300px;position: absolute;margin-left: 500px">
<img src="../../assets/img/icon/icon7.png" alt="" style="position: absolute">
</div>
</template>
......@@ -15,7 +15,7 @@
<style scoped>
#pro-div{
height: 200px;
height: 320px;
/*background-image: url("../../assets/img/bg/topo.png"), linear-gradient(70deg, #313375, #696cd2);*/
}
......
<template>
<div>
<el-card class="box-card">
<div style="font-size: 45px;color: azure;white-space: nowrap;margin-top: 20px">Talk is nothing</div>
<div style="font-size: 45px;color: azure;white-space: nowrap;margin-top: 20px">Show you my code</div>
<div style="font-size: 45px;color: azure;white-space: nowrap">Talk is nothing, show you my code.</div>
<a href="https://github.com/Antabot/White-Jotter" target="_blank">
<img src="../../assets/img/icon/icon6.jpg" alt="" style="width: 140px">
<img src="../../assets/img/icon/icon6.jpg" alt="" class="git-link">
</a>
<a href="https://blog.csdn.net/Neuf_Soleil" target="_blank">
<img src="../../assets/img/icon/csdn.png" alt="" class="csdn-link">
</a>
</el-card>
</div>
......@@ -18,13 +20,26 @@
<style scoped>
.box-card {
min-width: 1300px;
height: 310px;
width: 100%;
height: 150px;
background-color: black;
text-align: right;
text-align: center;
margin-top: 30px;
}
.slogan {
width: 100%;
}
.git-link {
width: 80px;
/*position: absolute;*/
}
.csdn-link {
width: 65px;
/*position: absolute;*/
margin-bottom: 7px;
margin-left: 20px;
}
</style>
......@@ -14,7 +14,7 @@ public class LibraryController {
@Autowired
BookService bookService;
@GetMapping(value="/api/libraryindex")
@GetMapping(value="/api/library")
public List<Book> list() throws Exception {
return bookService.list();
}
......
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>白卷 - White Jotter</title><link href=/static/css/app.20f523df434f42be5d3abaee2ae454db.css rel=stylesheet></head><body bgcolor=#FAF9DE><div id=app></div><script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.43fe1a26728d8342f824.js></script><script type=text/javascript src=/static/js/app.9178855f92f88800e3a6.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>白卷 - White Jotter</title><link href=/static/css/app.7b8a4969235acd7b77731160c5407f05.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.43fe1a26728d8342f824.js></script><script type=text/javascript src=/static/js/app.3500ede9f5924e72600f.js></script></body></html>
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap 8348a3fd228fb98bf4bb"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,IAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.2ae2e69a05c33dfc65f8.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 8348a3fd228fb98bf4bb"],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap 298c49af94d5b17acc6d"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,IAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.2ae2e69a05c33dfc65f8.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 298c49af94d5b17acc6d"],"sourceRoot":""}
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册