no message

2025-09-03 21:06:28 +08:00
parent c2ba5048b0
commit 40e5e0ff8d
12 changed files with 1108 additions and 333 deletions
@@ -0,0 +1,170 @@
+<template>
+	<view class="content">
+		<TopSafe></TopSafe>
+		<Header title="积分兑换专区" >
+			<!-- #ifndef MP-WEIXIN -->
+				<template v-slot:right>
+					<u-icon name="share-fill" @click="onShare" color="#333" size="24"></u-icon>
+				</template>
+			<!-- #endif -->
+		</Header>
+		<view class="swiper-view">
+			<up-swiper
+			:list="swiperList"
+			style="width:100%"
+			circular
+			></up-swiper>
+		</view>
+		<view class="mid-panel">
+			<up-image src="/static/common/jingxuan_left.png" width="24" height="8" bgColor="#f1f6ff00"></up-image>
+			<view style="margin:0 12rpx">信任桥积分</view>
+			<up-image src="/static/common/jingxuan_right.png" width="24" height="8" bgColor="#f1f6ff00"></up-image>
+		</view>
+		<view class="setting-view">
+			<FenItem @ok="onJumpShop" style="margin-top:24rpx" :obj="item" v-for="(item,index) in dataList" :key="index"></FenItem>
+		</view>
+		<up-toast ref="uToastRef"></up-toast>
+	</view>
+</template>
+
+<script>
+import Header from '@/components/common/header.vue';
+import TopSafe from '@/components/common/top-safe.nvue'
+import MyBtn from '@/components/common/my-btn.vue'
+import FenItem from '@/components/shop/fen-item.vue'
+import { searchList } from '@/api/product.js';
+import func from '@/utils/func.js';
+import { getCarouselImage } from '@/api/common.js';
+
+export default {
+	components: { Header, TopSafe,MyBtn,FenItem },
+	data() {
+		return {
+			dataList:[],
+			swiperList: ['https://cdn.uviewui.com/uview/swiper/swiper1.png'],
+		};
+	},
+	onShow() {
+	},
+	onLoad() {
+		this.init();
+	},
+	methods: {
+		init() {
+			this.getSearchList();
+			this.getCarouselImage();
+		},
+		async getCarouselImage(){
+			const params={
+				pageUi:6,
+			}
+			const resp = await getCarouselImage(params);
+			if(resp && resp.bizcode === 100){
+				const data = resp.data || [];
+				this.swiperList = data.length !== 0 ? data.map(obj=>obj.carouselImage) : [];
+			}
+		},
+		async getSearchList(){
+			const params = {
+				type:3,
+				page:1,
+				pageSize:99,
+			}
+			const resp = await searchList(params);
+			if(resp && resp.bizcode === 100){
+				this.dataList = resp.data || [];
+			}
+		},
+		onJumpShop(id){
+			uni.navigateTo({
+			    url: '/pages/other_package/productInfo/productInfo?id='+id,
+			})
+		},
+		onShare(){
+			uni.navigateTo({
+			    url: '/pages/other_package/invite_friends/invite_friends',
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.bottom-btn{
+	width: 100%;
+	margin-bottom:92rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 0 32rpx;
+	box-sizing: border-box;
+	position: relative;
+	
+}
+.mid-panel{
+	width:100%;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	height:156rpx;
+	min-height:156rpx;
+}
+.swiper-view{
+	width:100%;
+	height:268rpx;
+	min-height:268rpx;
+	display: flex;
+}
+.setting-view {
+	width: 100%;
+	height: calc(100% - 88rpx - 268rpx - 156rpx - var(--status-bar-height));
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	overflow-y: auto;
+	padding: 0 32rpx;
+	box-sizing: border-box;
+	position: relative;
+	.name-box{
+		width:100%;
+		border-radius: 16rpx;
+		display: flex;
+		flex-direction: column;
+		background-color: #fff;
+		padding: 64rpx 32rpx;
+		box-sizing: border-box;
+		margin-top:24rpx;
+		.mid-view{
+			width:100%;
+			padding: 40rpx 32rpx;
+			box-sizing: border-box;
+			display: flex;
+			flex-direction: column;
+			border:2rpx solid #eaeaea;
+			border-radius: 16rpx;
+			margin-top:48rpx;
+		}
+		.top-view{
+			width:100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+		}
+		.input-view{
+			border-radius: 20rpx;
+			margin-top:52rpx;
+			width:100%;
+			padding: 0 32rpx;
+			min-height:104rpx;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			background-color: #f5f5f5;
+			box-sizing: border-box;
+			
+		}
+	}
+	
+}
+</style>