fe / xianyu-ufo-app-web · Commits

Go to a project

Authored by 张文文
Commit 27289608483f8fb09f3e680280c316a4d2db1f7d 1 parent 0ad51f36

咸鱼潮攻略修改

Inline Side-by-side
Showing 3 changed files with 98 additions and 94 deletions
{
"status": "0",
"result": {
"standardList": [
{ "image": "//cdn.yoho.cn/standard/standard_01.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/standard/standard_02.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/standard/standard_03.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/standard/standard_04.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/standard/standard_05.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/standard/standard_06.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/standard/standard_07.jpg?imageView2/2/w/750/format/jpg" }
],
"buyerList": [
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_01.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_02.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_03.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_04.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_05.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_06.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_07.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_08.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_09.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/buyerpolicy/buyer_10.jpg?imageView2/2/w/750/format/jpg" }
],
"sellerList": [
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_01.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_0201.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_03.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_04.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_05.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_06.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_07.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_08.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_09.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/sellerpolicy/seller_10.jpg?imageView2/2/w/750/format/jpg" }
],
"qiugouList": [
{ "image": "//cdn.yoho.cn/qiugou/qiugou_01.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/qiugou/qiugou_02.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/qiugou/qiugou_03.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/qiugou/qiugou_04.jpg?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/qiugou/qiugou_05.jpg?imageView2/2/w/750/format/jpg" }
],
"xianyuchaoList": [
{ "image": "//cdn.yoho.cn/xianyuchao/xianyu_01.png?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/xianyuchao/xianyu_02.png?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/xianyuchao/xianyu_03.png?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/xianyuchao/xianyu_04.png?imageView2/2/w/750/format/jpg" },
{ "image": "//cdn.yoho.cn/xianyuchao/xianyu_05.png?imageView2/2/w/750/format/jpg",
"urls": [
{
"linkName": "strategySub",
"subName": "qualityStandard",
"left": "1rem",
"top": "0.4rem",
"width": "17rem",
"height": "2.85rem"
},
{
"linkName": "strategySub",
"subName": "buyerPolicy",
"left": "2.5rem",
"top": "5.3rem",
"width": "6rem",
"height": "3rem"
},
{
"linkName": "strategySub",
"subName": "sellerPolicy",
"left": "10.8rem",
"top": "5.3rem",
"width": "6rem",
"height": "3rem"
}
]
}
]
}
}
... ...
<template>
<LayoutApp title="咸鱼潮玩转攻略" :show-back="true" :back-action="goBack">
<LayoutApp title="闲鱼潮玩转攻略" :show-back="true" :back-action="goBack">
<ul>
<li v-for="(item, index) in imageList" :key="index">
<li v-for="(item, index) in dataList" :key="index">
<div v-if="item.urls && item.urls.length > 0" class="link-container">
<a href="javascript:;"
:style="{left: linkItem.left, top: linkItem.top, width: linkItem.width, height: linkItem.height}"
v-for="linkItem in item.urls"
:key="linkItem.link"
:style="{left: linkItem.left, top: linkItem.top, width: linkItem.width, height: linkItem.height}"
@click="jumpTo"
:data-item="JSON.stringify(linkItem)"
>
... ... @@ -19,55 +19,13 @@
</template>
<script>
import data from './image.json';
export default {
name: 'Strategy',
data() {
return {
imageList: [
{ image: '//cdn.yoho.cn/xianyu/gonglue/1.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/xianyu/gonglue/2.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/xianyu/gonglue/3.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/xianyu/gonglue/4.jpg?imageView2/2/w/750/format/jpg',
urls: [
{
left: '1.25rem',
top: '4.5rem',
width: '7.75rem',
height: '5.25rem',
linkName: 'ChannelPage',
subName: ''
}
]
},
{ image: '//cdn.yoho.cn/xianyu/gonglue/5.jpg?imageView2/2/w/750/format/jpg',
urls: [
{
linkName: 'strategySub',
subName: 'qualityStandard',
left: '1rem',
top: '14rem',
width: '17rem',
height: '2.85rem'
},
{
linkName: 'strategySub',
subName: 'buyerPolicy',
left: '2.5rem',
top: '19rem',
width: '6rem',
height: '3rem'
},
{
linkName: 'strategySub',
subName: 'sellerPolicy',
left: '10.8rem',
top: '19rem',
width: '6rem',
height: '3rem'
}
]
}
]
dataList: []
}
},
methods: {
... ... @@ -77,11 +35,6 @@ export default {
jumpTo(event) {
let linkItem = JSON.parse(event.currentTarget.dataset.item || '{}') || {};
if (linkItem.subName === '') {
this.$router.push({
name: linkItem.linkName
});
} else {
this.$router.push({
name: linkItem.linkName,
params: {
... ... @@ -89,7 +42,10 @@ export default {
},
});
}
}
},
mounted() {
let result = data.result;
this.dataList = result.xianyuchaoList;
}
};
</script>
... ...
... ... @@ -10,42 +10,12 @@
</template>
<script>
import data from './image.json';
export default {
name: 'Strategy',
data() {
return {
standardList: [
{ image: '//cdn.yoho.cn/quality/standard1.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/quality/standard2.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/quality/standard3.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/quality/standard4.jpg?imageView2/2/w/750/format/jpg' },
],
buyerList: [
{ image: '//cdn.yoho.cn/buyer/buyer1.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/buyer/buyer2.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/buyer/buyer3.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/buyer/buyer4.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/buyer/buyer5.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/buyer/buyer6.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/buyer/buyer7.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/buyer/buyer8.jpg?imageView2/2/w/750/format/jpg' },
],
sellerList: [
{ image: '//cdn.yoho.cn/seller/seller1.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/seller/seller2.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/seller/seller3.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/seller/seller4.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/seller/seller5.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/seller/seller6.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/seller/seller7.jpg?imageView2/2/w/750/format/jpg' },
{ image: '//cdn.yoho.cn/seller/seller8.jpg?imageView2/2/w/750/format/jpg' },
],
qiugouList: [
{ image: 'https://cdn.yoho.cn/qiugou/qiugou1.jpg' },
{ image: 'https://cdn.yoho.cn/qiugou/qiugou2.jpg' },
{ image: 'https://cdn.yoho.cn/qiugou/qiugou3.jpg' },
{ image: 'https://cdn.yoho.cn/qiugou/qiugou4.jpg' },
],
currentList: [],
currentTitle: ''
}
... ... @@ -57,29 +27,28 @@ export default {
},
mounted() {
let subName = this.$route.params.subName;
let result = data.result;
switch (subName) {
case 'qualityStandard':
this.currentTitle = '商品质检标准';
this.currentList = this.standardList;
this.currentList = result.standardList;
break;
case 'buyerPolicy':
this.currentTitle = '买家须知';
this.currentList = this.buyerList;
this.currentList = result.buyerList;
break;
case 'sellerPolicy':
this.currentTitle = '卖家须知';
this.currentList = this.sellerList;
this.currentTitle = '卖家协议';
this.currentList = result.sellerList;
break;
case 'qiugouExplain':
this.currentTitle = '求购功能介绍';
this.currentList = this.qiugouList;
this.currentTitle = '什么是求购？';
this.currentList = result.qiugouList;
break;
default:
break;
}
}
};
</script>
... ...