Skip to content

飞
飞鹤小程序
Commit 84efce3c authored by 王炽's avatar 王炽
Browse files
Options

666666

parent c57e08d0
Hide whitespace changes
Inline Side-by-side
Showing with 2107 additions and 1799 deletions
.DS_Store
View file @ 84efce3c
No preview for this file type
components/renwu/TaskPop.less 0 → 100644
View file @ 84efce3c
.task_pop_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: flex-end;
justify-content: center;
z-index: 9999;
.task_pop_container {
width: 100%;
height: 1092rpx;
background: #F7F7F7;
border-radius: 24rpx 24rpx 0 0;
padding: 0rpx 30rpx 0rpx 30rpx;
box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);
animation: slideUp 0.3s ease-out;
.task_pop_header {
display: flex;
justify-content: center;
align-items: center;
margin-top: 26rpx;
margin-bottom: 26rpx;
position: relative;
.task_pop_title {
font-size: 40rpx;
font-weight: bold;
color: #D3A458;
text-align: center;
}
.close_button {
position: absolute;
right: 0;
bottom: 5rpx;
width: 54rpx;
height: 54rpx;
display: flex;
align-items: center;
justify-content: center;
.close_icon {
font-size: 50rpx;
color: #333333;
font-weight: bold;
line-height: 1;
}
}
}
.task_list {
height: 964rpx;
overflow-y: auto;
.task_item {
display: flex;
align-items: center;
background:#ffffff;// #f5f5f5;
border-radius: 24rpx;
margin-bottom: 20rpx;
padding-left: 20rpx;
padding-right: 20rpx;
height: 144rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
.task_icon {
width: 80rpx;
height: 80rpx;
background: #f5f0e8;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20rpx;
.icon_img {
width: 50rpx;
height: 50rpx;
}
}
.task_content {
flex: 1;
display: flex;
flex-direction: column;
.task_title {
font-size: 28rpx;
color: #333333;
font-weight: 500;
margin-bottom: 8rpx;
}
.task_points {
font-size: 24rpx;
color: #999999;
}
}
.task_button {
background: #D3A458;
border-radius: 44rpx;
width: 160rpx;
height: 60rpx;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease;
.task_button_text {
font-size: 24rpx;
color: #ffffff;
font-weight: 500;
}
&:active {
transform: scale(0.95);
}
&.completed {
background: #F6DEB7;
// border: 1rpx solid #d4a468;
.task_button_text {
color: #ffffff;
font-size: 24rpx;
font-weight: 500;
}
}
}
}
}
}
}
@keyframes slideUp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
components/renwu/TaskPop.vue 0 → 100644
View file @ 84efce3c
<template>
<view class="task_pop_overlay" v-if="visible" @click="handleClose">
<view class="task_pop_container" @click.stop>
<!-- 弹窗头部 -->
<view class="task_pop_header">
<text class="task_pop_title">做任务赚积分</text>
<view class="close_button" @click="handleClose">
<text class="close_icon">×</text>
</view>
</view>
<!-- 任务列表 -->
<view class="task_list">
<view
class="task_item"
v-for="(task, index) in taskList"
:key="index"
>
<view class="task_icon">
<image
class="icon_img"
:src="task.icon"
mode="aspectFit"
/>
</view>
<view class="task_content">
<text class="task_title">{{ task.title }}</text>
<text class="task_points">积分+{{ task.points }}</text>
</view>
<view
class="task_button"
:class="{ completed: task.completed }"
@click="handleTaskClick(task, index)"
>
<text class="task_button_text">{{ task.completed ? '已完成' : '去完成' }}</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script setup>
import { defineProps, defineEmits } from 'vue';
// Props 定义
const props = defineProps({
visible: {
type: Boolean,
default: false
}
});
// Emits 定义
const emit = defineEmits(['close', 'taskClick']);
// 任务列表数据
const taskList = [
{
id: 1,
title: '完善信息',
points: 20,
icon: '/static/images/task_info.png',
completed: false
},
{
id: 2,
title: '邀请好友',
points: 20,
icon: '/static/images/task_invite.png',
completed: false
},
{
id: 3,
title: '浏览星妈优选商城',
points: 20,
icon: '/static/images/task_browse.png',
completed: false
},
{
id: 4,
title: '浏览星妈优选商城',
points: 20,
icon: '/static/images/task_browse.png',
completed: false
},
{
id: 5,
title: '关注公众号',
points: 20,
icon: '/static/images/task_follow.png',
completed: true
},
{
id: 6,
title: '添加企业微信',
points: 20,
icon: '/static/images/task_wechat.png',
completed: false
},
{
id: 6,
title: '添加企业微信',
points: 20,
icon: '/static/images/task_wechat.png',
completed: false
},
{
id: 6,
title: '添加企业微信',
points: 20,
icon: '/static/images/task_wechat.png',
completed: false
},
{
id: 6,
title: '添加企业微信',
points: 20,
icon: '/static/images/task_wechat.png',
completed: false
},
{
id: 6,
title: '添加企业微信',
points: 20,
icon: '/static/images/task_wechat.png',
completed: false
}
];
// 关闭弹窗
const handleClose = () => {
emit('close');
};
// 任务点击事件
const handleTaskClick = (task, index) => {
if (task.completed) {
// 已完成的任务不触发跳转
console.log('任务已完成:', task.title);
return;
}
emit('taskClick', { task, index });
};
</script>
<style lang="less" scoped>
@import '@/components/renwu/TaskPop.less';
</style>
mock/home.json
View file @ 84efce3c
...@@ -131,6 +131,15 @@ ...@@ -131,6 +131,15 @@
}, },
"channelTabListMianTitle": "有声频道", "channelTabListMianTitle": "有声频道",
"swiperList": [ "swiperList": [
{
"videoUrl": "",
"link": {
"type": 3,
"url": "https://fh0926-activity.dexfu.cn/customShare/share?id=Did1NjI2MjM"
},
"title": "1010星妈会talk",
"url": "homepage/homeSwiper/V1/feiheBannerH51010.jpg"
},
{ {
"videoUrl": "homepage/video3.mp4", "videoUrl": "homepage/video3.mp4",
"link": {}, "link": {},
...@@ -148,29 +157,6 @@ ...@@ -148,29 +157,6 @@
"link": {}, "link": {},
"title": "东北真行寻人", "title": "东北真行寻人",
"url": "homepage/homeSwiper/V1/dbzx.jpeg" "url": "homepage/homeSwiper/V1/dbzx.jpeg"
},
{
"videoUrl": "",
"link": {
"extra": {},
"type": 3,
"url": "https://fh0926-activity.dexfu.cn/customShare/share?id=Did1NjI1MzU"
},
"title": "晒出飞鹤宝宝",
"url": "homepage/homeSwiper/V1/scfhbb1.jpg"
},
{
"videoUrl": "",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "/subPackages/shopMainList/topicNew/index?id=1001146"
},
"title": "双节28会员日",
"url": "homepage/homeSwiper/V1/13.jpg"
} }
], ],
"childrenInfoList": [ "childrenInfoList": [
......
mock/integral.json
View file @ 84efce3c
...@@ -582,14 +582,14 @@ ...@@ -582,14 +582,14 @@
}, },
"vipActive": [ "vipActive": [
{ {
"img": "vipAct250910001.png", "img": "vipAct251009001.jpg",
"extra": { "extra": {
"envVersion": "release", "envVersion": "release",
"appId": "wx4205ec55b793245e" "appId": "wx4205ec55b793245e"
}, },
"type": 2, "type": 2,
"title": "黄糯玉米", "title": "兑换礼品",
"url": "/subPackages/shopMainProcess/product/index?productId=543558664688883066&skuId=543560605494007100" "url": "/subPackages/shopMainList/topicNew/index?id=1001165"
}, },
{ {
"img": "vipAct2.png", "img": "vipAct2.png",
......
mock/jifenGoodsData.json
View file @ 84efce3c
...@@ -2,7 +2,8 @@ ...@@ -2,7 +2,8 @@
"success":true, "success":true,
"msg": "irure", "msg": "irure",
"code": "ut elit", "code": "ut elit",
"data": [ "data":
[
{ {
"resourcePositionType": "vip活动", "resourcePositionType": "vip活动",
"resourcePositionName": "星品榜单", "resourcePositionName": "星品榜单",
......
mock/积分页.json
View file @ 84efce3c
{
"banner1":{
"success":true,
"msg": "irure",
"code": "ut elit",
"data": [
{
"link": {
"type": "2",//1:内部小程序链接,2:外部小程序链接,3:h5链接
"label": "黄糯玉米",//跳转链接描述
"url": "/subPackages/shopMainProcess/product/index?productId=543558664688883066&skuId=543560605494007100",
"wxAppId": "wx4205ec55b793245e",//跳转链接的小程序id
"envVersion": "release"//跳转链接的版本
},
"imageUrl": "https://course.feihe.com/momclub-picture/integral/1022/vipAct250910001.png"//展示的banner图片
}
,
{
"link": {
"type": "2",//1:内部小程序链接,2:外部小程序链接,3:h5链接
"label": "黄糯玉米",//跳转链接描述
"url": "/subPackages/shopMainProcess/product/index?productId=543558664688883066&skuId=543560605494007100",
"wxAppId": "wx4205ec55b793245e",//跳转链接的小程序id
"envVersion": "release"//跳转链接的版本
},
"imageUrl": "https://course.feihe.com/momclub-picture/integral/1022/vipAct250910001.png"//展示的banner图片
}
]
},
"goodsList":[
{
"resourcePositionName": "星品榜单",
"resourcePositionGoods": [
{
"goodsName": "22222星飞帆4段儿童成长配...",//展示的商品名称
"goodsIcon": "https://course.feihe.com/momclub-picture/integral/1022/listItemImgJx0.png",//展示的商品图片
"credits": "750",//展示的积分价格
"priceMarket": "250",
"priceSale": "115",//展示的人民币价格
"price": "80",
"urlType": "2",//1:内部小程序链接,2:外部小程序链接,3:h5链接
"url": "subPackages/shopMainProcess/product/index?productId=632366292935447153&skuId=632366292935447154&entrySource=xmh_wechatmp_points_star",//跳转链接
"wxAppId": "wx4205ec55b793245e",//跳转链接的小程序id
"envVersion": "release"//跳转链接的版本
}
]
},
{
"resourcePositionName": "0元爆款",
"resourcePositionGoods": [
{
"goodsName": "22222星飞帆4段儿童成长配...",//展示的商品名称
"goodsIcon": "https://course.feihe.com/momclub-picture/integral/1022/listItemImgJx0.png",//展示的商品图片
"credits": "750",//展示的积分价格
"priceMarket": "250",
"priceSale": "115",//展示的人民币价格
"price": "80",
"urlType": "2",//1:内部小程序链接,2:外部小程序链接,3:h5链接
"url": "subPackages/shopMainProcess/product/index?productId=632366292935447153&skuId=632366292935447154&entrySource=xmh_wechatmp_points_star",
"wxAppId": "wx4205ec55b793245e",
"envVersion": "release"
}
]
},
{
"resourcePositionName": "北纬专场",
"resourcePositionGoods": [
{
"goodsName": "22222星飞帆4段儿童成长配...",//展示的商品名称
"goodsIcon": "https://course.feihe.com/momclub-picture/integral/1022/listItemImgJx0.png",//展示的商品图片
"credits": "750",//展示的积分价格
"priceMarket": "250",
"priceSale": "115",//展示的人民币价格
"price": "80",
"urlType": "2",//1:内部小程序链接,2:外部小程序链接,3:h5链接
"url": "subPackages/shopMainProcess/product/index?productId=632366292935447153&skuId=632366292935447154&entrySource=xmh_wechatmp_points_star",
"wxAppId": "wx4205ec55b793245e",
"envVersion": "release"
}
]
}
]
}
views/Integral.less 0 → 100644
View file @ 84efce3c
.integral-container{
width: 100%;
// height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
overflow-x: hidden;
overflow-y: auto;
.banner-swiper {
width: 100%;
height: 750rpx;
flex-shrink: 0;
// margin-bottom: 30rpx;
.banner-img {
width: 100%;
height: 100%;
// border-radius: 16rpx;
}
}
.banner-swiper-space{
width: 100%;
height: 160rpx;
flex-shrink: 0;
}
.vip-swiper {
width: 687rpx;
height: 280rpx;
// margin-top: 15rpx;
margin-left:auto;
margin-right: auto;
.vip-area {
top: 0rpx;
width: 692rpx;
height: 280rpx;
position: absolute;
.vip-area-container{
width: 692rpx;
height: 280rpx;
position: absolute;
.vip-bg{
top: 24rpx;
width: 692rpx;
height: 256rpx;
position: absolute;
left:50%;
transform: translateX(-50%);
}
.vip-icon {
width: 254rpx;
height: 268rpx;
position: absolute;
right: 20rpx;
}
.current-tag {
top: 30rpx;
left: 0rpx;
width: 121rpx;
height: 40rpx;
position: absolute;
}
.current-xingyaodengji-tips{
position: absolute;
top:209rpx;
left: 40rpx;
font-size: 18rpx;
}
.phone-button{
width: 692rpx;
height:256rpx;
top: 0rpx;
opacity: 0;
background: #6f6d67;
}
}
.saoma-tips{
position: absolute;
top:209rpx;
left: 40rpx;
font-size: 18rpx;
display: flex;
flex-direction: column;
.saoma-tips-text{
font-size: 18rpx;
.saoma-tips-text-lv{
font-size: 18rpx;
}
}
.saoma-tips-text-tips{
font-size: 18rpx;
.saoma-tips-text-tips-num{
font-size: 18rpx;
}
.saoma-tips-text-tips-maxnum{
font-size: 18rpx;
}
}
}
// 积分进度条样式
.jifen-progressbar {
position: absolute;
top: 207rpx;
width: 320rpx;
left: 40rpx;
.jifen-header {
display: flex;
align-items: center;
.jifen-label {
font-size: 21rpx;
color: #1d1e25;
font-weight: 500;
margin-right: 10rpx;
}
.jifen-value {
font-size: 21rpx;
font-weight: 500;
display: flex;
align-items: center;
.current-points {
color: #1d1e25;
}
.separator {
color: #b27c1e;
margin: 0 5rpx;
}
.total-points {
color: #b27c1e;
opacity: 0.7;
}
}
}
.progress-bar-container {
position: relative;
width: 100%;
height: 8rpx;
overflow: hidden;
margin-top: 10rpx;
.progress-bar-bg {
position: absolute;
top: 0;
left: 0;
width: 315rpx;
height: 8rpx;
z-index: 1;
}
.progress-bar-mask {
position: absolute;
top: 0;
left: 0;
width: 315rpx;
height: 8rpx;
overflow: hidden;
border-radius: 4rpx;
z-index: 2;
}
.progress-bar-fill {
position: absolute;
top: 0;
left: 0;
width: 315rpx;
height: 8rpx;
// transition: transform 0.3s ease;
}
}
}
.chakanshengjigonglueTxt {
font-size: 24rpx;
position: absolute;
left: 40rpx;
top: 161rpx;
}
}
}
.vipCardArrowRight{
width: 15rpx;
height: 18rpx;
position: absolute;
margin-top: 310rpx;
right: 12rpx;
}
.vipCardArrowLeft{
width: 15rpx;
height: 18rpx;
position: absolute;
margin-top: 310rpx;
left: 13rpx;
}
.integral-detail {
height: 144rpx;
width: 100%;
display: flex;
align-items: center;
// padding: 0 32rpx;
margin-top: 15rpx;
.excharge-btn {
width: 178rpx;
height: 144rpx;
margin-left: 32rpx;
}
.inte-bar-area {
position: relative;
// flex: 1;
height: 144rpx;
width: 492rpx;
// background: url('@{baseUrl}integral/1008/inteBarAreaBg.png') no-repeat center/cover;
margin-left: 16rpx;
// padding: 16rpx 24rpx;
.integralClick {
height: 100%;
width: 100%;
.header-row {
position: relative;
display: flex;
justify-content: space-between;
.integral-value{
// background-color: #6f6d67;
margin-left: 26rpx;
margin-top: 23rpx;
.integral-text {
font-size: 28rpx;
color: #1d1e25;
margin-right: 13rpx;
}
.integral-total{
// position: absolute;
font-size: 24rpx;
color:#1d1e25
}
.next-icon{
top: -25rpx;
margin-left: -28rpx;
width: 66rpx;
height: 27rpx;
position: relative;
}
}
}
.progress-bar1 {
position: relative;
width: 444rpx; // 根据图片宽度设置
height: 14rpx; // 根据图片高度设置
// margin: 14rpx auto 16rpx auto;
.upLvTxt1{
font-size: 20rpx;
color: #1d1e25;
position: absolute;
margin-left: 26rpx;
margin-top: 5rpx;
.upLvTxt2{
color: #b27c1e;
font-size: 20rpx;
}
}
}
}
.info-row-container {
position: relative;
bottom: 45rpx;
.info-row {
display: flex;
flex-direction: row;
position: relative;
height: 26rpx;
// margin-top: -5rpx;
margin-left: 26rpx;
.count-text {
font-size: 26rpx;
color: #b27c1e;
}
.expire-text {
margin-top: 2rpx;
margin-left: 15rpx;
font-size: 22rpx;
color: #6f6d67;
}
.integral-detail-arrow{
position: absolute;
right: 20rpx;
top: 8rpx;
width: 11rpx;
height: 19rpx;
}
}
}
.strategy-icon {
position: absolute;
right: 0rpx;
top: 0rpx;
width: 96rpx;
height: 49rpx;
}
}
}
.privilege-container {
// padding: 48rpx 0rpx;
width: 686rpx;
margin-bottom: 20rpx;
.privilege-header {
display: flex;
// justify-content: space-between;
align-items: left;
flex-direction: column;
// margin-bottom: 40rpx;
padding: 30rpx 16rpx;
.quanyi-title{
font-size: 32rpx;
font-weight: bold;
}
.title-text {
font-size: 24rpx;
.highlight {
font-weight: bold;
}
}
}
.privilege-grid {
display: flex;
flex-wrap: wrap;
gap: 36rpx;
padding-left: 16rpx;
.privilege-item {
position: relative;
width: 102rpx;
height: 140rpx;
.itemBg{
position: absolute;
top: 0rpx;
left: 0rpx;
}
.privilege-icon {
position: absolute;
top: 0rpx;
left: 0rpx;
}
.quanyi-text{
position: absolute;
font-size: 24rpx;
width: 125rpx;
text-align: center;
left: 50%;
transform: translateX(-50%);
top: 107rpx;
}
.quanyi-text-img{
position: absolute;
width: 35rpx;
height: 35rpx;
bottom: 43rpx;
right: 7rpx;
}
.phone-button-qyIcon{
top:0rpx;
position: absolute;
opacity: 0;
background: #6f6d67;
}
}
}
}
.quanyi-detail-area{
margin-top: 40rpx;
width: 686rpx;
}
.zhankai-quanyi{
width: 686rpx;
height: 60rpx;
margin-top: 20rpx;
// background-color: #6f6d67;
.shouqi-quanyi-img{
position: absolute;
width: 173rpx;
height: 23rpx;
margin-top: 20rpx;
left: 50%;
transform: translateX(-50%);
}
.zhankai-quanyi-img{
position: absolute;
margin-top: 20rpx;
width: 172rpx;
height: 23rpx;
left: 50%;
transform: translateX(-50%);
}
}
// 7天连续签到奖励容器样式
.signin_reward_container {
width: 686rpx;
height: 418rpx;
background: rgba(255, 255, 255, 0.3);
border-radius: 30rpx;
margin-top: 30rpx;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08); // 更柔和的阴影
// 标题区域
.signin_title_area {
display: flex;
align-items: center;
margin-top: 30rpx;
// margin-bottom: 40rpx;
flex-wrap: wrap;
.signin_main_title {
font-size: 32rpx;
font-weight: bold;
color: #383838; // 主标题字体颜色
margin-left: 30rpx; // 左边距30rpx
margin-right: 10rpx;
}
.help_icon {
width: 24rpx;
height: 24rpx;
border: 2rpx solid #9EA1A5; // 空心圆圈边框
border-radius: 50%;
display: flex;
align-items: center;
// justify-content: center;
margin-right: 10rpx;
.help_text {
font-size: 16rpx;
color: #9EA1A5; // 深灰色问号
font-weight: bold;
width: 22rpx;
// line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
}
.signin_sub_title {
font-size: 24rpx;
color: #909090; // 副标题字体颜色
line-height: 1.4;
}
}
// 奖励展示区域
.reward_display_area {
display: flex;
justify-content: space-between;
margin-top: 30rpx;
flex-wrap: wrap;
width: 626rpx;
margin-left: 30rpx;
.daily_reward_item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 80rpx;
// 奖励内容容器
.reward_content_container {
width: 76rpx;
height: 112rpx;
background: #ffffff; // 默认白色背景
border-radius: 16rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 10rpx;
&.signed {
background: #D3A458; // 已签到状态的金色背景
}
// 奖励标签样式
.bonus_tag {
position: absolute;
top: -15rpx;
right: -30rpx;
background: #e74c3c; // 红色标签，更接近截图中的红色
border-radius: 16rpx 16rpx 16rpx 4rpx;
// padding: 4rpx 8rpx;
width: 54rpx;
height: 30rpx;
z-index: 2;
.bonus_text {
position: absolute;
// left: 50%;
// transform: translateX(-50%);
width: 100%;
height: 100%;
text-align: center;
line-height: 28rpx;
font-size: 20rpx;
color: #ffffff;
font-weight: bold;
}
}
.reward_points {
font-size: 24rpx;
font-weight: bold;
color: #000000; // 默认黑色（未签到状态）
margin-bottom: 8rpx;
}
&.signed .reward_points {
color: #ffffff; // 已签到状态为白色
}
.reward_coin {
width: 50rpx;
height: 50rpx;
}
// 已签到状态样式
.reward_status {
&.signed {
.check_circle {
width: 40rpx;
height: 40rpx;
background: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
.check_mark {
font-size: 24rpx;
color: #000000;
font-weight: bold;
}
}
}
}
}
.day_label {
font-size: 20rpx;
color: #666666; // 深灰色天数标签
}
}
}
// 签到按钮
.signin_button {
width: 384rpx;
height: 86rpx;
// background: linear-gradient(135deg, #d4a468 0%, #b27c1e 50%, #9d7a3a 100%); // 更丰富的金色渐变
background: #D3A458;
border-radius: 60rpx;
display: flex;
align-items: center;
margin-left: 151rpx;
justify-content: center;
box-shadow: 0 4rpx 15rpx rgba(178, 124, 30, 0.4); // 更明显的金色阴影
margin-top: 46rpx;
transition: transform 0.2s ease;
.signin_button_text {
font-size: 32rpx;
color: #ffffff;
font-weight: bold;
}
&:active {
transform: scale(0.95);
}
}
// 已签到任务按钮
.task_button {
width: 384rpx;
height: 86rpx;
background: rgba(255, 255, 255, 0);
border: 1px solid #e6a23c;
border-radius: 60rpx;
display: flex;
align-items: center;
margin-left: 151rpx;
justify-content: center;
margin-top: 46rpx;
transition: transform 0.2s ease;
.task_button_text {
font-size: 32rpx;
color: #e6a23c;
font-weight: bold;
}
&:active {
transform: scale(0.95);
}
}
}
.vip-active-area {
width: 686rpx;
height: auto;
margin-top: 62rpx;
.vip-title{
font-size: 32rpx;
font-weight: bold;
margin-left: 16rpx;
}
.vip-active-swiper {
width: 100%;
height: 200rpx;
flex-shrink: 0;
margin-top: 30rpx;
.vip-active-img {
width: 100%;
height: 100%;
border-radius: 32rpx;
}
}
}
.goods-container {
width: 686rpx;
height: auto;
margin-top: 22rpx;
.custom-tabs {
display: flex;
justify-content: space-between;
.tab-item {
width: 245rpx;
height: 112rpx;
display: flex;
flex-direction: column;
align-items: center;
&.active {
.tab-line1 { color: #1d1e25; }
.select-line{
width: 32rpx;
height: 8rpx;
background-color: #1d1e25;
border-radius: 4rpx;
margin-top: 10rpx;
}
}
&.active1 {
.tab-line1 { color: #fff0df; }
.select-line{
width: 32rpx;
height: 8rpx;
background-color: #fff0df;
border-radius: 4rpx;
margin-top: 10rpx;
}
}
.tab-line1 {
font-size: 28rpx;
font-weight: bold;
color: #6f6d67;
line-height: 40rpx;
margin-top: 35rpx;
}
}
}
.goods-content {
position: relative;
margin-top: 30rpx;
// margin-bottom: 50rpx;
height: auto;
.goods-list {
gap: 20rpx;
display: flex;
flex-wrap: wrap;
.goods-item {
background-color: #6f6d67;
position: relative;
width: 333rpx;
height: 459rpx;
.goods-item-container{
width: 100%;
height: 100%;
position: relative;
.goods-img {
width: 100%;
height: 365rpx;
margin-bottom: 20rpx;
}
.title-container1{
width: 100%;
// height: auto;
margin-left: 20rpx;
// margin-bottom: 10rpx;
margin-top: -48rpx;
.title-text1 {
position: relative;
width: 294rpx;
font-size: 28rpx;
color: #1d1e25;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
}
.price-text {
// height: auto;
position: relative;
font-size: 28rpx;
color: #b27c1e;
margin-top: 10rpx;
margin-left: 20rpx;
.num {
font-size: 32rpx;
margin-right: 5rpx;
}
}
.num0 {
position: relative;
font-size: 28rpx;
margin-left: 20rpx;
color: #b27c1e;
.price-text0{
font-size: 20rpx;
}
.price-text1{
font-size: 36rpx;
}
}
}
}
}
}
}
.more-container {
// width: 686rpx;
height: auto;
margin-top:28rpx;
margin-bottom: 28rpx;
.more-text {
font-size: 24rpx;
color: #1d1e25;
margin-right: 10rpx;
}
.more-arrow {
width: 11rpx;
height: 19rpx;
}
}
.content{
width: 100%;
height: 180rpx;
}
}
views/Integral.vue
View file @ 84efce3c
...@@ -62,9 +62,6 @@ ...@@ -62,9 +62,6 @@
> {{ itemIndex == 4 ? '您已经升至最高等级' : '您已超越该等级' }}</text> > {{ itemIndex == 4 ? '您已经升至最高等级' : '您已超越该等级' }}</text>
<button <button
v-if="!islogin" v-if="!islogin"
type="primary" type="primary"
...@@ -463,17 +460,17 @@ ...@@ -463,17 +460,17 @@
<text class="signin_button_text">立即签到</text> <text class="signin_button_text">立即签到</text>
</view> </view>
<!-- 已签到状态 --> <!-- 已签到状态 -->
<view v-else class="signin_button" style="background-color: #dfddd9;"> <view v-else class="task_button" @click="handleTaskButtonClick">
<text class="signin_button_text" style="color: #888;">今日已签到</text> <text class="task_button_text">赚更多积分</text>
</view> </view>
</view> </view>
<!-- 会员活动 --> <!-- 会员活动 -->
<view class="vip-active-area"> <view class="vip-active-area" v-if="vipActive?.length > 0">
<text class="vip-title" :style="{ color: itemIndex === 4 ? '#fff0df' : '#1d1e25' }">会员活动</text> <text class="vip-title" :style="{ color: itemIndex === 4 ? '#fff0df' : '#1d1e25' }">会员活动</text>
<swiper <swiper
class="vip-active-swiper" class="vip-active-swiper"
:indicator-dots="vipActive.length > 1" :indicator-dots="vipActive?.length > 1"
:autoplay="true" :autoplay="true"
:circular="true" :circular="true"
indicator-color="#dfddd9" indicator-color="#dfddd9"
...@@ -492,7 +489,7 @@ ...@@ -492,7 +489,7 @@
</view> </view>
<!-- 商品展示容器 --> <!-- 商品展示容器 -->
<view class="goods-container"> <view class="goods-container" v-if="goodsDataArr?.length > 0">
<!-- 页签栏 --> <!-- 页签栏 -->
<view class="custom-tabs"> <view class="custom-tabs">
<view <view
...@@ -528,7 +525,7 @@ ...@@ -528,7 +525,7 @@
<view class="goods-item-container" @click="handleGoodsItemClick(goodItem, i)"> <view class="goods-item-container" @click="handleGoodsItemClick(goodItem, i)">
<image <image
class="goods-img" class="goods-img"
:src=goodItem?.goodsIcon :src="$baseUrl + `${goodItem?.goodsIcon}`"
mode="aspectFit" mode="aspectFit"
/> />
<view class="title-container1"> <view class="title-container1">
...@@ -686,6 +683,13 @@ ...@@ -686,6 +683,13 @@
:visible="showSignRuleDes" :visible="showSignRuleDes"
@close="handleCloseSignRuleDes" @close="handleCloseSignRuleDes"
/> />
<!-- 任务弹窗 -->
<TaskPop
:visible="showTaskPop"
@close="handleCloseTaskPop"
@taskClick="handleTaskClick"
/>
</view> </view>
</template> </template>
...@@ -720,6 +724,7 @@ ...@@ -720,6 +724,7 @@
import ShengriliTipPanel from '../components/quanyi/shengriliTipPanel.vue'; import ShengriliTipPanel from '../components/quanyi/shengriliTipPanel.vue';
import SignedTips from '../components/qiandao/SignedTips.vue'; import SignedTips from '../components/qiandao/SignedTips.vue';
import SignRuleDes from '../components/qiandao/SignRuleDes.vue'; import SignRuleDes from '../components/qiandao/SignRuleDes.vue';
import TaskPop from '../components/renwu/TaskPop.vue';
import bannerDataIntegral from '../mock/bannerDataIntegral.json'; import bannerDataIntegral from '../mock/bannerDataIntegral.json';
import jifenGoodsData from '../mock/jifenGoodsData.json'; import jifenGoodsData from '../mock/jifenGoodsData.json';
...@@ -732,746 +737,820 @@ ...@@ -732,746 +737,820 @@
const orderUpgrade = ref(false); const orderUpgrade = ref(false);
// const maxVal = ref([]); // const maxVal = ref([]);
const integralData = ref({ const integralData = ref({
"clickMore": {
"tupianBanben": "1022", "extra": {
"swiper": [ "envVersion": "release",
], "appId": "wx4205ec55b793245e"
"quanyitiaozhuanInfo":{ },
"suyuanyou":{ "type": 2,
"qubaoming": { "url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
"url": "https://member.feihe.com/memberH5/#/SyySignupInfo?activityCode=syy20250806&sceneCode=WXG01", },
"type": 3 "tupianBanben": "1022",
} "swiper": [],
}, "goodsListData": {
"shengrili":{ "listCommon": {
"qushiyong": { "listItemImgBg": "integral/1022/listItemImgBg.png"
"url": "subPackages/shopMainProcess/coupons/couponList", },
"type": 2, "tabInfo": {
"extra": { "tabBg": "tapSelectBg.png",
"appId": "wx4205ec55b793245e", "tabTexts": [
"envVersion": "release" {
} "line2": "",
} "line1": "星品榜单"
} },
}, {
"vipLvInfo":[ "line2": "",
{ "line1": "0元爆款"
"currentLvTip":"currentLvTip0.png", },
"barVip":"barVip0.png", {
"barBgVip":"barBgVip0.png", "line2": "",
"vipLvBg":"vipLvBg0.png", "line1": "北纬专场"
"vipLvIcon":"vipLvIcon0.png", }
}, ]
{ },
"currentLvTip":"currentLvTip1.png", "goodsData": [
"barVip":"barVip1.png", {
"barBgVip":"barBgVip1.png", "titles": [
"vipLvBg":"vipLvBg1.png", "星飞帆4段儿童成长配...",
"vipLvIcon":"vipLvIcon1.png", "星飞帆卓睿4段儿童配...",
}, "飞鹤臻贵儿童成长配方...",
{ "茁然 茁护儿童配方奶...",
"currentLvTip":"currentLvTip2.png", "经典爱本乳铁蛋白配方...",
"barVip":"barVip2.png", "飞鹤茁然高钙奶酪泡芙...",
"barBgVip":"barBgVip2.png", "金装1962-中老年高钙...",
"vipLvBg":"vipLvBg2.png", "经典爱本膳骨配方奶粉...",
"vipLvIcon":"vipLvIcon2.png", "经典爱本清澄配方奶粉...",
}, "金装1962-高钙高蛋白...",
{ "德佑纯水湿巾80抽/包",
"currentLvTip":"currentLvTip3.png", "婴儿专护除菌除螨洗衣...",
"barVip":"barVip3.png", "DHA深海鳕鱼肠80g*4袋",
"barBgVip":"barBgVip3.png", "云朵软软绵柔巾洗脸巾..."
"vipLvBg":"vipLvBg3.png", ],
"vipLvIcon":"vipLvIcon3.png", "prices": [
}, "低至730积分+￥115",
{ "低至865积分+￥195",
"currentLvTip":"currentLvTip4.png", "低至1000积分+￥228",
"barVip":"barVip4.png", "低至715积分+￥125",
"barBgVip":"barBgVip4.png", "低至3160积分+￥126.4",
"vipLvBg":"vipLvBg4.png", "低至1400积分+￥55.8",
"vipLvIcon":"vipLvIcon4.png", "低至1780积分+￥71.2",
} "低至3160积分+￥126.4",
], "低至3960积分+￥158.4",
"viplv": { "低至1780积分+￥71.2",
"imgs": [ "低至65积分+￥36.5",
"imgPlatinum0.png", "低至440积分+￥17.5",
"imgPlatinum1.png", "低至520积分+￥20.8",
"imgPlatinum2.png", "低至460积分+￥18.3"
"imgPlatinum3.png", ],
"imgPlatinum4.png" "goodsImgs": [
], "listItemImgJx0.png",
"imgBgs":[ "listItemImgJx1.png",
"imgPlatinumBg0.png", "listItemImgJx2.png",
"imgPlatinumBg1.png", "listItemImgJx3.png",
"imgPlatinumBg2.png", "listItemImgJx4.png",
"imgPlatinumBg3.png", "listItemImgJx5.png",
"imgPlatinumBg4.png" "listItemImgJx6.png",
], "listItemImgJx7.png",
"nickNameColors":["#1d1e25","#1d1e25","#1d1e25","#1d1e25","#ffffff"], "listItemImgJx8.png",
"dangqianColors":["#b27c1e","#447ab0","#332288","#674513","#674513"], "listItemImgJx9.png",
"vipLvIcon":["imgPlatinumIcon0.png","imgPlatinumIcon1.png","imgPlatinumIcon2.png","imgPlatinumIcon3.png","imgPlatinumIcon4.png"], "listItemImgJx10.png",
"vipNameImgs":["imgPlatinumName0.png","imgPlatinumName1.png","imgPlatinumName2.png","imgPlatinumName3.png","imgPlatinumName4.png"], "listItemImgJx11.png",
"upLvTxts": [ "listItemImgJx13.png",
"扫罐内码或下单有机会提升至/V2铂金会员", "listItemImgJx14.png"
"扫罐内码或下单有机会提升至/V3钻石会员", ]
"扫罐内码或下单有机会提升至/V4星光会员", },
"扫罐内码或下单有机会提升至/V5星耀会员", {
"已提升至最高等级/V5星耀会员" "titles": [
] "星飞帆4段儿童成长配...",
}, "飞鹤茁然儿童配方奶升...",
"vipIntegral": { "茁然 茁护儿童配方奶...",
"gonglue": { "宝宝钙维生素D软胶囊...",
"url": "https://mom.feihe.com/member/mine/pointStrategy", "公牛 新国标插座/插线...",
"type": 3, "九阳煮蛋器多功能智能...",
"img": "strategyBtn.png" "荣事达电煮锅家用多功...",
}, "babygo进口户外防水...",
"progressBar": { "苏泊尔（SUPOR）真...",
"barImg": "progressBarIntegral.png", "超级飞侠儿童绘画笔套..."
"barBgImg": "progressBarBgIntegral.png" ],
}, "prices": [
"excharge": { 11500,
"url": "subPackages/shopMainList/topicNew/index?id=1000187", 8900,
"type": 2, 12000,
"img": "integralExchargeBtn.png", 5450,
"extra": { 5980,
"appId": "wx4205ec55b793245e", 5900,
"envVersion": "release" 5900,
} 3800,
}, 9900,
"vipCardInfo": { 7900
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot", ],
"type": 2, "goodsImgs": [
"extra": { "listItemImgXL0.png",
"appId": "wx4205ec55b793245e", "listItemImgXL1.png",
"envVersion": "release" "listItemImgXL2.png",
} "listItemImgXL3.png",
}, "listItemImgXL5.png",
"jifenmingxi": { "listItemImgXL7.png",
"url": "https://mom.feihe.com/member/mine/newPointDetail?crmId={crmid}&appCode=XMH", "listItemImgXL9.png",
"type": 3 "listItemImgXL11.png",
} "listItemImgXL12.png",
}, "listItemImgXL13.png"
"clickMore": { ]
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot", },
"type": 2, {
"extra": { "titles": [
"appId": "wx4205ec55b793245e", "北纬47度水果玉米",
"envVersion": "release" "北纬47度黄糯鲜玉米",
} "北纬47度白甜糯玉米",
}, "北纬47度东北烧烤...",
"qunyiInfo": { "北纬47度花甜糯玉米",
"vipRule": { "北纬47度黑珍珠玉米",
"url": "https://mom.feihe.com/member/mine/pointStrategy", "N47°植物酵素乳245...",
"type": 3 "N47°水果玉米汁245..."
}, ],
"quanyiBgs":[ "prices": [
{ 4740,
"lockImg": "quanyiLockBg0.png", 3900,
"unlockImg": "quanyiunLockBg0.png", 4600,
"selectImg": "quanyiSelectBg0.png", 5990,
"quanyiNum": 3 4600,
}, 5200,
{ 9990,
"lockImg": "quanyiLockBg1.png", 7990
"unlockImg": "quanyiunLockBg1.png", ],
"selectImg": "quanyiSelectBg1.png", "goodsImgs": [
"quanyiNum": 5 "listItemImgPzh0.png",
}, "listItemImgPzh1.png",
{ "listItemImgPzh2.png",
"lockImg": "quanyiLockBg2.png", "listItemImgPzh3.png",
"unlockImg": "quanyiunLockBg2.png", "listItemImgPzh4.png",
"selectImg": "quanyiSelectBg2.png", "listItemImgPzh5.png",
"quanyiNum": 8 "listItemImgPzh6.png",
}, "listItemImgPzh7.png"
{ ]
"lockImg": "quanyiLockBg3.png", }
"unlockImg": "quanyiunLockBg3.png", ],
"selectImg": "quanyiSelectBg3.png", "productIdUrl": {
"quanyiNum": 9 "lingyuan": [
}, {
{ "productId": "643301938280182989",
"lockImg": "quanyiLockBg4.png", "extra": {
"unlockImg": "quanyiunLockBg4.png", "envVersion": "release",
"selectImg": "quanyiSelectBg4.png", "appId": "wx4205ec55b793245e"
"quanyiNum": 9 },
}, "type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
], "skuId": "643301938280182990"
"imgInfos": [ },
{ {
"img": "yueyueliIcon0.png", "productId": "570770855028876907",
"width": "99rpx", "extra": {
"height": "99rpx", "envVersion": "release",
"name": "月月礼" "appId": "wx4205ec55b793245e"
}, },
{ "type": 2,
"img": "yuerIcon0.png", "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"width": "99rpx", "skuId": "570770855028876908"
"height": "99rpx", },
"name": "育儿课程" {
}, "productId": "643302772176787321",
{ "extra": {
"img": "mainfeiIcon0.png", "envVersion": "release",
"width": "99rpx", "appId": "wx4205ec55b793245e"
"height": "99rpx", },
"name": "免费问诊" "type": 2,
}, "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
{ "skuId": "643302772176787322"
"img": "aibenxinrenliIcon0.png", },
"width": "99rpx", {
"height": "99rpx", "productId": "650261586675438161",
"name": "爱本新人礼" "extra": {
}, "envVersion": "release",
{ "appId": "wx4205ec55b793245e"
"img": "zhuanduanliIcon0.png", },
"width": "99rpx", "type": 2,
"height": "99rpx", "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"name": "转段礼" "skuId": "650261761758111604"
}, },
{ {
"img": "zhousuiliIcon0.png", "productId": "637462885116453461",
"width": "99rpx", "extra": {
"height": "99rpx", "envVersion": "release",
"name": "周岁礼" "appId": "wx4205ec55b793245e"
}, },
{ "type": 2,
"img": "shengriliIcon0.png", "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"width": "99rpx", "skuId": "637462885116453462"
"height": "99rpx", },
"name": "生日礼" {
}, "productId": "664995106239801237",
{ "extra": {
"img": "jinjiliIcon0.png", "envVersion": "release",
"width": "99rpx", "appId": "wx4205ec55b793245e"
"height": "99rpx", },
"name": "晋级礼" "type": 2,
}, "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
{ "skuId": "664995106239801238"
"img": "suyuanyouIcon0.png", },
"width": "99rpx", {
"height": "99rpx", "productId": "664992929630904330",
"name": "溯源游" "extra": {
} "envVersion": "release",
], "appId": "wx4205ec55b793245e"
"rule": { },
"url": "https://mom.feihe.com/member/mine/pointStrategy", "type": 2,
"type": 3 "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
}, "skuId": "702706680618457075"
"vipQuanyiUrl": { },
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot", {
"type": 2, "productId": "477231839213998660",
"extra": { "extra": {
"appId": "wx4205ec55b793245e", "envVersion": "release",
"envVersion": "release" "appId": "wx4205ec55b793245e"
} },
}, "type": 2,
"vipLvsQuanyi": [ "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
{ "skuId": "477231839213998661"
"qunyiList": [0, 2, 5], },
"isNewArr": [] {
}, "productId": "710238004623156187",
{ "extra": {
"qunyiList": [6, 7, 0, 2, 5], "envVersion": "release",
"isNewArr": [6, 7] "appId": "wx4205ec55b793245e"
}, },
{ "type": 2,
"qunyiList": [8, 1, 6, 7, 0, 2, 5], "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"isNewArr": [8, 1] "skuId": "710238148411278894"
}, },
{ {
"qunyiList": [9, 8, 1, 6, 7, 0, 2, 5], "productId": "637105594356118250",
"isNewArr": [9] "extra": {
}, "envVersion": "release",
{ "appId": "wx4205ec55b793245e"
"qunyiList": [9, 8, 1, 6, 7, 0, 2, 5], },
"isNewArr": [9] "type": 2,
} "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
] "skuId": "637105594356118251"
}, }
"vipActive": [ ],
{ "xingpin": [
"img": "vipAct2.png", {
"url": "/subPackages/shopMainProcess/lottery/index?utm_campaign=%E6%BA%AF%E6%BA%90%E6%8A%BD%E5%A5%96&_channel_track_key=ngSppZAj", "productId": "632366292935447153",
"type": 2, "extra": {
"extra": { "envVersion": "release",
"appId": "wx4205ec55b793245e", "appId": "wx4205ec55b793245e"
"envVersion": "release" },
} "type": 2,
} "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
], "skuId": "632366292935447154"
"goodsListData": { },
"listCommon": { {
"listItemImgBg": "integral/1022/listItemImgBg.png" "productId": "434526218612696157",
}, "extra": {
"tabInfo": { "envVersion": "release",
"tabBg": "tapSelectBg.png", "appId": "wx4205ec55b793245e"
"tabTexts": [ },
{ "type": 2,
"line1": "星品榜单", "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"line2": "" "skuId": "434526218612696158"
}, },
{ {
"line1": "0元爆款", "productId": "779457178234291713",
"line2": "" "extra": {
}, "envVersion": "release",
{ "appId": "wx4205ec55b793245e"
"line1": "北纬专场", },
"line2": "" "type": 2,
} "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
] "skuId": "779457178234291714"
}, },
"productIdUrl": { {
"xingpin": [ "productId": "632368902459430553",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "632366292935447153", "appId": "wx4205ec55b793245e"
"skuId": "632366292935447154", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "632368902459430554"
"envVersion": "release" },
} {
}, "productId": "748373470406312440",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "434526218612696157", "appId": "wx4205ec55b793245e"
"skuId": "434526218612696158", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "748373470406312441"
"envVersion": "release" },
} {
}, "productId": "700209063828145600",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "779457178234291713", "appId": "wx4205ec55b793245e"
"skuId": "779457178234291714", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "700209063828145601"
"envVersion": "release" },
} {
}, "productId": "444612538255511698",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "632368902459430553", "appId": "wx4205ec55b793245e"
"skuId": "632368902459430554", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "444612538255511699"
"envVersion": "release" },
} {
}, "productId": "748374838109458955",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "748373470406312440", "appId": "wx4205ec55b793245e"
"skuId": "748373470406312441", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "748374838109458956"
"envVersion": "release" },
} {
}, "productId": "748376191670080756",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "700209063828145600", "appId": "wx4205ec55b793245e"
"skuId": "700209063828145601", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "748376191670080757"
"envVersion": "release" },
} {
}, "productId": "444614841574228087",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "444612538255511698", "appId": "wx4205ec55b793245e"
"skuId": "444612538255511699", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "444614841574228088"
"envVersion": "release" },
} {
}, "productId": "642944987112793104",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "748374838109458955", "appId": "wx4205ec55b793245e"
"skuId": "748374838109458956", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "642944987112793105"
"envVersion": "release" },
} {
}, "productId": "660577242594873852",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "748376191670080756", "appId": "wx4205ec55b793245e"
"skuId": "748376191670080757", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "660577242594873853"
"envVersion": "release" },
} {
}, "productId": "670068445908034706",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "444614841574228087", "appId": "wx4205ec55b793245e"
"skuId": "444614841574228088", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "670072178498381183"
"envVersion": "release" },
} {
}, "productId": "660575857729992191",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "642944987112793104", "appId": "wx4205ec55b793245e"
"skuId": "642944987112793105", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"appId": "wx4205ec55b793245e", "skuId": "660575857729992192"
"envVersion": "release" }
} ],
}, "beiwei": [
{ {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "productId": "694019044167238066",
"productId": "660577242594873852", "extra": {
"skuId": "660577242594873853", "envVersion": "release",
"type": 2, "appId": "wx4205ec55b793245e"
"extra": { },
"appId": "wx4205ec55b793245e", "type": 2,
"envVersion": "release" "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
} "skuId": "694019044167238067"
}, },
{ {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "productId": "548984197069284758",
"productId": "670068445908034706", "extra": {
"skuId": "670072178498381183", "envVersion": "release",
"type": 2, "appId": "wx4205ec55b793245e"
"extra": { },
"appId": "wx4205ec55b793245e", "type": 2,
"envVersion": "release" "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
} "skuId": "548984197069284759"
}, },
{ {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "productId": "548991402553569325",
"productId": "660575857729992191", "extra": {
"skuId": "660575857729992192", "envVersion": "release",
"type": 2, "appId": "wx4205ec55b793245e"
"extra": { },
"appId": "wx4205ec55b793245e", "type": 2,
"envVersion": "release" "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
} "skuId": "548991402553569326"
} },
], {
"lingyuan": [ "productId": "757045038059549612",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "643301938280182989", "appId": "wx4205ec55b793245e"
"skuId": "643301938280182990", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"appId": "wx4205ec55b793245e", "skuId": "757045038059549613"
"envVersion": "release" },
} {
}, "productId": "555507401709887582",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "570770855028876907", "appId": "wx4205ec55b793245e"
"skuId": "570770855028876908", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"appId": "wx4205ec55b793245e", "skuId": "555507401709887583"
"envVersion": "release" },
} {
}, "productId": "555151404052796950",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "643302772176787321", "appId": "wx4205ec55b793245e"
"skuId": "643302772176787322", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"appId": "wx4205ec55b793245e", "skuId": "555151404052796951"
"envVersion": "release" },
} {
}, "productId": "704050114989893289",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "650261586675438161", "appId": "wx4205ec55b793245e"
"skuId": "650261761758111604", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"appId": "wx4205ec55b793245e", "skuId": "704050114989893290"
"envVersion": "release" },
} {
}, "productId": "710290587034550507",
{ "extra": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "envVersion": "release",
"productId": "637462885116453461", "appId": "wx4205ec55b793245e"
"skuId": "637462885116453462", },
"type": 2, "type": 2,
"extra": { "url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"appId": "wx4205ec55b793245e", "skuId": "710290587034550508"
"envVersion": "release" }
} ]
}, }
{ },
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "quanyitiaozhuanInfo": {
"productId": "664995106239801237", "shengrili": {
"skuId": "664995106239801238", "qushiyong": {
"type": 2, "extra": {
"extra": { "envVersion": "release",
"appId": "wx4205ec55b793245e", "appId": "wx4205ec55b793245e"
"envVersion": "release" },
} "type": 2,
}, "url": "subPackages/shopMainProcess/coupons/couponList"
{ }
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", },
"productId": "664992929630904330", "suyuanyou": {
"skuId": "702706680618457075", "qubaoming": {
"type": 2, "type": 3,
"extra": { "url": "https://member.feihe.com/memberH5/#/SyySignupInfo?activityCode=syy20250806&sceneCode=WXG01"
"appId": "wx4205ec55b793245e", }
"envVersion": "release" }
} },
}, "vipIntegral": {
{ "gonglue": {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "img": "strategyBtn.png",
"productId": "477231839213998660", "type": 3,
"skuId": "477231839213998661", "url": "https://mom.feihe.com/member/mine/pointStrategy"
"type": 2, },
"extra": { "jifenmingxi": {
"appId": "wx4205ec55b793245e", "type": 3,
"envVersion": "release" "url": "https://mom.feihe.com/member/mine/newPointDetail?crmId={crmid}&appCode=XMH"
} },
}, "progressBar": {
{ "barBgImg": "progressBarBgIntegral.png",
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "barImg": "progressBarIntegral.png"
"productId": "710238004623156187", },
"skuId": "710238148411278894", "vipCardInfo": {
"type": 2, "extra": {
"extra": { "envVersion": "release",
"appId": "wx4205ec55b793245e", "appId": "wx4205ec55b793245e"
"envVersion": "release" },
} "type": 2,
}, "url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
{ },
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "excharge": {
"productId": "637105594356118250", "img": "integralExchargeBtn.png",
"skuId": "637105594356118251", "extra": {
"type": 2, "envVersion": "release",
"extra": { "appId": "wx4205ec55b793245e"
"appId": "wx4205ec55b793245e", },
"envVersion": "release" "type": 2,
} "url": "subPackages/shopMainList/topicNew/index?id=1000187"
} }
], },
"beiwei": [ "viplv": {
{ "imgs": [
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "imgPlatinum0.png",
"productId": "694019044167238066", "imgPlatinum1.png",
"skuId": "694019044167238067", "imgPlatinum2.png",
"type": 2, "imgPlatinum3.png",
"extra": { "imgPlatinum4.png"
"appId": "wx4205ec55b793245e", ],
"envVersion": "release" "upLvTxts": [
} "扫罐内码或下单有机会提升至/V2铂金会员",
}, "扫罐内码或下单有机会提升至/V3钻石会员",
{ "扫罐内码或下单有机会提升至/V4星光会员",
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "扫罐内码或下单有机会提升至/V5星耀会员",
"productId": "548984197069284758", "已提升至最高等级/V5星耀会员"
"skuId": "548984197069284759", ],
"type": 2, "vipLvIcon": [
"extra": { "imgPlatinumIcon0.png",
"appId": "wx4205ec55b793245e", "imgPlatinumIcon1.png",
"envVersion": "release" "imgPlatinumIcon2.png",
} "imgPlatinumIcon3.png",
}, "imgPlatinumIcon4.png"
{ ],
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "nickNameColors": [
"productId": "548991402553569325", "#1d1e25",
"skuId": "548991402553569326", "#1d1e25",
"type": 2, "#ffffff"
"extra": { ],
"appId": "wx4205ec55b793245e", "imgBgs": [
"envVersion": "release" "imgPlatinumBg0.png",
} "imgPlatinumBg1.png",
}, "imgPlatinumBg2.png",
{ "imgPlatinumBg3.png",
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "imgPlatinumBg4.png"
"productId": "757045038059549612", ],
"skuId": "757045038059549613", "dangqianColors": [
"type": 2, "#b27c1e",
"extra": { "#447ab0",
"appId": "wx4205ec55b793245e", "#332288",
"envVersion": "release" "#674513",
} "#674513"
}, ],
{ "vipNameImgs": [
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "imgPlatinumName0.png",
"productId": "555507401709887582", "imgPlatinumName1.png",
"skuId": "555507401709887583", "imgPlatinumName2.png",
"type": 2, "imgPlatinumName3.png",
"extra": { "imgPlatinumName4.png"
"appId": "wx4205ec55b793245e", ]
"envVersion": "release" },
} "vipActive": [
}, {
{ "img": "vipAct251009001.jpg",
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "extra": {
"productId": "555151404052796950", "envVersion": "release",
"skuId": "555151404052796951", "appId": "wx4205ec55b793245e"
"type": 2, },
"extra": { "type": 2,
"appId": "wx4205ec55b793245e", "title": "兑换礼品",
"envVersion": "release" "url": "/subPackages/shopMainList/topicNew/index?id=1001165"
} },
}, {
{ "img": "vipAct2.png",
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "extra": {
"productId": "704050114989893289", "envVersion": "release",
"skuId": "704050114989893290", "appId": "wx4205ec55b793245e"
"type": 2, },
"extra": { "type": 2,
"appId": "wx4205ec55b793245e", "url": "/subPackages/shopMainProcess/lottery/index?utm_campaign=%E6%BA%AF%E6%BA%90%E6%8A%BD%E5%A5%96&_channel_track_key=ngSppZAj"
"envVersion": "release" }
} ],
}, "vipLvInfo": [
{ {
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star", "vipLvIcon": "vipLvIcon0.png",
"productId": "710290587034550507", "vipLvBg": "vipLvBg0.png",
"skuId": "710290587034550508", "currentLvTip": "currentLvTip0.png",
"type": 2, "barVip": "barVip0.png",
"extra": { "barBgVip": "barBgVip0.png"
"appId": "wx4205ec55b793245e", },
"envVersion": "release" {
} "vipLvIcon": "vipLvIcon1.png",
} "vipLvBg": "vipLvBg1.png",
] "currentLvTip": "currentLvTip1.png",
}, "barVip": "barVip1.png",
"goodsData": [ "barBgVip": "barBgVip1.png"
{ },
"titles": [ {
"星飞帆4段儿童成长配...", "vipLvIcon": "vipLvIcon2.png",
"星飞帆卓睿4段儿童配...", "vipLvBg": "vipLvBg2.png",
"飞鹤臻贵儿童成长配方...", "currentLvTip": "currentLvTip2.png",
"茁然 茁护儿童配方奶...", "barVip": "barVip2.png",
"经典爱本乳铁蛋白配方...", "barBgVip": "barBgVip2.png"
"飞鹤茁然高钙奶酪泡芙...", },
"金装1962-中老年高钙...", {
"经典爱本膳骨配方奶粉...", "vipLvIcon": "vipLvIcon3.png",
"经典爱本清澄配方奶粉...", "vipLvBg": "vipLvBg3.png",
"金装1962-高钙高蛋白...", "currentLvTip": "currentLvTip3.png",
"德佑纯水湿巾80抽/包", "barVip": "barVip3.png",
"婴儿专护除菌除螨洗衣...", "barBgVip": "barBgVip3.png"
"DHA深海鳕鱼肠80g*4袋", },
"云朵软软绵柔巾洗脸巾..." {
], "vipLvIcon": "vipLvIcon4.png",
"prices": [ "vipLvBg": "vipLvBg4.png",
"低至730积分+￥115", "currentLvTip": "currentLvTip4.png",
"低至865积分+￥195", "barVip": "barVip4.png",
"低至1000积分+￥228", "barBgVip": "barBgVip4.png"
"低至715积分+￥125", }
"低至3160积分+￥126.4", ],
"低至1400积分+￥55.8", "qunyiInfo": {
"低至1780积分+￥71.2", "vipRule": {
"低至3160积分+￥126.4", "type": 3,
"低至3960积分+￥158.4", "url": "https://mom.feihe.com/member/mine/pointStrategy"
"低至1780积分+￥71.2", },
"低至65积分+￥36.5", "quanyiBgs": [
"低至440积分+￥17.5", {
"低至520积分+￥20.8", "selectImg": "quanyiSelectBg0.png",
"低至460积分+￥18.3" "lockImg": "quanyiLockBg0.png",
], "unlockImg": "quanyiunLockBg0.png",
"goodsImgs": [ "quanyiNum": 3
"listItemImgJx0.png", },
"listItemImgJx1.png", {
"listItemImgJx2.png", "selectImg": "quanyiSelectBg1.png",
"listItemImgJx3.png", "lockImg": "quanyiLockBg1.png",
"listItemImgJx4.png", "unlockImg": "quanyiunLockBg1.png",
"listItemImgJx5.png", "quanyiNum": 5
"listItemImgJx6.png", },
"listItemImgJx7.png", {
"listItemImgJx8.png", "selectImg": "quanyiSelectBg2.png",
"listItemImgJx9.png", "lockImg": "quanyiLockBg2.png",
"listItemImgJx10.png", "unlockImg": "quanyiunLockBg2.png",
"listItemImgJx11.png", "quanyiNum": 8
"listItemImgJx13.png", },
"listItemImgJx14.png" {
"selectImg": "quanyiSelectBg3.png",
] "lockImg": "quanyiLockBg3.png",
}, "unlockImg": "quanyiunLockBg3.png",
{ "quanyiNum": 9
"titles": [ },
"星飞帆4段儿童成长配...", {
"飞鹤茁然儿童配方奶升...", "selectImg": "quanyiSelectBg4.png",
"茁然 茁护儿童配方奶...", "lockImg": "quanyiLockBg4.png",
"宝宝钙维生素D软胶囊...", "unlockImg": "quanyiunLockBg4.png",
"公牛 新国标插座/插线...", "quanyiNum": 9
"九阳煮蛋器多功能智能...", }
"荣事达电煮锅家用多功...", ],
"babygo进口户外防水...", "rule": {
"苏泊尔（SUPOR）真...", "type": 3,
"超级飞侠儿童绘画笔套..." "url": "https://mom.feihe.com/member/mine/pointStrategy"
], },
"prices": [ "imgInfos": [
11500, {
8900, "img": "yueyueliIcon0.png",
12000, "name": "月月礼",
5450, "width": "99rpx",
5980, "height": "99rpx"
5900, },
5900, {
3800, "img": "yuerIcon0.png",
9900, "name": "育儿课程",
7900 "width": "99rpx",
], "height": "99rpx"
"goodsImgs": [ },
"listItemImgXL0.png", {
"listItemImgXL1.png", "img": "mainfeiIcon0.png",
"listItemImgXL2.png", "name": "免费问诊",
"listItemImgXL3.png", "width": "99rpx",
"listItemImgXL5.png", "height": "99rpx"
"listItemImgXL7.png", },
"listItemImgXL9.png", {
"listItemImgXL11.png", "img": "aibenxinrenliIcon0.png",
"listItemImgXL12.png", "name": "爱本新人礼",
"listItemImgXL13.png" "width": "99rpx",
] "height": "99rpx"
}, },
{ {
"titles": [ "img": "zhuanduanliIcon0.png",
"北纬47度水果玉米", "name": "转段礼",
"北纬47度黄糯鲜玉米", "width": "99rpx",
"北纬47度白甜糯玉米", "height": "99rpx"
"北纬47度东北烧烤...", },
"北纬47度花甜糯玉米", {
"北纬47度黑珍珠玉米", "img": "zhousuiliIcon0.png",
"N47°植物酵素乳245...", "name": "周岁礼",
"N47°水果玉米汁245..." "width": "99rpx",
], "height": "99rpx"
"prices": [ },
4740, {
3900, "img": "shengriliIcon0.png",
4600, "name": "生日礼",
5990, "width": "99rpx",
4600, "height": "99rpx"
5200, },
9990, {
7990 "img": "jinjiliIcon0.png",
], "name": "晋级礼",
"goodsImgs": [ "width": "99rpx",
"listItemImgPzh0.png", "height": "99rpx"
"listItemImgPzh1.png", },
"listItemImgPzh2.png", {
"listItemImgPzh3.png", "img": "suyuanyouIcon0.png",
"listItemImgPzh4.png", "name": "溯源游",
"listItemImgPzh5.png", "width": "99rpx",
"listItemImgPzh6.png", "height": "99rpx"
"listItemImgPzh7.png" }
] ],
} "vipQuanyiUrl": {
] "extra": {
} "envVersion": "release",
}); "appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"vipLvsQuanyi": [
{
"isNewArr": [],
"qunyiList": [
0,
2,
5
]
},
{
"isNewArr": [
6,
7
],
"qunyiList": [
6,
7,
0,
2,
5
]
},
{
"isNewArr": [
8,
1
],
"qunyiList": [
8,
1,
6,
7,
0,
2,
5
]
},
{
"isNewArr": [
9
],
"qunyiList": [
9,
8,
1,
6,
7,
0,
2,
5
]
},
{
"isNewArr": [
9
],
"qunyiList": [
9,
8,
1,
6,
7,
0,
2,
5
]
}
]
}
});
const goodsDataArr = ref([]);//商品数据,包括tab内容 const goodsDataArr = ref([]);//商品数据,包括tab内容
// const integralData = ref({}); // const integralData = ref({});
...@@ -1578,9 +1657,12 @@ ...@@ -1578,9 +1657,12 @@
// 签到规则说明弹窗相关 // 签到规则说明弹窗相关
const showSignRuleDes = ref(false); const showSignRuleDes = ref(false);
// 任务弹窗相关
const showTaskPop = ref(false);
//今天已经签到过 //今天已经签到过
const todaySigned = ref(false); const todaySigned = ref(true);
// Props 定义 // Props 定义
const props = defineProps({ const props = defineProps({
...@@ -1839,36 +1921,23 @@ ...@@ -1839,36 +1921,23 @@
componentContent: "查看升级攻略" componentContent: "查看升级攻略"
}); });
// let bannerData = await getResourceList({page:'points_benefit',resourcePositionType:'banner'}); const {data} = await fetchIntegralJSON();
let bannerData = bannerDataIntegral; integralData.value = {...data};
if(bannerData.success){
vipActive.value = [];
bannerData.data.forEach(item => {
console.log('item.contentConfig==',item.contentConfig);
const data = JSON.parse(item.contentConfig);
vipActive.value.push({
"img": data.imageUrl,
"url": data.link.url,
"type": data.link.type,
"extra": {
"appId": data.link.value,
"envVersion": "release"
}
});
});
}
// let goodsData1 = await getResourceList({page:'points_benefit',resourcePositionType:'exchange'}); let bannerData = integralData.value.banner;
vipActive.value = [];
let goodsDataJson = jifenGoodsData; bannerData.data.forEach(item => {
if(goodsDataJson.success){ vipActive.value.push({
console.log('goodsData1.data==',goodsDataJson.data); "img": data.url,
goodsDataArr.value = goodsDataJson.data; "url": data.link.url,
} "type": data.link.type,
"extra": data.link.extra
});
});
goodsDataArr.value = integralData.value.goodsListData;
const {data} = await fetchIntegralJSON();
integralData.value = {...data};
swiperData.value = integralData.value?.swiper; swiperData.value = integralData.value?.swiper;
vipLvIcons.value = integralData.value?.viplv?.imgs; vipLvIcons.value = integralData.value?.viplv?.imgs;
...@@ -2716,6 +2785,28 @@ ...@@ -2716,6 +2785,28 @@
showSignRuleDes.value = false; showSignRuleDes.value = false;
} }
// 任务按钮点击事件
const handleTaskButtonClick = () => {
console.log('任务按钮点击');
showTaskPop.value = true;
}
// 关闭任务弹窗
const handleCloseTaskPop = () => {
showTaskPop.value = false;
}
// 任务点击事件
const handleTaskClick = (data) => {
console.log('任务点击:', data);
// 这里可以添加具体的任务跳转逻辑
uni.showToast({
title: `开始${data.task.title}`,
icon: 'none',
duration: 2000
});
}
// 手动显示注册层（用于测试） // 手动显示注册层（用于测试）
...@@ -2739,1000 +2830,6 @@ ...@@ -2739,1000 +2830,6 @@
<style lang="less" scoped> <style lang="less" scoped>
@import '@/common.less'; @import '@/common.less';
@import './Integral.less';
.integral-container{
width: 100%;
// height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
overflow-x: hidden;
overflow-y: auto;
// // 确保所有子容器正确布局
// > view {
// width: 100%;
// flex-shrink: 0;
// }
.banner-swiper {
width: 100%;
height: 750rpx;
flex-shrink: 0;
// margin-bottom: 30rpx;
.banner-img {
width: 100%;
height: 100%;
// border-radius: 16rpx;
}
// 微信小程序指示点样式覆盖-----调整指示点大小
// /deep/ .wx-swiper-dot {
// width: 14rpx;
// height: 14rpx;
// margin: 0 8rpx;
// &.wx-swiper-dot-active {
// width: 28rpx;
// border-radius: 14rpx;
// }
// }
}
.banner-swiper-space{
width: 100%;
height: 160rpx;
flex-shrink: 0;
}
.vip-swiper {
width: 687rpx;
height: 280rpx;
// margin-top: 15rpx;
margin-left:auto;
margin-right: auto;
.vip-area {
top: 0rpx;
width: 692rpx;
height: 280rpx;
position: absolute;
.vip-area-container{
width: 692rpx;
height: 280rpx;
position: absolute;
.vip-bg{
top: 24rpx;
width: 692rpx;
height: 256rpx;
position: absolute;
left:50%;
transform: translateX(-50%);
}
.vip-icon {
width: 254rpx;
height: 268rpx;
position: absolute;
right: 20rpx;
}
.current-tag {
top: 30rpx;
left: 0rpx;
width: 121rpx;
height: 40rpx;
position: absolute;
}
.current-xingyaodengji-tips{
position: absolute;
top:209rpx;
left: 40rpx;
font-size: 18rpx;
}
.phone-button{
width: 692rpx;
height:256rpx;
top: 0rpx;
opacity: 0;
background: #6f6d67;
}
}
.saoma-tips{
position: absolute;
top:209rpx;
left: 40rpx;
font-size: 18rpx;
display: flex;
flex-direction: column;
.saoma-tips-text{
font-size: 18rpx;
.saoma-tips-text-lv{
font-size: 18rpx;
}
}
.saoma-tips-text-tips{
font-size: 18rpx;
.saoma-tips-text-tips-num{
font-size: 18rpx;
}
.saoma-tips-text-tips-maxnum{
font-size: 18rpx;
}
}
}
// 积分进度条样式
.jifen-progressbar {
position: absolute;
top: 207rpx;
width: 320rpx;
left: 40rpx;
.jifen-header {
display: flex;
align-items: center;
.jifen-label {
font-size: 21rpx;
color: #1d1e25;
font-weight: 500;
margin-right: 10rpx;
}
.jifen-value {
font-size: 21rpx;
font-weight: 500;
display: flex;
align-items: center;
.current-points {
color: #1d1e25;
}
.separator {
color: #b27c1e;
margin: 0 5rpx;
}
.total-points {
color: #b27c1e;
opacity: 0.7;
}
}
}
.progress-bar-container {
position: relative;
width: 100%;
height: 8rpx;
overflow: hidden;
margin-top: 10rpx;
.progress-bar-bg {
position: absolute;
top: 0;
left: 0;
width: 315rpx;
height: 8rpx;
z-index: 1;
}
.progress-bar-mask {
position: absolute;
top: 0;
left: 0;
width: 315rpx;
height: 8rpx;
overflow: hidden;
border-radius: 4rpx;
z-index: 2;
}
.progress-bar-fill {
position: absolute;
top: 0;
left: 0;
width: 315rpx;
height: 8rpx;
// transition: transform 0.3s ease;
}
}
}
.chakanshengjigonglueTxt {
font-size: 24rpx;
position: absolute;
left: 40rpx;
top: 161rpx;
}
// .vip-info {
// display: flex;
// flex-direction: column;
// position: relative;
// height: 100%;
// justify-content: center;
// margin-left: 15rpx;
// .vip-name {
// font-size: 25rpx;
// margin-bottom: 8rpx;
// }
// .title-container{
// width: 100%;
// display: flex;
// .vip-title1 {
// // margin-right: -15rpx;
// font-size: 31rpx;
// font-weight: bold;
// color: #1d1e25;
// }
// .vip-title{
// margin-top: 6rpx;
// width: 174rpx;
// height: 31rpx;
// }
// .phone-button{
// top:82rpx;
// position: absolute;
// width:285rpx;
// height: 36rpx;
// opacity: 0;
// }
// .rule-icon{
// margin-top: 14rpx;
// margin-left: 10rpx;
// width: 11rpx;
// height: 19rpx;
// }
// }
// }
}
}
.vipCardArrowRight{
width: 15rpx;
height: 18rpx;
position: absolute;
margin-top: 310rpx;
right: 12rpx;
}
.vipCardArrowLeft{
width: 15rpx;
height: 18rpx;
position: absolute;
margin-top: 310rpx;
left: 13rpx;
}
.integral-detail {
height: 144rpx;
width: 100%;
display: flex;
align-items: center;
// padding: 0 32rpx;
margin-top: 15rpx;
.excharge-btn {
width: 178rpx;
height: 144rpx;
margin-left: 32rpx;
}
.inte-bar-area {
position: relative;
// flex: 1;
height: 144rpx;
width: 492rpx;
// background: url('@{baseUrl}integral/1008/inteBarAreaBg.png') no-repeat center/cover;
margin-left: 16rpx;
// padding: 16rpx 24rpx;
.integralClick {
height: 100%;
width: 100%;
.header-row {
position: relative;
display: flex;
justify-content: space-between;
.integral-value{
// background-color: #6f6d67;
margin-left: 26rpx;
margin-top: 23rpx;
.integral-text {
font-size: 28rpx;
color: #1d1e25;
margin-right: 13rpx;
}
.integral-total{
// position: absolute;
font-size: 24rpx;
color:#1d1e25
}
.next-icon{
top: -25rpx;
margin-left: -28rpx;
width: 66rpx;
height: 27rpx;
position: relative;
}
}
}
.progress-bar1 {
position: relative;
width: 444rpx; // 根据图片宽度设置
height: 14rpx; // 根据图片高度设置
// margin: 14rpx auto 16rpx auto;
.upLvTxt1{
font-size: 20rpx;
color: #1d1e25;
position: absolute;
margin-left: 26rpx;
margin-top: 5rpx;
.upLvTxt2{
color: #b27c1e;
font-size: 20rpx;
}
}
//预留进度条代码
// .progress-bg1 {
// margin-top: 0rpx;
// position: absolute;
// width: 444rpx;
// height: 14rpx;
// top: 0rpx;
// left: 0rpx;
// }
// .progress-mask {
// position: absolute;
// width: 444rpx;
// height: 14rpx;
// overflow: hidden;
// border-radius: 7rpx;
// .progress-img1 {
// position: absolute;
// width: 444rpx;
// height: 14rpx;
// display: block;
// }
// }
}
}
.info-row-container {
position: relative;
bottom: 45rpx;
.info-row {
display: flex;
flex-direction: row;
position: relative;
height: 26rpx;
// margin-top: -5rpx;
margin-left: 26rpx;
.count-text {
font-size: 26rpx;
color: #b27c1e;
}
.expire-text {
margin-top: 2rpx;
margin-left: 15rpx;
font-size: 22rpx;
color: #6f6d67;
}
.integral-detail-arrow{
position: absolute;
right: 20rpx;
top: 8rpx;
width: 11rpx;
height: 19rpx;
}
}
}
.strategy-icon {
position: absolute;
right: 0rpx;
top: 0rpx;
width: 96rpx;
height: 49rpx;
}
}
}
.privilege-container {
// padding: 48rpx 0rpx;
width: 686rpx;
margin-bottom: 20rpx;
.privilege-header {
display: flex;
// justify-content: space-between;
align-items: left;
flex-direction: column;
// margin-bottom: 40rpx;
padding: 30rpx 16rpx;
.quanyi-title{
font-size: 32rpx;
font-weight: bold;
}
.title-text {
font-size: 24rpx;
.highlight {
font-weight: bold;
}
}
// .rule-container {
// display: flex;
// align-items: center;
// .rule-text {
// font-size: 24rpx;
// color: #1d1e25;
// margin-right: 8rpx;
// }
// .rule-icon {
// margin-right: 10rpx;
// width: 11rpx;
// height: 19rpx;
// }
// }
}
.privilege-grid {
display: flex;
flex-wrap: wrap;
gap: 36rpx;
padding-left: 16rpx;
.privilege-item {
position: relative;
width: 102rpx;
height: 140rpx;
// &:nth-child(1) { width: 68rpx; height: 87rpx; } // 月月礼
// &:nth-child(2) { width: 70rpx; height: 91rpx; } // 生日礼
// &:nth-child(3) { width: 94rpx; height: 87rpx; } // 育儿礼
// &:nth-child(4) { width: 48rpx; height: 87rpx; } // 贺礼
// &:nth-child(5) { width: 71rpx; height: 88rpx; } // 新人礼
// &:nth-child(6) { width: 95rpx; height: 87rpx; } // 免费礼
// &:nth-child(7) { width: 70rpx; height: 86rpx; } // 专端礼
// &:nth-child(8) { width: 94rpx; height: 87rpx; } // 尝鲜礼
// &:nth-child(9) { width: 70rpx; height: 89rpx; } // 进阶礼
// &:nth-child(10) { width: 71rpx; height: 90rpx; } // 溯源礼
.itemBg{
position: absolute;
top: 0rpx;
left: 0rpx;
}
.privilege-icon {
position: absolute;
top: 0rpx;
left: 0rpx;
}
// .new-tip {
// position: absolute;
// top: -20rpx;
// right: -5rpx;
// width: 40rpx;
// height: 40rpx;
// pointer-events: none;
// }
.quanyi-text{
position: absolute;
font-size: 24rpx;
width: 125rpx;
text-align: center;
left: 50%;
transform: translateX(-50%);
top: 107rpx;
}
.quanyi-text-img{
position: absolute;
width: 35rpx;
height: 35rpx;
bottom: 43rpx;
right: 7rpx;
}
.phone-button-qyIcon{
top:0rpx;
position: absolute;
opacity: 0;
background: #6f6d67;
}
}
}
}
.quanyi-detail-area{
margin-top: 40rpx;
width: 686rpx;
}
.zhankai-quanyi{
width: 686rpx;
height: 60rpx;
margin-top: 20rpx;
// background-color: #6f6d67;
.shouqi-quanyi-img{
position: absolute;
width: 173rpx;
height: 23rpx;
margin-top: 20rpx;
left: 50%;
transform: translateX(-50%);
}
.zhankai-quanyi-img{
position: absolute;
margin-top: 20rpx;
width: 172rpx;
height: 23rpx;
left: 50%;
transform: translateX(-50%);
}
}
// 7天连续签到奖励容器样式
.signin_reward_container {
width: 686rpx;
height: 418rpx;
background: rgba(255, 255, 255, 0.3);
border-radius: 30rpx;
margin-top: 30rpx;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08); // 更柔和的阴影
// 标题区域
.signin_title_area {
display: flex;
align-items: center;
margin-top: 30rpx;
// margin-bottom: 40rpx;
flex-wrap: wrap;
.signin_main_title {
font-size: 32rpx;
font-weight: bold;
color: #383838; // 主标题字体颜色
margin-left: 30rpx; // 左边距30rpx
margin-right: 10rpx;
}
.help_icon {
width: 24rpx;
height: 24rpx;
border: 2rpx solid #9EA1A5; // 空心圆圈边框
border-radius: 50%;
display: flex;
align-items: center;
// justify-content: center;
margin-right: 10rpx;
.help_text {
font-size: 16rpx;
color: #9EA1A5; // 深灰色问号
font-weight: bold;
width: 22rpx;
// line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
}
.signin_sub_title {
font-size: 24rpx;
color: #909090; // 副标题字体颜色
line-height: 1.4;
}
}
// 奖励展示区域
.reward_display_area {
display: flex;
justify-content: space-between;
margin-top: 30rpx;
flex-wrap: wrap;
width: 626rpx;
margin-left: 30rpx;
.daily_reward_item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 80rpx;
// 奖励内容容器
.reward_content_container {
width: 76rpx;
height: 112rpx;
background: #ffffff; // 默认白色背景
border-radius: 16rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 10rpx;
&.signed {
background: #D3A458; // 已签到状态的金色背景
}
// 奖励标签样式
.bonus_tag {
position: absolute;
top: -15rpx;
right: -30rpx;
background: #e74c3c; // 红色标签，更接近截图中的红色
border-radius: 16rpx 16rpx 16rpx 4rpx;
// padding: 4rpx 8rpx;
width: 54rpx;
height: 30rpx;
z-index: 2;
.bonus_text {
position: absolute;
// left: 50%;
// transform: translateX(-50%);
width: 100%;
height: 100%;
text-align: center;
line-height: 28rpx;
font-size: 20rpx;
color: #ffffff;
font-weight: bold;
}
}
.reward_points {
font-size: 24rpx;
font-weight: bold;
color: #000000; // 默认黑色（未签到状态）
margin-bottom: 8rpx;
}
&.signed .reward_points {
color: #ffffff; // 已签到状态为白色
}
.reward_coin {
width: 50rpx;
height: 50rpx;
}
// 已签到状态样式
.reward_status {
&.signed {
.check_circle {
width: 40rpx;
height: 40rpx;
background: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
.check_mark {
font-size: 24rpx;
color: #000000;
font-weight: bold;
}
}
}
}
}
.day_label {
font-size: 20rpx;
color: #666666; // 深灰色天数标签
}
}
}
// 签到按钮
.signin_button {
width: 384rpx;
height: 86rpx;
// background: linear-gradient(135deg, #d4a468 0%, #b27c1e 50%, #9d7a3a 100%); // 更丰富的金色渐变
background: #D3A458;
border-radius: 60rpx;
display: flex;
align-items: center;
margin-left: 151rpx;
justify-content: center;
box-shadow: 0 4rpx 15rpx rgba(178, 124, 30, 0.4); // 更明显的金色阴影
margin-top: 46rpx;
.signin_button_text {
font-size: 32rpx;
color: #ffffff;
font-weight: bold;
}
}
}
.vip-active-area {
width: 686rpx;
height: auto;
margin-top: 62rpx;
.vip-title{
font-size: 32rpx;
font-weight: bold;
margin-left: 16rpx;
}
.vip-active-swiper {
width: 100%;
height: 200rpx;
flex-shrink: 0;
margin-top: 30rpx;
.vip-active-img {
width: 100%;
height: 100%;
border-radius: 32rpx;
}
}
}
.goods-container {
width: 686rpx;
height: auto;
margin-top: 22rpx;
.custom-tabs {
display: flex;
justify-content: space-between;
.tab-item {
width: 245rpx;
height: 112rpx;
display: flex;
flex-direction: column;
align-items: center;
// justify-content: center;
&.active {
//https://duiba.oss-cn-hangzhou.aliyuncs.com/fh/integral/1008/tapSelectBg.png
// background-image: url('@{baseUrl}integral/1008/tapSelectBg.png');
// background-size: 100% 100%;
.tab-line1 { color: #1d1e25; }
// .tab-line2 { color: #b27c1e; }
.select-line{
width: 32rpx;
height: 8rpx;
background-color: #1d1e25;
border-radius: 4rpx;
margin-top: 10rpx;
}
}
&.active1 {
.tab-line1 { color: #fff0df; }
.select-line{
width: 32rpx;
height: 8rpx;
background-color: #fff0df;
border-radius: 4rpx;
margin-top: 10rpx;
}
}
.tab-line1 {
font-size: 28rpx;
font-weight: bold;
color: #6f6d67;
line-height: 40rpx;
margin-top: 35rpx;
}
// .tab-line2 {
// font-size: 24rpx;
// color: #b2b2b0;
// line-height: 34rpx;
// margin-top: 25rpx;
// }
}
}
.goods-content {
position: relative;
margin-top: 30rpx;
// margin-bottom: 50rpx;
height: auto;
.goods-list {
// display: grid;
// grid-template-columns: repeat(2, 1fr);
gap: 20rpx;
display: flex;
flex-wrap: wrap;
.goods-item {
background-color: #6f6d67;
position: relative;
width: 333rpx;
height: 459rpx;
// background: #fff;
// border-radius: 16rpx;
// padding: 20rpx;
// .goods-img-bg{
// width: 333rpx;
// height: 459rpx;
// position: absolute;
// top: 0rpx;
// left: 0rpx;
// }
.goods-item-container{
width: 100%;
height: 100%;
position: relative;
.goods-img {
width: 100%;
height: 365rpx;
margin-bottom: 20rpx;
}
.title-container1{
width: 100%;
// height: auto;
margin-left: 20rpx;
// margin-bottom: 10rpx;
margin-top: -48rpx;
.title-text1 {
position: relative;
width: 294rpx;
font-size: 28rpx;
color: #1d1e25;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
}
.price-text {
// height: auto;
position: relative;
font-size: 28rpx;
color: #b27c1e;
margin-top: 10rpx;
margin-left: 20rpx;
.num {
font-size: 32rpx;
margin-right: 5rpx;
}
}
.num0 {
position: relative;
font-size: 28rpx;
margin-left: 20rpx;
color: #b27c1e;
.price-text0{
font-size: 20rpx;
}
.price-text1{
font-size: 36rpx;
}
}
}
}
}
}
}
.more-container {
// width: 686rpx;
height: auto;
margin-top:28rpx;
margin-bottom: 28rpx;
.more-text {
font-size: 24rpx;
color: #1d1e25;
margin-right: 10rpx;
}
.more-arrow {
width: 11rpx;
height: 19rpx;
}
}
.content{
width: 100%;
height: 180rpx;
}
// 测试注册层按钮样式
// .test-register-btn {
// width: 300rpx;
// height: 80rpx;
// background: #d3a358;
// border-radius: 40rpx;
// display: flex;
// align-items: center;
// justify-content: center;
// margin: 20rpx auto;
// .test-btn-text {
// font-size: 28rpx;
// color: #fff;
// font-weight: 500;
// }
// }
// 调试信息样式
// .debug-info {
// width: 600rpx;
// margin: 20rpx auto;
// padding: 20rpx;
// background: rgba(0, 0, 0, 0.1);
// border-radius: 10rpx;
// .debug-text {
// display: block;
// font-size: 24rpx;
// color: #666;
// margin-bottom: 10rpx;
// line-height: 1.5;
// }
// }
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment