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 @@
},
"dependencies": {
"animate.css": "^3.7.2",
"axios": "^0.19.0",
"core-js": "^2.6.5",
"jquery": "^3.4.1",
"turn.js": "^1.0.5",
......
src/App.vue
......@@ -11,18 +11,17 @@
<script>
export default {
mounted() {
this.$store.dispatch('getList')
}
}
</script>
<style lang="less">
ul{
ul {
padding: 0;
margin: 0;
}
li{
li {
list-style: none;
}
......@@ -45,7 +44,7 @@ body {
padding: 0;
margin: 0;
height: 100%;
overflow: hidden !important;
// overflow: hidden !important;
}
* {
......
src/main.js
......@@ -7,6 +7,9 @@ import './assets/js/amfe-flexible'
import Navigation from 'vue-navigation'
import $ from 'jquery';
window.jquery = window.$ = $;
import axios from 'axios';
window.$axios = axios
Vue.use(Navigation, {router})
......
src/store.js
......@@ -5,12 +5,25 @@ Vue.use(Vuex)
export default new Vuex.Store({
state: {
list: null
},
mutations: {
},
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 {
mounted() {
this.GoOrBack()
this.watchPage()
// this.$store.dispatch('getDetail','你好啊树先生')
},
methods: {
handleShouye() {
......
src/views/erjiye.vue
......@@ -5,26 +5,9 @@
<div class="content">
<div class="title"></div>
<div id="content-box" class="content-box" ref="content">
<ul id="1">
<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="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 :id="index + 1" v-for="(item, index) in $store.state.list" :key="index">
<li class="main-title">{{item.catname}}</li>
<li class="sub-title" v-for="(ele, num) in item.child" :key="num" @click="handleDetail(ele.news_id)" >{{ele.title}}</li>
</ul>
</div>
</div>
......@@ -42,20 +25,20 @@ export default {
methods: {
watchMaodian() {
$eventbus.$on('maodian', (index) => {
console.log('erjiye')
console.log( index )
this.$nextTick(() => {
console.log('测试');
var height = $('#'+ index).position().top - 65;
var height = $('#' + index).position().top - 65;
$('#content-box').scrollTop(height)
})
})
},
handleJump() {
// $eventbus.$emit('jumpPage', 'xiangqing')
},
handleDetail(id) {
$eventbus.$emit('jumpPage', 'xiangqing')
setTimeout(() => {
// $eventbus.$emit('')
});
}
},
}
......@@ -103,7 +86,6 @@ export default {
li {
height: 98 / @r;
line-height: 98 / @r;
font-size: 40 / @r;
}
......@@ -119,6 +101,7 @@ export default {
color: #004db6;
margin-bottom: 20 / @r;
padding-left: 80 / @r;
white-space: nowrap;
}
}
}
......
src/views/xiangqing.vue
......@@ -34,6 +34,12 @@
</ul>
</div>
</div>
<div>
</div>
<div class="box" v-if="htmlData" v-html="htmlData">
</div>
</div>
</div>
</div>
......@@ -43,9 +49,17 @@
export default {
data() {
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: {
showMulu() {
this.mulu = !this.mulu
......@@ -63,10 +77,13 @@ export default {
<style lang="less" scoped>
@r: 75rem;
.zindex{
.zindex {
z-index: 96;
}
.box{
overflow: auto;
}
.xiangqing {
height: 100%;
......@@ -223,7 +240,6 @@ export default {
background-color: #fff;
}
.flip-animation-1 {
animation: flipBook1 17s;
}
......@@ -234,7 +250,6 @@ export default {
background-color: #fff;
}
.flip-animation-2 {
animation: flipBook2 13s 2s;
}
......@@ -245,7 +260,6 @@ export default {
background-color: #fff;
}
.flip-animation-3 {
animation: flipBook3 10s 3s;
}
......
src/views/yjml.vue
......@@ -7,10 +7,10 @@
<div class="animated jackInTheBox main-title">
<div class="stars"></div>
</div>
<ul class="list animated zoomInLeft">
<li class="list-item1" @click="handleJump(1)"></li>
<li class="list-item2" @click="handleJump(2)"></li>
<li class="list-item3" @click="handleJump(3)"></li>
<ul class="list animated zoomInLeft" v-if="$store.state.list">
<li v-for="(item, index) in $store.state.list" :key="index" @click="handleJump(index + 1)">
{{item.catname}}
</li>
</ul>
<div class="button01 animated tada">
<div class="num-box animated bounceInUp">
......@@ -34,15 +34,22 @@ export default {
}
},
created() {
this.$store.dispatch('getList')
},
mounted() {
},
methods: {
handleJump(index) {
console.log('一级目录的index');
console.log('一级页的index');
console.log(index);
$eventbus.$emit('jumpPage', 'erjiye')
setTimeout(() => {
$eventbus.$emit('maodian', index)
});
}
},
components: {
......@@ -122,8 +129,14 @@ export default {
li {
width: 100%;
height: 90 / @r;
line-height: 90 / @r;
// border: 1px solid white;
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 {
......
yarn.lock
......@@ -1472,6 +1472,14 @@ aws4@^1.8.0:
resolved "https://registry.npm.taobao.org/aws4/download/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
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:
version "6.26.0"
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:
dependencies:
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:
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"
......@@ -3569,6 +3584,13 @@ flush-write-stream@^1.0.0:
inherits "^2.0.3"
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:
version "1.7.0"
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:
resolved "https://registry.npm.taobao.org/is-buffer/download/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
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:
version "1.1.4"
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