137 lines
3.4 KiB
Vue
137 lines
3.4 KiB
Vue
<template>
|
|
<view class="wrap">
|
|
<!-- 顶部-吸顶 -->
|
|
<u-sticky offset-top="0" customNavHeight="0">
|
|
<uiheader :index='index'></uiheader>
|
|
</u-sticky>
|
|
<!-- 半圆区 -->
|
|
<uisemicircle @search="search"></uisemicircle>
|
|
<!-- 导航栏 -->
|
|
<common-swiper height="14" class="mt-15"/>
|
|
<div class="flex justify-around items-center">
|
|
<div @click="$jump('/pages/self/self')" style="width: 30%; margin: 1%">
|
|
<image src="/static/img/home1.jpg" alt="" style="width: 100%;" mode="widthFix"/>
|
|
</div>
|
|
<div @click="$jump('/pages/goods/goods')" style="width: 30%; margin: 1%">
|
|
<image src="/static/img/home2.jpg" alt="" style="width: 100%;" mode="widthFix"/>
|
|
</div>
|
|
<div @click="$jump('/pages/price/price')" style="width: 30%; margin: 1%">
|
|
<image src="/static/img/home3.jpg" alt="" style="width: 100%;" mode="widthFix"/>
|
|
</div>
|
|
</div>
|
|
<view>
|
|
<uinavr :index='index'></uinavr>
|
|
</view>
|
|
<!-- 轮播图 -->
|
|
<uiswiper :ad="3"></uiswiper>
|
|
<uiswiper :ad="4"></uiswiper>
|
|
<!-- 最新询价 -->
|
|
<uiprice></uiprice>
|
|
<!-- 现货市场 -->
|
|
<uigoods></uigoods>
|
|
<!-- 合作商家 -->
|
|
<uiwork></uiwork>
|
|
<!-- 服务商 -->
|
|
<uifacilitator></uifacilitator>
|
|
<!-- 交易模式 -->
|
|
<uimodel></uimodel>
|
|
<!-- 金融服务 -->
|
|
<uifinance></uifinance>
|
|
<!-- 最新开通 -->
|
|
<uiopen></uiopen>
|
|
<!-- 入门 -->
|
|
<uiabc></uiabc>
|
|
<!-- 资讯中心 -->
|
|
<uinews></uinews>
|
|
<uiswiper :ad="5"></uiswiper>
|
|
<uiswiper :ad="6"></uiswiper>
|
|
<uiswiper :ad="7"></uiswiper>
|
|
<uiswiper :ad="8"></uiswiper>
|
|
<collapse></collapse>
|
|
|
|
<!-- 广告图 -->
|
|
<!-- <uiadvert></uiadvert>-->
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import uiheader from '@/components/index/header'
|
|
import uisemicircle from '@/components/index/semicircle'
|
|
import uinavr from '@/components/index/nav'
|
|
import uiswiper from '@/components/index/swiper'
|
|
import uiprice from '@/components/index/price'
|
|
import uigoods from '@/components/index/goods'
|
|
import uiwork from '@/components/index/work'
|
|
import uifacilitator from '@/components/index/facilitator'
|
|
import uimodel from '@/components/index/model'
|
|
import uifinance from '@/components/index/finance'
|
|
import uiopen from '@/components/index/open'
|
|
import uiabc from '@/components/index/abc'
|
|
import uinews from '@/components/index/news'
|
|
import uiadvert from '@/components/index/advert'
|
|
import Collapse from "@/components/index/collapse.vue";
|
|
|
|
export default {
|
|
components: {
|
|
Collapse,
|
|
uiheader,
|
|
uisemicircle,
|
|
uinavr,
|
|
uiswiper,
|
|
uinews,
|
|
uiabc,
|
|
uiadvert,
|
|
uiopen,
|
|
uifinance,
|
|
uifacilitator,
|
|
uiwork,
|
|
uigoods,
|
|
uiprice,
|
|
uimodel,
|
|
},
|
|
data() {
|
|
return {
|
|
index: 0,
|
|
isLogin: false,
|
|
}
|
|
},
|
|
methods: {
|
|
search({keyword, type}) {
|
|
let url = ''
|
|
switch (type) {
|
|
case 0 : {
|
|
url = '/pages/shop/shop'
|
|
}
|
|
break;
|
|
case 1 : {
|
|
url = '/pages/goods/goods'
|
|
}
|
|
break;
|
|
case 2 : {
|
|
url = '/pages/price/price'
|
|
}
|
|
break;
|
|
case 3 : {
|
|
url = '/pages/work/work'
|
|
}
|
|
break;
|
|
case 4 : {
|
|
url = '/pages/junk/junk'
|
|
}
|
|
break;
|
|
}
|
|
this.$jump(`${url}?keyword=${keyword}`)
|
|
}
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
// padding-top: 80rpx;
|
|
}
|
|
</style>
|