Skip to content

html / zhaocaih5-wanda

Go to a project
Commit d4aaeee7 by mamingqun
Options

cb

parent 49cae3c4
Showing with 102 additions and 45 deletions
package.json
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
}, },
"dependencies": { "dependencies": {
"animate.css": "^3.7.2", "animate.css": "^3.7.2",
"axios": "^0.19.0",
"core-js": "^2.6.5", "core-js": "^2.6.5",
"jquery": "^3.4.1", "jquery": "^3.4.1",
"turn.js": "^1.0.5", "turn.js": "^1.0.5",
......
src/App.vue
...@@ -11,18 +11,17 @@ ...@@ -11,18 +11,17 @@
<script> <script>
export default { export default {
mounted() { mounted() {
this.$store.dispatch('getList')
} }
} }
</script> </script>
<style lang="less"> <style lang="less">
ul {
ul{
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
li{ li {
list-style: none; list-style: none;
} }
...@@ -45,7 +44,7 @@ body { ...@@ -45,7 +44,7 @@ body {
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 100%; height: 100%;
overflow: hidden !important; // overflow: hidden !important;
} }
* { * {
......
src/main.js
...@@ -7,6 +7,9 @@ import './assets/js/amfe-flexible' ...@@ -7,6 +7,9 @@ import './assets/js/amfe-flexible'
import Navigation from 'vue-navigation' import Navigation from 'vue-navigation'
import $ from 'jquery'; import $ from 'jquery';
window.jquery = window.$ = $; window.jquery = window.$ = $;
import axios from 'axios';
window.$axios = axios
Vue.use(Navigation, {router}) Vue.use(Navigation, {router})
......
src/store.js
...@@ -5,12 +5,25 @@ Vue.use(Vuex) ...@@ -5,12 +5,25 @@ Vue.use(Vuex)
export default new Vuex.Store({ export default new Vuex.Store({
state: { state: {
list: null
}, },
mutations: { mutations: {
}, },
actions: { actions: {
getList({state}) {
$axios.get('http://wanda-h5.canskj.cn/api/category/list').then((res) => {
console.log('列表')
console.log(res.data.data.data)
state.list = res.data.data.data
})
},
getDetail(state, playload) {
return $axios.get('http://wanda-h5.canskj.cn/api/news/detail', {
params: {
news_id: playload
}
})
}
} }
}) })
\ No newline at end of file
src/views/Home.vue
...@@ -85,6 +85,9 @@ export default { ...@@ -85,6 +85,9 @@ export default {
mounted() { mounted() {
this.GoOrBack() this.GoOrBack()
this.watchPage() this.watchPage()
// this.$store.dispatch('getDetail','你好啊树先生')
}, },
methods: { methods: {
handleShouye() { handleShouye() {
......
src/views/erjiye.vue
...@@ -5,26 +5,9 @@ ...@@ -5,26 +5,9 @@
<div class="content"> <div class="content">
<div class="title"></div> <div class="title"></div>
<div id="content-box" class="content-box" ref="content"> <div id="content-box" class="content-box" ref="content">
<ul id="1"> <ul :id="index + 1" v-for="(item, index) in $store.state.list" :key="index">
<li class="main-title">一、集团招采管理制度要点</li> <li class="main-title">{{item.catname}}</li>
<li class="sub-title">第一节：总则</li> <li class="sub-title" v-for="(ele, num) in item.child" :key="num" @click="handleDetail(ele.news_id)" >{{ele.title}}</li>
<li class="sub-title">第二节：供方管理</li>
<li class="sub-title">第三节：招标过程管理</li>
<li class="sub-title">第四节：集中采购</li>
<li class="sub-title">第五节：直接委托</li>
<li class="sub-title">第六节：合同管理</li>
</ul>
<ul id="2">
<li class="main-title">二、招采常见问题百问百答</li>
<li class="sub-title">第一节：总则</li>
<li class="sub-title">第二节：供方管理</li>
<li class="sub-title">第三节：招标过程管理</li>
<li class="sub-title">第四节：集中采购</li>
<li class="sub-title">第五节：直接委托</li>
<li class="sub-title">第六节：合同管理</li>
</ul>
<ul id="3">
<li class="main-title">三、线上线下招采服务指南</li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -42,20 +25,20 @@ export default { ...@@ -42,20 +25,20 @@ export default {
methods: { methods: {
watchMaodian() { watchMaodian() {
$eventbus.$on('maodian', (index) => { $eventbus.$on('maodian', (index) => {
console.log('erjiye')
console.log( index )
this.$nextTick(() => { this.$nextTick(() => {
console.log('测试'); var height = $('#' + index).position().top - 65;
var height = $('#'+ index).position().top - 65;
$('#content-box').scrollTop(height) $('#content-box').scrollTop(height)
}) })
}) })
}, },
handleJump() { handleJump() {
// $eventbus.$emit('jumpPage', 'xiangqing')
},
handleDetail(id) {
$eventbus.$emit('jumpPage', 'xiangqing') $eventbus.$emit('jumpPage', 'xiangqing')
setTimeout(() => {
// $eventbus.$emit('')
});
} }
}, },
} }
...@@ -103,7 +86,6 @@ export default { ...@@ -103,7 +86,6 @@ export default {
li { li {
height: 98 / @r; height: 98 / @r;
line-height: 98 / @r; line-height: 98 / @r;
font-size: 40 / @r; font-size: 40 / @r;
} }
...@@ -119,6 +101,7 @@ export default { ...@@ -119,6 +101,7 @@ export default {
color: #004db6; color: #004db6;
margin-bottom: 20 / @r; margin-bottom: 20 / @r;
padding-left: 80 / @r; padding-left: 80 / @r;
white-space: nowrap;
} }
} }
} }
......
src/views/xiangqing.vue
...@@ -34,6 +34,12 @@ ...@@ -34,6 +34,12 @@
</ul> </ul>
</div> </div>
</div> </div>
<div>
</div>
<div class="box" v-if="htmlData" v-html="htmlData">
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -43,9 +49,17 @@ ...@@ -43,9 +49,17 @@
export default { export default {
data() { data() {
return { return {
mulu: false mulu: false,
htmlData: null
} }
}, },
mounted() {
this.$store.dispatch('getDetail', 3).then((res) => {
console.log('res');
console.log(res);
this.htmlData = res.data.data.content
})
},
methods: { methods: {
showMulu() { showMulu() {
this.mulu = !this.mulu this.mulu = !this.mulu
...@@ -63,10 +77,13 @@ export default { ...@@ -63,10 +77,13 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
@r: 75rem; @r: 75rem;
.zindex{ .zindex {
z-index: 96; z-index: 96;
} }
.box{
overflow: auto;
}
.xiangqing { .xiangqing {
height: 100%; height: 100%;
...@@ -223,7 +240,6 @@ export default { ...@@ -223,7 +240,6 @@ export default {
background-color: #fff; background-color: #fff;
} }
.flip-animation-1 { .flip-animation-1 {
animation: flipBook1 17s; animation: flipBook1 17s;
} }
...@@ -234,7 +250,6 @@ export default { ...@@ -234,7 +250,6 @@ export default {
background-color: #fff; background-color: #fff;
} }
.flip-animation-2 { .flip-animation-2 {
animation: flipBook2 13s 2s; animation: flipBook2 13s 2s;
} }
...@@ -245,7 +260,6 @@ export default { ...@@ -245,7 +260,6 @@ export default {
background-color: #fff; background-color: #fff;
} }
.flip-animation-3 { .flip-animation-3 {
animation: flipBook3 10s 3s; animation: flipBook3 10s 3s;
} }
......
src/views/yjml.vue
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
<div class="animated jackInTheBox main-title"> <div class="animated jackInTheBox main-title">
<div class="stars"></div> <div class="stars"></div>
</div> </div>
<ul class="list animated zoomInLeft"> <ul class="list animated zoomInLeft" v-if="$store.state.list">
<li class="list-item1" @click="handleJump(1)"></li> <li v-for="(item, index) in $store.state.list" :key="index" @click="handleJump(index + 1)">
<li class="list-item2" @click="handleJump(2)"></li> {{item.catname}}
<li class="list-item3" @click="handleJump(3)"></li> </li>
</ul> </ul>
<div class="button01 animated tada"> <div class="button01 animated tada">
<div class="num-box animated bounceInUp"> <div class="num-box animated bounceInUp">
...@@ -34,15 +34,22 @@ export default { ...@@ -34,15 +34,22 @@ export default {
} }
}, },
created() {
this.$store.dispatch('getList')
},
mounted() { mounted() {
}, },
methods: { methods: {
handleJump(index) { handleJump(index) {
console.log('一级目录的index'); console.log('一级页的index');
console.log(index); console.log(index);
$eventbus.$emit('jumpPage', 'erjiye') $eventbus.$emit('jumpPage', 'erjiye')
setTimeout(() => {
$eventbus.$emit('maodian', index) $eventbus.$emit('maodian', index)
});
} }
}, },
components: { components: {
...@@ -122,8 +129,14 @@ export default { ...@@ -122,8 +129,14 @@ export default {
li { li {
width: 100%; width: 100%;
height: 90 / @r; height: 90 / @r;
line-height: 90 / @r;
// border: 1px solid white; // border: 1px solid white;
margin-bottom: 45 / @r; margin-bottom: 45 / @r;
background: url("../assets/images/erjiye/sub.png") no-repeat center center;
background-size: contain;
font-size: 35 / @r;
color: #004db6;
padding-left: 45 / @r;
} }
.list-item1 { .list-item1 {
......
yarn.lock
...@@ -1472,6 +1472,14 @@ aws4@^1.8.0: ...@@ -1472,6 +1472,14 @@ aws4@^1.8.0:
resolved "https://registry.npm.taobao.org/aws4/download/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f" resolved "https://registry.npm.taobao.org/aws4/download/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
integrity sha1-8OAD2cqef1nHpQiUXXsu+aBKVC8= integrity sha1-8OAD2cqef1nHpQiUXXsu+aBKVC8=
axios@^0.19.0:
version "0.19.0"
resolved "https://registry.npm.taobao.org/axios/download/axios-0.19.0.tgz#8e09bff3d9122e133f7b8101c8fbdd00ed3d2ab8"
integrity sha1-jgm/89kSLhM/e4EByPvdAO09Krg=
dependencies:
follow-redirects "1.5.10"
is-buffer "^2.0.2"
babel-code-frame@^6.22.0, babel-code-frame@^6.26.0: babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
version "6.26.0" version "6.26.0"
resolved "https://registry.npm.taobao.org/babel-code-frame/download/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b" resolved "https://registry.npm.taobao.org/babel-code-frame/download/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
...@@ -2588,6 +2596,13 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3: ...@@ -2588,6 +2596,13 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
dependencies: dependencies:
ms "2.0.0" ms "2.0.0"
debug@=3.1.0:
version "3.1.0"
resolved "https://registry.npm.taobao.org/debug/download/debug-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
integrity sha1-W7WgZyYotkFJVmuhaBnmFRjGcmE=
dependencies:
ms "2.0.0"
debug@^3.1.0, debug@^3.2.5, debug@^3.2.6: debug@^3.1.0, debug@^3.2.5, debug@^3.2.6:
version "3.2.6" version "3.2.6"
resolved "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b" resolved "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
...@@ -3569,6 +3584,13 @@ flush-write-stream@^1.0.0: ...@@ -3569,6 +3584,13 @@ flush-write-stream@^1.0.0:
inherits "^2.0.3" inherits "^2.0.3"
readable-stream "^2.3.6" readable-stream "^2.3.6"
follow-redirects@1.5.10:
version "1.5.10"
resolved "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"
integrity sha1-e3qfmuov3/NnhqlP9kPtB/T/Xio=
dependencies:
debug "=3.1.0"
follow-redirects@^1.0.0: follow-redirects@^1.0.0:
version "1.7.0" version "1.7.0"
resolved "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.7.0.tgz#489ebc198dc0e7f64167bd23b03c4c19b5784c76" resolved "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.7.0.tgz#489ebc198dc0e7f64167bd23b03c4c19b5784c76"
...@@ -4320,6 +4342,11 @@ is-buffer@^1.1.5: ...@@ -4320,6 +4342,11 @@ is-buffer@^1.1.5:
resolved "https://registry.npm.taobao.org/is-buffer/download/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be" resolved "https://registry.npm.taobao.org/is-buffer/download/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
integrity sha1-76ouqdqg16suoTqXsritUf776L4= integrity sha1-76ouqdqg16suoTqXsritUf776L4=
is-buffer@^2.0.2:
version "2.0.3"
resolved "https://registry.npm.taobao.org/is-buffer/download/is-buffer-2.0.3.tgz#4ecf3fcf749cbd1e472689e109ac66261a25e725"
integrity sha1-Ts8/z3ScvR5HJonhCaxmJhol5yU=
is-callable@^1.1.4: is-callable@^1.1.4:
version "1.1.4" version "1.1.4"
resolved "https://registry.npm.taobao.org/is-callable/download/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75" resolved "https://registry.npm.taobao.org/is-callable/download/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment