2025-08-05 15:25:23 +08:00
|
|
|
<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">
|
2026-07-24 22:06:19 +08:00
|
|
|
<up-image src="/pages/other_package/static/product/hw_l.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
|
2025-08-05 15:25:23 +08:00
|
|
|
<view class="msg">信任桥优选</view>
|
2026-07-24 22:06:19 +08:00
|
|
|
<up-image src="/pages/other_package/static/product/hw_r.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
|
2025-08-05 15:25:23 +08:00
|
|
|
</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';
|
2025-08-06 20:25:41 +08:00
|
|
|
|
|
|
|
|
|
2025-08-05 15:25:23 +08:00
|
|
|
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({
|
2025-08-06 20:25:41 +08:00
|
|
|
url: '/pages/other_package/invite_friends/invite_friends',
|
2025-08-05 15:25:23 +08:00
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
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({
|
2025-08-06 20:25:41 +08:00
|
|
|
url: '/pages/other_package/productInfo/productInfo?id='+item.id,
|
2025-08-05 15:25:23 +08:00
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</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>
|
