邓平艺
5 years ago
-
67components/lf-title-line/lf-title-line.vue
-
1components/lf-waterfall/lf-waterfall.vue
-
6pages.json
-
15pages/channel/index.vue
-
10pages/discover/discover.vue
-
108pages/goodsList/index.vue
-
96pages/index/index.vue
-
38pages/user/user.vue
-
BINstatic/center/collect-active.png
-
BINstatic/center/collect.png
-
BINstatic/center/home.png
-
BINstatic/center/loginout.png
-
BINstatic/center/order.png
-
BINstatic/center/problem.png
-
BINstatic/center/scan.png
-
BINstatic/center/service.png
-
BINstatic/center/share.png
-
BINstatic/center/shop-logo.png
-
BINstatic/center/suggestion.png
-
2uview-ui/components/u-tabs/u-tabs.vue
@ -0,0 +1,67 @@ |
|||
<template> |
|||
<view class="decorative-box" :class="{'padding-tb': isPadding}" @click="onClick"> |
|||
<view class="decorative-liner"></view> |
|||
<view class="lf-flex decorative-content"> |
|||
<view class="rhombus lf-m-r-23" v-if="isRhombus"></view> |
|||
<view class="lf-font-32 lf-font-bold title">{{ title }}</view> |
|||
<view class="rhombus lf-m-l-23" v-if="isRhombus"></view> |
|||
</view> |
|||
<view class="decorative-liner"></view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
title: { |
|||
type: [String, Number], // 标题 |
|||
default: '猜你喜欢' |
|||
}, |
|||
isRhombus: { |
|||
type: Boolean, // 是否显示菱形，默认显示 |
|||
default: true |
|||
}, |
|||
isPadding: { |
|||
type: Boolean, |
|||
default: true |
|||
} |
|||
}, |
|||
methods: { |
|||
onClick(event){ |
|||
this.$emit('click', event); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped="scoped"> |
|||
.decorative-box { |
|||
width: 100%; |
|||
height: max-content; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-content: center; |
|||
align-items: center; |
|||
box-sizing: border-box; |
|||
.decorative-liner{ |
|||
width: 110rpx; |
|||
height: 1rpx; |
|||
border: 1rpx solid #DCDCDC; |
|||
} |
|||
.decorative-content{ |
|||
padding: 0 30rpx; |
|||
.rhombus{ |
|||
width: 16rpx; |
|||
height: 16rpx; |
|||
transform: rotateZ(45deg); |
|||
background: #222; |
|||
} |
|||
.title{ |
|||
max-width: 340rpx; |
|||
} |
|||
} |
|||
} |
|||
.padding-tb{ |
|||
padding: 25rpx 0; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,108 @@ |
|||
<template> |
|||
<view> |
|||
<!-- 活动列表 --> |
|||
<view class="content"> |
|||
<view class="item" v-for="item in list" :key="item"> |
|||
<view class="cover"> |
|||
<image src="../../static/logo.png" class="lf-w-100 lf-h-100" mode="aspectFill"></image> |
|||
</view> |
|||
<view style="width: 420rpx;"> |
|||
<view class="lf-font-28 lf-color-333 lf-m-b-20 lf-line-2" style="height: 78rpx;">南胜地 身处亚热带风情/玩转南澳转南澳转南澳转南澳转转南澳转南澳</view> |
|||
<view class="lf-font-24 lf-color-gray">本套票只包含两个成人不可带小孩</view> |
|||
<view class="lf-flex lf-m-t-25"> |
|||
<lf-price price="3599.00"></lf-price> |
|||
<text class="lf-font-24 lf-color-gray lf-line-through lf-m-l-15">¥4599.00</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- 加载 --> |
|||
<view class="loading-more"> |
|||
<text v-if="list.length" :class="{'loading-more-text': loadingClass}">{{ loadingText }}</text> |
|||
<lf-nocontent v-else></lf-nocontent> |
|||
</view> |
|||
<!-- 回到顶部 --> |
|||
<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data(){ |
|||
return { |
|||
list: [1,2,3,4,5], |
|||
loadingClass: false, |
|||
loadingText: '已加载全部数据~', |
|||
page: 1, |
|||
isPage: true, |
|||
pageSize: 20 |
|||
} |
|||
}, |
|||
onLoad(){ |
|||
// this.getActivityList(); |
|||
}, |
|||
methods: { |
|||
getActivityList(){ |
|||
return; |
|||
this.$http(this.API.a).then(res => { |
|||
this.isPage = res.data.has_more_page; |
|||
let list = res.data.items; |
|||
if(!res.data.has_more_page){ |
|||
this.loadingClass = false; |
|||
this.loadingText = '已加载全部数据~'; |
|||
} |
|||
if(this.page == 1){ |
|||
this.list = list; |
|||
}else{ |
|||
this.list.push(...list); |
|||
} |
|||
}) |
|||
}, |
|||
// 进入商品详情页 |
|||
enterDetail(index){ |
|||
let goods_id = this.list[index].goods_id; |
|||
this.$url('/pages/goodsDetail/index?id='+ goods_id); |
|||
} |
|||
}, |
|||
onReachBottom(){ |
|||
if(this.isPage){ |
|||
this.page = this.page + 1; |
|||
this.getActivityList(); |
|||
} |
|||
}, |
|||
onPullDownRefresh(){ |
|||
this.page = 1; |
|||
this.isPage = true; |
|||
this.loadingClass = true; |
|||
this.loadingText = '正在加载中'; |
|||
this.getActivityList(); |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped="scoped"> |
|||
.content{ |
|||
padding: 0 32rpx; |
|||
box-sizing: border-box; |
|||
width: 750rpx; |
|||
height: max-content; |
|||
.item{ |
|||
width: 100%; |
|||
height: auto; |
|||
border-bottom: 1rpx solid #E5E5E5; |
|||
padding: 30rpx 0; |
|||
display: flex; |
|||
&:last-child{ |
|||
border-bottom: none; |
|||
} |
|||
.cover{ |
|||
width: 250rpx; |
|||
height: 210rpx; |
|||
border-radius: 20rpx; |
|||
overflow: hidden; |
|||
margin-right: 15rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
|
After Width: 75 | Height: 75 | Size: 1.4 KiB |
|
After Width: 75 | Height: 75 | Size: 2.4 KiB |
|
After Width: 75 | Height: 75 | Size: 2.2 KiB |
|
After Width: 75 | Height: 75 | Size: 2.3 KiB |
|
After Width: 75 | Height: 75 | Size: 1.4 KiB |
|
After Width: 75 | Height: 75 | Size: 2.7 KiB |
|
After Width: 75 | Height: 75 | Size: 1.0 KiB |
|
After Width: 75 | Height: 75 | Size: 2.3 KiB |
|
After Width: 75 | Height: 75 | Size: 1.4 KiB |
|
After Width: 90 | Height: 90 | Size: 2.9 KiB |
|
After Width: 75 | Height: 75 | Size: 1.8 KiB |