155 lines
12 KiB
Vue
155 lines
12 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="/pages/other_package/static/product/hw_l.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
|
|
<view class="msg">信任桥优选</view>
|
|
<up-image src="/pages/other_package/static/product/hw_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_o_warp">
|
|
<view class="price_o_title_warp">原价</view>
|
|
<view class="price_o_value_warp">
|
|
<text>￥</text>
|
|
<text>{{item.adPrice}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="price_zq_warp">
|
|
<view class="price_lj_warp">专区立省{{(item.adPrice - item.priceN).toFixed(2)}}元</view>
|
|
<view class="price_ds_warp">到手￥<text style="font-size: 31rpx;">{{item.priceN}}</text></view>
|
|
</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.GOOD,
|
|
}
|
|
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/other_package/invite_friends/invite_friends',
|
|
})
|
|
},
|
|
async getSearchList(){
|
|
this.productListLoading = true;
|
|
const params = {
|
|
type:SEARCH_TYPE.SOMETHING,
|
|
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/other_package/productInfo/productInfo?id='+item.id,
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.product_item_left_bz_img{
|
|
height: 32rpx;
|
|
width: 140rpx;
|
|
background-image: url("data:image/png;base64,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");
|
|
background-size: 100% 100%;
|
|
background-position: center; /* 将图片居中显示 */
|
|
}
|
|
.price_o_warp{
|
|
background: #FFF5F5FF;
|
|
color: #F9241F;
|
|
}
|
|
.price_o_title_warp{
|
|
color: #F9241FFF;
|
|
}
|
|
.price_o_value_warp{
|
|
color: #F9241FFF;
|
|
}
|
|
.price_zq_warp{
|
|
color: #FFDB62FF;
|
|
background: linear-gradient(-88deg, #FA2222, #F83600);
|
|
}
|
|
.price_lj_warp{
|
|
background: #CE2300FF;
|
|
color: #FFF6ED;
|
|
}
|
|
.price_ds_warp{
|
|
color: #FFFFFF;
|
|
margin-top: 10rpx;
|
|
}
|
|
</style>
|