144 lines
11 KiB
Vue
144 lines
11 KiB
Vue
<template>
|
|
<view class="preference_warp">
|
|
<view class="header_comm">
|
|
<up-image src="/static/common/left.png" width="20" height="20" bgColor="#f1f6ff00" @click="jumpHome"></up-image>
|
|
<view>积分兑换专区</view>
|
|
<up-image src="/static/common/share.png" width="20" height="20" bgColor="#f1f6ff00" @click="jumpInviteFriends"></up-image>
|
|
</view>
|
|
<view class="preference_content_warp">
|
|
<up-swiper
|
|
:list="swiperList"
|
|
height="140"
|
|
>
|
|
</up-swiper>
|
|
<view class="preference_title">
|
|
<up-image src="/static/product/bk_l.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
|
|
<view class="msg">德商汇积分</view>
|
|
<up-image src="/static/product/bk_r.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
|
|
</view>
|
|
<view class="preference_product">
|
|
<up-loading-page :loading="productListLoading"></up-loading-page>
|
|
<view class="product_item" v-for="(item,index) in productList" :key="index" @click="jumpInfo(item)">
|
|
<view class="product_item_left">
|
|
<up-image :src="item.url" width="100" height="100" bgColor="#f1f6ff00"></up-image>
|
|
<view class="product_item_left_bz product_item_left_bz_img">
|
|
<view>爆款专区</view>
|
|
</view>
|
|
</view>
|
|
<view class="product_item_right">
|
|
<view class="title_warp">{{item.title}}</view>
|
|
<view class="price_warp">
|
|
<view class="price_jf_warp">
|
|
{{item.adPrice}}
|
|
<text style="font-size: 18rpx;">积分</text>
|
|
</view>
|
|
<view class="price_dh_but">
|
|
立即兑换
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { searchList } from '@/api/product.js';
|
|
import { SEARCH_TYPE,APP_PAGE_TYPE } from '@/utils/enumUtils.js';
|
|
import { getCarouselImage } from '@/api/common.js';
|
|
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
swiperList:[],
|
|
productList:[],
|
|
productListLoading:false,
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.getSearchList();
|
|
this.getCarouselImage();
|
|
},
|
|
methods: {
|
|
// 查询轮播图
|
|
async getCarouselImage(){
|
|
const params={
|
|
pageUi:APP_PAGE_TYPE.INTEGRAL,
|
|
}
|
|
const resp = await getCarouselImage(params);
|
|
if(resp && resp.bizcode === 100){
|
|
const data = resp.data || [];
|
|
this.swiperList = data.length !== 0 ? data.map(obj=>obj.carouselImage) : [];
|
|
}
|
|
},
|
|
jumpHome(){
|
|
uni.switchTab({
|
|
url: '/pages/home/home',
|
|
})
|
|
},
|
|
// 邀请好友
|
|
jumpInviteFriends(){
|
|
uni.navigateTo({
|
|
url: '/pages/invite_friends/invite_friends',
|
|
})
|
|
},
|
|
async getSearchList(){
|
|
this.productListLoading = true;
|
|
const params = {
|
|
type:SEARCH_TYPE.EXPLOSIVE,
|
|
page:1,
|
|
pageSize:99,
|
|
}
|
|
const resp = await searchList(params);
|
|
if(resp && resp.bizcode === 100){
|
|
const data = resp.data || [];
|
|
if(data && data.length !==0){
|
|
data.map(item=>{
|
|
const priceN = item.price.split("-");
|
|
item.priceN = priceN[0];
|
|
})
|
|
}
|
|
this.productList = data;
|
|
}
|
|
this.productListLoading = false;
|
|
},
|
|
/**
|
|
* 跳转到商品详情
|
|
* @param {Object} item
|
|
*/
|
|
jumpInfo(item){
|
|
uni.navigateTo({
|
|
url: '/pages/productInfo/productInfo?id='+item.id,
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.product_item_left_bz_img{
|
|
height: 40rpx;
|
|
width: 150rpx;
|
|
background-image: url("data:image/png;base64,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");
|
|
background-size: 100% 100%;
|
|
background-position: center; /* 将图片居中显示 */
|
|
}
|
|
.price_jf_warp{
|
|
width: 50%;
|
|
font-weight: 600;
|
|
font-size: 31rpx;
|
|
color: #F24A00;
|
|
}
|
|
.price_dh_but{
|
|
width: 50%;
|
|
background: linear-gradient( 90deg, #FEA500 0%, #FD2824 100%);
|
|
border-radius: 8rpx;
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
padding: 10rpx 0;
|
|
}
|
|
</style>
|