elf
/
elf-shop-mobile
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'add'

Browse Source
master
ewall 7 years ago
parent de5da13063
commit 1583bebcad
4 changed files with 44 additions and 71 deletions
Show Stats Download Patch File Download Diff File

68
src/components/classification.vue
Unescape Escape View File

@ -1,68 +0,0 @@
<template>
<div class="classification">
<!-- 首页分类运营模块 -->
<div class="class_top">
<div class="item">
<img src="https://a4.vimage1.com/upload/flow/2018/05/29/106/15275616596915.jpg" alt="">
</div>
<div class="item">
<img src="https://a2.vimage1.com/upload/flow/2018/05/22/138/15269786875124.jpg" alt="">
</div>
<div class="item">
<img src="https://a4.vimage1.com/upload/flow/2018/05/29/100/15275815231657.jpg" alt="">
</div>
<div class="item">
<img src="https://a4.vimage1.com/upload/flow/2018/05/22/190/15269788745661.jpg" alt="">
</div>
<div class="item">
<img src="https://a4.vimage1.com/upload/flow/2018/05/22/110/15269789816830.jpg" alt="">
</div>
</div>
<div class="class_bottom">
<div class="item">
<img src="https://a3.vimage1.com/upload/flow/2018/05/29/40/15275616172415.jpg" alt="">
</div>
<div class="item">
<img src="https://a2.vimage1.com/upload/flow/2018/05/29/139/15275815452999.jpg" alt="">
</div>
<div class="item">
<img src="https://a3.vimage1.com/upload/flow/2018/05/22/163/15269793276446.jpg" alt="">
</div>
<div class="item">
<img src="https://a4.vimage1.com/upload/flow/2018/05/22/172/15269794028123.jpg" alt="">
</div>
<div class="item">
<img src="https://a4.vimage1.com/upload/flow/2018/05/22/21/15269794589634.jpg" alt="">
</div>
</div>
</div>
</template>
<script>
export default {
name: "classification",
data() {
return {
msg: "Welcome to Your Vue.js App"
};
}
};
</script>
<style lang="less" scoped>
.classification {
.class_top,
.class_bottom {
display: flex;
flex-direction: row;
justify-content: space-around;
.item {
img {
display: block;
width: 2rem;
height: 2.346667rem;
}
}
}
}
</style>

0
src/components/recommend.vue
Unescape Escape View File

4
src/view/Home.vue
Unescape Escape View File

@ -74,14 +74,12 @@
<script>
import MyHeader from "@/components/myHeader";
import Carousel from "@/components/carousel";
import Classification from "@/components/classification";
export default {
name: "home",
components: {
MyHeader,
Carousel,
Classification
Carousel
},
data() {
return {};

43
static/mock/index.json
Unescape Escape View File

@ -0,0 +1,43 @@
{
"code": 0,
"msg": "",
"swiper": [
"http://a3.vimage1.com/upload/flow/2018/06/21/160/15295761713116.jpg",
"https://a2.vimage1.com/upload/flow/2018/06/22/40/15296362191561.jpg",
"https://a3.vimage1.com/upload/flow/2018/06/06/29/15282588215380.jpg",
"https://a4.vimage1.com/upload/flow/2018/06/21/49/15295697893682.jpg"
],
"classifiData": {
"up": [
"https://a4.vimage1.com/upload/flow/2018/05/29/106/15275616596915.jpg",
"https://a2.vimage1.com/upload/flow/2018/05/22/138/15269786875124.jpg",
"https://a4.vimage1.com/upload/flow/2018/05/29/100/15275815231657.jpg",
"https://a4.vimage1.com/upload/flow/2018/05/22/190/15269788745661.jpg",
"https://a4.vimage1.com/upload/flow/2018/05/22/110/15269789816830.jpg"
],
"down": [
"https://a3.vimage1.com/upload/flow/2018/05/29/40/15275616172415.jpg",
"https://a2.vimage1.com/upload/flow/2018/05/29/139/15275815452999.jpg",
"https://a3.vimage1.com/upload/flow/2018/05/22/163/15269793276446.jpg",
"https://a4.vimage1.com/upload/flow/2018/05/22/172/15269794028123.jpg",
"https://a4.vimage1.com/upload/flow/2018/05/22/21/15269794589634.jpg"
]
},
"recommendData": [
{
"imgurl": "https://b.vimage1.com/upload/mst/2018/06/27/14/9b74b67ad8d6049035e8178f6c17ab70_604x290_80.jpg",
"title": "运动潮人录取线",
"endtime": 2
},
{
"imgurl": "https://b.vimage1.com/upload/mst/2018/06/26/189/f43d77bad367edf2cd9721601f90df1a_604x290_80.jpg",
"title": "国潮攻心计",
"endtime": 8
},
{
"imgurl": "https://a.vimage1.com/upcb/2018/06/05/132/ias_152816727785388_604x290_80.jpg",
"title": "欧美品牌女装与美",
"endtime": 10
}
]
}
Write Preview
Loading…
Cancel
Save