|
|
|
|
@ -2,29 +2,31 @@
|
|
|
|
|
<view class="productSort"> |
|
|
|
|
<!-- 顶部主页 --> |
|
|
|
|
<skeleton v-if="showSkeleton" ref="skeleton" loading="chiaroscuro" selector="skeleton" bgcolor="#FFF"></skeleton> |
|
|
|
|
<view class="pageTitle-box" :class="isFixed ? 'showPageTitle' : ''" :style="{'padding-top':navTopHeight + 'px',height:navHeight*2+ 'px'}"> |
|
|
|
|
<view class="top-logo acea-row row-center" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'">禪易生态云</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="main-box skeleton-rect" > |
|
|
|
|
<view class="back-bg"><image src="https://download.cyjyyjy.com/life-bg.png" mode=""></image></view> |
|
|
|
|
<view class="top-logo acea-row row-center" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'">禪易生态云</view> |
|
|
|
|
<view class="details-btn">了解详情</view> |
|
|
|
|
<view class="details-btn skeleton-rect">了解详情</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 云快讯 --> |
|
|
|
|
<view class="yun-box skeleton-rect"> |
|
|
|
|
<view class="acea-row row-between-wrapper"> |
|
|
|
|
<view class="acea-row row-between-wrapper skeleton-rect"> |
|
|
|
|
<image src="../../static/images/yun.png" class="headline-yun"></image> |
|
|
|
|
<view class="more-r" @click="toAritcleList"> |
|
|
|
|
<view class="more-r skeleton-rect" @click="toAritcleList"> |
|
|
|
|
<text>查看更多</text> |
|
|
|
|
<image src="../../static/images/home/arrow-r.png"></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="rotaion"> |
|
|
|
|
<view class="rotaion skeleton-rect"> |
|
|
|
|
<vSwiper :articleList="articleList"></vSwiper> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 最新活动 --> |
|
|
|
|
<view class="act-box" > |
|
|
|
|
<view class="headline"><image src="../../static/images/new-act.png" mode=""></image></view> |
|
|
|
|
<view class="act-box skeleton-rect" > |
|
|
|
|
<view class="headline"><image src="../../static/images/new-act.png" mode="" skeleton-rect></image></view> |
|
|
|
|
<scroll-view class="scroll-view_H" scroll-x="true"> |
|
|
|
|
<view class="slide-left" v-for="(item,index) in activity" :key="index" @tap="toActiveDetail" :data-id="item.id"> |
|
|
|
|
<view class="slide-left skeleton-rect" v-for="(item,index) in activity" :key="index" @tap="toActiveDetail" :data-id="item.id"> |
|
|
|
|
<view class="act-title">{{item.name}}</view> |
|
|
|
|
<view class="resource-list acea-row-nowrap"> |
|
|
|
|
<image :src="item.images" class="act-img" mode="aspectFill"></image> |
|
|
|
|
@ -57,18 +59,18 @@
|
|
|
|
|
</view> |
|
|
|
|
<!-- 为您推荐 --> |
|
|
|
|
<view class="rec-box"> |
|
|
|
|
<view class="headline"><image src="../../static/images/rec-headline.png" mode=""></image></view> |
|
|
|
|
<view class="headline skeleton-rect"><image src="../../static/images/rec-headline.png" mode=""></image></view> |
|
|
|
|
<view class="rec-switch"> |
|
|
|
|
<view class="rec-title acea-row"> |
|
|
|
|
<view class="rec-l " @click="tabClick(1)"> |
|
|
|
|
<image src="../../static/images/rec-bg.png" class="rec-bg" v-show="active == 1"></image> |
|
|
|
|
<image src="../../static/images/rec-bg.png" class="rec-bg" v-show="active == 2"></image> |
|
|
|
|
<view class="rec-t acea-row row-center-wrapper"> |
|
|
|
|
<image src="../../static/images/rec-icon1.png" mode=""></image> |
|
|
|
|
<view>需求</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="rec-r " @click="tabClick(2)"> |
|
|
|
|
<image src="../../static/images/rec-bg.png" class="rec-bg" v-show="active == 2"></image> |
|
|
|
|
<image src="../../static/images/rec-bg.png" class="rec-bg" v-show="active == 1"></image> |
|
|
|
|
<view class="rec-t acea-row row-center-wrapper"> |
|
|
|
|
<image src="../../static/images/rec-icon2.png" mode=""></image> |
|
|
|
|
<view>资源</view> |
|
|
|
|
@ -162,6 +164,7 @@ export default {
|
|
|
|
|
menuHeight: app.globalData.menuHeight, |
|
|
|
|
navHeight: app.globalData.navHeight, |
|
|
|
|
menuTop: app.globalData.menuTop, |
|
|
|
|
navTopHeight: app.globalData.navTopHeight, |
|
|
|
|
currentTabIndex:0, |
|
|
|
|
flowList:[], |
|
|
|
|
isFixed: false, |
|
|
|
|
@ -180,8 +183,22 @@ export default {
|
|
|
|
|
showSkeleton: true |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
|
|
|
|
|
onShareAppMessage() { |
|
|
|
|
return { |
|
|
|
|
title: '禅易云生态', |
|
|
|
|
path: '/pages/home/index', |
|
|
|
|
success(res) { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: '分享成功', |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
fail(res) { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: '分享失败', |
|
|
|
|
icon: 'none', |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onReady:function(){ |
|
|
|
|
const that = this; |
|
|
|
|
@ -210,12 +227,19 @@ export default {
|
|
|
|
|
// this.getProducts(); |
|
|
|
|
// }) |
|
|
|
|
}, |
|
|
|
|
onPageScroll(e) { |
|
|
|
|
if (e.scrollTop > 60) { |
|
|
|
|
this.isFixed = true; |
|
|
|
|
} else { |
|
|
|
|
this.isFixed = false; |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
getIndexData(){ |
|
|
|
|
uni.showLoading({ title: '正在加载...' }) |
|
|
|
|
uni.showNavigationBarLoading(); |
|
|
|
|
getIndexData().then(res=>{ |
|
|
|
|
this.articleList = res.data.articleList |
|
|
|
|
this.articleList = res.data.articleList.reverse() |
|
|
|
|
this.activity= res.data.recommendActivity.content |
|
|
|
|
this.demandList = res.data.demandList |
|
|
|
|
this.resourcesList = res.data.resourcesDtos |
|
|
|
|
@ -258,6 +282,12 @@ export default {
|
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
toGoodsDetail(id){ |
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
path: "/pages/shop/GoodsCon/index", |
|
|
|
|
query: { id: id } |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
getProducts(){ |
|
|
|
|
this.loadStatus = 'loading'; |
|
|
|
|
getProducts({page:this.page,limit:this.limit}).then((res)=>{ |
|
|
|
|
@ -302,18 +332,26 @@ export default {
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
|
.productSort { |
|
|
|
|
// height: 100%; |
|
|
|
|
// padding-bottom: 200rpx; |
|
|
|
|
background: #EEEEEE !important; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.productSort { |
|
|
|
|
background: #EEEEEE !important; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
.pageTitle-box{ |
|
|
|
|
width: 100%; |
|
|
|
|
position: fixed; |
|
|
|
|
top: 0; |
|
|
|
|
z-index: 99; |
|
|
|
|
transition: all .5s; |
|
|
|
|
} |
|
|
|
|
.showPageTitle{ |
|
|
|
|
background: #fff; |
|
|
|
|
color: #000000 !important; |
|
|
|
|
opacity: 1; |
|
|
|
|
.top-logo{ |
|
|
|
|
color: #000; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.page-top-box{ |
|
|
|
|
width: 100%; |
|
|
|
|
position: fixed; |
|
|
|
|
@ -379,6 +417,7 @@ export default {
|
|
|
|
|
color: #fff; |
|
|
|
|
font-weight: 600; |
|
|
|
|
font-size: 32rpx; |
|
|
|
|
transition: all .5s cubic-bezier(.25, .5, .5, .9); |
|
|
|
|
} |
|
|
|
|
.details-btn{ |
|
|
|
|
width: 196rpx; |
|
|
|
|
|
