Skip to content

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

666666

parent c57e08d0
Show 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 @@
},
"channelTabListMianTitle": "有声频道",
"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",
"link": {},
......@@ -148,29 +157,6 @@
"link": {},
"title": "东北真行寻人",
"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": [
......
mock/integral.json
View file @ 84efce3c
......@@ -582,14 +582,14 @@
},
"vipActive": [
{
"img": "vipAct250910001.png",
"img": "vipAct251009001.jpg",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"title": "黄糯玉米",
"url": "/subPackages/shopMainProcess/product/index?productId=543558664688883066&skuId=543560605494007100"
"title": "兑换礼品",
"url": "/subPackages/shopMainList/topicNew/index?id=1001165"
},
{
"img": "vipAct2.png",
......
mock/jifenGoodsData.json
View file @ 84efce3c
......@@ -2,7 +2,8 @@
"success":true,
"msg": "irure",
"code": "ut elit",
"data": [
"data":
[
{
"resourcePositionType": "vip活动",
"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 @@
> {{ itemIndex == 4 ? '您已经升至最高等级' : '您已超越该等级' }}</text>
<button
v-if="!islogin"
type="primary"
......@@ -463,17 +460,17 @@
<text class="signin_button_text">立即签到</text>
</view>
<!-- 已签到状态 -->
<view v-else class="signin_button" style="background-color: #dfddd9;">
<text class="signin_button_text" style="color: #888;">今日已签到</text>
<view v-else class="task_button" @click="handleTaskButtonClick">
<text class="task_button_text">赚更多积分</text>
</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>
<swiper
class="vip-active-swiper"
:indicator-dots="vipActive.length > 1"
:indicator-dots="vipActive?.length > 1"
:autoplay="true"
:circular="true"
indicator-color="#dfddd9"
......@@ -492,7 +489,7 @@
</view>
<!-- 商品展示容器 -->
<view class="goods-container">
<view class="goods-container" v-if="goodsDataArr?.length > 0">
<!-- 页签栏 -->
<view class="custom-tabs">
<view
......@@ -528,7 +525,7 @@
<view class="goods-item-container" @click="handleGoodsItemClick(goodItem, i)">
<image
class="goods-img"
:src=goodItem?.goodsIcon
:src="$baseUrl + `${goodItem?.goodsIcon}`"
mode="aspectFit"
/>
<view class="title-container1">
......@@ -686,6 +683,13 @@
:visible="showSignRuleDes"
@close="handleCloseSignRuleDes"
/>
<!-- 任务弹窗 -->
<TaskPop
:visible="showTaskPop"
@close="handleCloseTaskPop"
@taskClick="handleTaskClick"
/>
</view>
</template>
......@@ -720,6 +724,7 @@
import ShengriliTipPanel from '../components/quanyi/shengriliTipPanel.vue';
import SignedTips from '../components/qiandao/SignedTips.vue';
import SignRuleDes from '../components/qiandao/SignRuleDes.vue';
import TaskPop from '../components/renwu/TaskPop.vue';
import bannerDataIntegral from '../mock/bannerDataIntegral.json';
import jifenGoodsData from '../mock/jifenGoodsData.json';
......@@ -732,741 +737,815 @@
const orderUpgrade = ref(false);
// const maxVal = ref([]);
const integralData = ref({
"tupianBanben": "1022",
"swiper": [
],
"quanyitiaozhuanInfo":{
"suyuanyou":{
"qubaoming": {
"url": "https://member.feihe.com/memberH5/#/SyySignupInfo?activityCode=syy20250806&sceneCode=WXG01",
"type": 3
}
"clickMore": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"shengrili":{
"qushiyong": {
"url": "subPackages/shopMainProcess/coupons/couponList",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
}
}
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"vipLvInfo":[
{
"currentLvTip":"currentLvTip0.png",
"barVip":"barVip0.png",
"barBgVip":"barBgVip0.png",
"vipLvBg":"vipLvBg0.png",
"vipLvIcon":"vipLvIcon0.png",
"tupianBanben": "1022",
"swiper": [],
"goodsListData": {
"listCommon": {
"listItemImgBg": "integral/1022/listItemImgBg.png"
},
"tabInfo": {
"tabBg": "tapSelectBg.png",
"tabTexts": [
{
"currentLvTip":"currentLvTip1.png",
"barVip":"barVip1.png",
"barBgVip":"barBgVip1.png",
"vipLvBg":"vipLvBg1.png",
"vipLvIcon":"vipLvIcon1.png",
"line2": "",
"line1": "星品榜单"
},
{
"currentLvTip":"currentLvTip2.png",
"barVip":"barVip2.png",
"barBgVip":"barBgVip2.png",
"vipLvBg":"vipLvBg2.png",
"vipLvIcon":"vipLvIcon2.png",
"line2": "",
"line1": "0元爆款"
},
{
"currentLvTip":"currentLvTip3.png",
"barVip":"barVip3.png",
"barBgVip":"barBgVip3.png",
"vipLvBg":"vipLvBg3.png",
"vipLvIcon":"vipLvIcon3.png",
"line2": "",
"line1": "北纬专场"
}
]
},
"goodsData": [
{
"currentLvTip":"currentLvTip4.png",
"barVip":"barVip4.png",
"barBgVip":"barBgVip4.png",
"vipLvBg":"vipLvBg4.png",
"vipLvIcon":"vipLvIcon4.png",
}
],
"viplv": {
"imgs": [
"imgPlatinum0.png",
"imgPlatinum1.png",
"imgPlatinum2.png",
"imgPlatinum3.png",
"imgPlatinum4.png"
"titles": [
"星飞帆4段儿童成长配...",
"星飞帆卓睿4段儿童配...",
"飞鹤臻贵儿童成长配方...",
"茁然 茁护儿童配方奶...",
"经典爱本乳铁蛋白配方...",
"飞鹤茁然高钙奶酪泡芙...",
"金装1962-中老年高钙...",
"经典爱本膳骨配方奶粉...",
"经典爱本清澄配方奶粉...",
"金装1962-高钙高蛋白...",
"德佑纯水湿巾80抽/包",
"婴儿专护除菌除螨洗衣...",
"DHA深海鳕鱼肠80g*4袋",
"云朵软软绵柔巾洗脸巾..."
],
"imgBgs":[
"imgPlatinumBg0.png",
"imgPlatinumBg1.png",
"imgPlatinumBg2.png",
"imgPlatinumBg3.png",
"imgPlatinumBg4.png"
"prices": [
"低至730积分+￥115",
"低至865积分+￥195",
"低至1000积分+￥228",
"低至715积分+￥125",
"低至3160积分+￥126.4",
"低至1400积分+￥55.8",
"低至1780积分+￥71.2",
"低至3160积分+￥126.4",
"低至3960积分+￥158.4",
"低至1780积分+￥71.2",
"低至65积分+￥36.5",
"低至440积分+￥17.5",
"低至520积分+￥20.8",
"低至460积分+￥18.3"
],
"nickNameColors":["#1d1e25","#1d1e25","#1d1e25","#1d1e25","#ffffff"],
"dangqianColors":["#b27c1e","#447ab0","#332288","#674513","#674513"],
"vipLvIcon":["imgPlatinumIcon0.png","imgPlatinumIcon1.png","imgPlatinumIcon2.png","imgPlatinumIcon3.png","imgPlatinumIcon4.png"],
"vipNameImgs":["imgPlatinumName0.png","imgPlatinumName1.png","imgPlatinumName2.png","imgPlatinumName3.png","imgPlatinumName4.png"],
"upLvTxts": [
"扫罐内码或下单有机会提升至/V2铂金会员",
"扫罐内码或下单有机会提升至/V3钻石会员",
"扫罐内码或下单有机会提升至/V4星光会员",
"扫罐内码或下单有机会提升至/V5星耀会员",
"已提升至最高等级/V5星耀会员"
"goodsImgs": [
"listItemImgJx0.png",
"listItemImgJx1.png",
"listItemImgJx2.png",
"listItemImgJx3.png",
"listItemImgJx4.png",
"listItemImgJx5.png",
"listItemImgJx6.png",
"listItemImgJx7.png",
"listItemImgJx8.png",
"listItemImgJx9.png",
"listItemImgJx10.png",
"listItemImgJx11.png",
"listItemImgJx13.png",
"listItemImgJx14.png"
]
},
"vipIntegral": {
"gonglue": {
"url": "https://mom.feihe.com/member/mine/pointStrategy",
"type": 3,
"img": "strategyBtn.png"
{
"titles": [
"星飞帆4段儿童成长配...",
"飞鹤茁然儿童配方奶升...",
"茁然 茁护儿童配方奶...",
"宝宝钙维生素D软胶囊...",
"公牛 新国标插座/插线...",
"九阳煮蛋器多功能智能...",
"荣事达电煮锅家用多功...",
"babygo进口户外防水...",
"苏泊尔（SUPOR）真...",
"超级飞侠儿童绘画笔套..."
],
"prices": [
11500,
8900,
12000,
5450,
5980,
5900,
5900,
3800,
9900,
7900
],
"goodsImgs": [
"listItemImgXL0.png",
"listItemImgXL1.png",
"listItemImgXL2.png",
"listItemImgXL3.png",
"listItemImgXL5.png",
"listItemImgXL7.png",
"listItemImgXL9.png",
"listItemImgXL11.png",
"listItemImgXL12.png",
"listItemImgXL13.png"
]
},
"progressBar": {
"barImg": "progressBarIntegral.png",
"barBgImg": "progressBarBgIntegral.png"
{
"titles": [
"北纬47度水果玉米",
"北纬47度黄糯鲜玉米",
"北纬47度白甜糯玉米",
"北纬47度东北烧烤...",
"北纬47度花甜糯玉米",
"北纬47度黑珍珠玉米",
"N47°植物酵素乳245...",
"N47°水果玉米汁245..."
],
"prices": [
4740,
3900,
4600,
5990,
4600,
5200,
9990,
7990
],
"goodsImgs": [
"listItemImgPzh0.png",
"listItemImgPzh1.png",
"listItemImgPzh2.png",
"listItemImgPzh3.png",
"listItemImgPzh4.png",
"listItemImgPzh5.png",
"listItemImgPzh6.png",
"listItemImgPzh7.png"
]
}
],
"productIdUrl": {
"lingyuan": [
{
"productId": "643301938280182989",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"excharge": {
"url": "subPackages/shopMainList/topicNew/index?id=1000187",
"type": 2,
"img": "integralExchargeBtn.png",
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "643301938280182990"
},
{
"productId": "570770855028876907",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"vipCardInfo": {
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "570770855028876908"
},
"jifenmingxi": {
"url": "https://mom.feihe.com/member/mine/newPointDetail?crmId={crmid}&appCode=XMH",
"type": 3
}
{
"productId": "643302772176787321",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"clickMore": {
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot",
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "643302772176787322"
},
{
"productId": "650261586675438161",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"qunyiInfo": {
"vipRule": {
"url": "https://mom.feihe.com/member/mine/pointStrategy",
"type": 3
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "650261761758111604"
},
"quanyiBgs":[
{
"lockImg": "quanyiLockBg0.png",
"unlockImg": "quanyiunLockBg0.png",
"selectImg": "quanyiSelectBg0.png",
"quanyiNum": 3
"productId": "637462885116453461",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"lockImg": "quanyiLockBg1.png",
"unlockImg": "quanyiunLockBg1.png",
"selectImg": "quanyiSelectBg1.png",
"quanyiNum": 5
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "637462885116453462"
},
{
"lockImg": "quanyiLockBg2.png",
"unlockImg": "quanyiunLockBg2.png",
"selectImg": "quanyiSelectBg2.png",
"quanyiNum": 8
"productId": "664995106239801237",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"lockImg": "quanyiLockBg3.png",
"unlockImg": "quanyiunLockBg3.png",
"selectImg": "quanyiSelectBg3.png",
"quanyiNum": 9
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "664995106239801238"
},
{
"lockImg": "quanyiLockBg4.png",
"unlockImg": "quanyiunLockBg4.png",
"selectImg": "quanyiSelectBg4.png",
"quanyiNum": 9
"productId": "664992929630904330",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
],
"imgInfos": [
{
"img": "yueyueliIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "月月礼"
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "702706680618457075"
},
{
"img": "yuerIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "育儿课程"
"productId": "477231839213998660",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"img": "mainfeiIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "免费问诊"
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "477231839213998661"
},
{
"img": "aibenxinrenliIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "爱本新人礼"
"productId": "710238004623156187",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"img": "zhuanduanliIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "转段礼"
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "710238148411278894"
},
{
"img": "zhousuiliIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "周岁礼"
},
{
"img": "shengriliIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "生日礼"
},
{
"img": "jinjiliIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "晋级礼"
},
{
"img": "suyuanyouIcon0.png",
"width": "99rpx",
"height": "99rpx",
"name": "溯源游"
}
],
"rule": {
"url": "https://mom.feihe.com/member/mine/pointStrategy",
"type": 3
},
"vipQuanyiUrl": {
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot",
"type": 2,
"productId": "637105594356118250",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
},
"vipLvsQuanyi": [
{
"qunyiList": [0, 2, 5],
"isNewArr": []
},
{
"qunyiList": [6, 7, 0, 2, 5],
"isNewArr": [6, 7]
},
{
"qunyiList": [8, 1, 6, 7, 0, 2, 5],
"isNewArr": [8, 1]
},
{
"qunyiList": [9, 8, 1, 6, 7, 0, 2, 5],
"isNewArr": [9]
},
{
"qunyiList": [9, 8, 1, 6, 7, 0, 2, 5],
"isNewArr": [9]
}
]
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"vipActive": [
{
"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",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "637105594356118251"
}
],
"goodsListData": {
"listCommon": {
"listItemImgBg": "integral/1022/listItemImgBg.png"
},
"tabInfo": {
"tabBg": "tapSelectBg.png",
"tabTexts": [
{
"line1": "星品榜单",
"line2": ""
},
{
"line1": "0元爆款",
"line2": ""
},
{
"line1": "北纬专场",
"line2": ""
}
]
},
"productIdUrl": {
"xingpin": [
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "632366292935447153",
"skuId": "632366292935447154",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "632366292935447154"
},
{
"productId": "434526218612696157",
"skuId": "434526218612696158",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "434526218612696158"
},
{
"productId": "779457178234291713",
"skuId": "779457178234291714",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "779457178234291714"
},
{
"productId": "632368902459430553",
"skuId": "632368902459430554",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "632368902459430554"
},
{
"productId": "748373470406312440",
"skuId": "748373470406312441",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "748373470406312441"
},
{
"productId": "700209063828145600",
"skuId": "700209063828145601",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "700209063828145601"
},
{
"productId": "444612538255511698",
"skuId": "444612538255511699",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "444612538255511699"
},
{
"productId": "748374838109458955",
"skuId": "748374838109458956",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "748374838109458956"
},
{
"productId": "748376191670080756",
"skuId": "748376191670080757",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "748376191670080757"
},
{
"productId": "444614841574228087",
"skuId": "444614841574228088",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "444614841574228088"
},
{
"productId": "642944987112793104",
"skuId": "642944987112793105",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "642944987112793105"
},
{
"productId": "660577242594873852",
"skuId": "660577242594873853",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "660577242594873853"
},
{
"productId": "670068445908034706",
"skuId": "670072178498381183",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "670072178498381183"
},
{
"productId": "660575857729992191",
"skuId": "660575857729992192",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"skuId": "660575857729992192"
}
],
"lingyuan": [
"beiwei": [
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "643301938280182989",
"skuId": "643301938280182990",
"type": 2,
"productId": "694019044167238066",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "570770855028876907",
"skuId": "570770855028876908",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"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": "643302772176787321",
"skuId": "643302772176787322",
"type": 2,
"productId": "548984197069284758",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "650261586675438161",
"skuId": "650261761758111604",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"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": "637462885116453461",
"skuId": "637462885116453462",
"type": 2,
"productId": "548991402553569325",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "664995106239801237",
"skuId": "664995106239801238",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"skuId": "548991402553569326"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "664992929630904330",
"skuId": "702706680618457075",
"type": 2,
"productId": "757045038059549612",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "477231839213998660",
"skuId": "477231839213998661",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"skuId": "757045038059549613"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "710238004623156187",
"skuId": "710238148411278894",
"productId": "555507401709887582",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"skuId": "555507401709887583"
},
{
"productId": "555151404052796950",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"skuId": "555151404052796951"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "637105594356118250",
"skuId": "637105594356118251",
"productId": "704050114989893289",
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"skuId": "704050114989893290"
},
{
"productId": "710290587034550507",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_north",
"skuId": "710290587034550508"
}
]
}
],
"beiwei": [
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "694019044167238066",
"skuId": "694019044167238067",
"type": 2,
},
"quanyitiaozhuanInfo": {
"shengrili": {
"qushiyong": {
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "548984197069284758",
"skuId": "548984197069284759",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
"url": "subPackages/shopMainProcess/coupons/couponList"
}
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "548991402553569325",
"skuId": "548991402553569326",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
"suyuanyou": {
"qubaoming": {
"type": 3,
"url": "https://member.feihe.com/memberH5/#/SyySignupInfo?activityCode=syy20250806&sceneCode=WXG01"
}
}
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "757045038059549612",
"skuId": "757045038059549613",
"type": 2,
"vipIntegral": {
"gonglue": {
"img": "strategyBtn.png",
"type": 3,
"url": "https://mom.feihe.com/member/mine/pointStrategy"
},
"jifenmingxi": {
"type": 3,
"url": "https://mom.feihe.com/member/mine/newPointDetail?crmId={crmid}&appCode=XMH"
},
"progressBar": {
"barBgImg": "progressBarBgIntegral.png",
"barImg": "progressBarIntegral.png"
},
"vipCardInfo": {
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "555507401709887582",
"skuId": "555507401709887583",
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"excharge": {
"img": "integralExchargeBtn.png",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "555151404052796950",
"skuId": "555151404052796951",
"type": 2,
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
"url": "subPackages/shopMainList/topicNew/index?id=1000187"
}
},
"viplv": {
"imgs": [
"imgPlatinum0.png",
"imgPlatinum1.png",
"imgPlatinum2.png",
"imgPlatinum3.png",
"imgPlatinum4.png"
],
"upLvTxts": [
"扫罐内码或下单有机会提升至/V2铂金会员",
"扫罐内码或下单有机会提升至/V3钻石会员",
"扫罐内码或下单有机会提升至/V4星光会员",
"扫罐内码或下单有机会提升至/V5星耀会员",
"已提升至最高等级/V5星耀会员"
],
"vipLvIcon": [
"imgPlatinumIcon0.png",
"imgPlatinumIcon1.png",
"imgPlatinumIcon2.png",
"imgPlatinumIcon3.png",
"imgPlatinumIcon4.png"
],
"nickNameColors": [
"#1d1e25",
"#1d1e25",
"#ffffff"
],
"imgBgs": [
"imgPlatinumBg0.png",
"imgPlatinumBg1.png",
"imgPlatinumBg2.png",
"imgPlatinumBg3.png",
"imgPlatinumBg4.png"
],
"dangqianColors": [
"#b27c1e",
"#447ab0",
"#332288",
"#674513",
"#674513"
],
"vipNameImgs": [
"imgPlatinumName0.png",
"imgPlatinumName1.png",
"imgPlatinumName2.png",
"imgPlatinumName3.png",
"imgPlatinumName4.png"
]
},
"vipActive": [
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "704050114989893289",
"skuId": "704050114989893290",
"type": 2,
"img": "vipAct251009001.jpg",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
}
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
{
"url": "subPackages/shopMainProcess/product/index?productId={productId}&skuId={skuId}&entrySource=xmh_wechatmp_points_star",
"productId": "710290587034550507",
"skuId": "710290587034550508",
"type": 2,
"title": "兑换礼品",
"url": "/subPackages/shopMainList/topicNew/index?id=1001165"
},
{
"img": "vipAct2.png",
"extra": {
"appId": "wx4205ec55b793245e",
"envVersion": "release"
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "/subPackages/shopMainProcess/lottery/index?utm_campaign=%E6%BA%AF%E6%BA%90%E6%8A%BD%E5%A5%96&_channel_track_key=ngSppZAj"
}
],
"vipLvInfo": [
{
"vipLvIcon": "vipLvIcon0.png",
"vipLvBg": "vipLvBg0.png",
"currentLvTip": "currentLvTip0.png",
"barVip": "barVip0.png",
"barBgVip": "barBgVip0.png"
},
{
"vipLvIcon": "vipLvIcon1.png",
"vipLvBg": "vipLvBg1.png",
"currentLvTip": "currentLvTip1.png",
"barVip": "barVip1.png",
"barBgVip": "barBgVip1.png"
},
{
"vipLvIcon": "vipLvIcon2.png",
"vipLvBg": "vipLvBg2.png",
"currentLvTip": "currentLvTip2.png",
"barVip": "barVip2.png",
"barBgVip": "barBgVip2.png"
},
{
"vipLvIcon": "vipLvIcon3.png",
"vipLvBg": "vipLvBg3.png",
"currentLvTip": "currentLvTip3.png",
"barVip": "barVip3.png",
"barBgVip": "barBgVip3.png"
},
{
"vipLvIcon": "vipLvIcon4.png",
"vipLvBg": "vipLvBg4.png",
"currentLvTip": "currentLvTip4.png",
"barVip": "barVip4.png",
"barBgVip": "barBgVip4.png"
}
]
],
"qunyiInfo": {
"vipRule": {
"type": 3,
"url": "https://mom.feihe.com/member/mine/pointStrategy"
},
"goodsData": [
"quanyiBgs": [
{
"titles": [
"星飞帆4段儿童成长配...",
"星飞帆卓睿4段儿童配...",
"飞鹤臻贵儿童成长配方...",
"茁然 茁护儿童配方奶...",
"经典爱本乳铁蛋白配方...",
"飞鹤茁然高钙奶酪泡芙...",
"金装1962-中老年高钙...",
"经典爱本膳骨配方奶粉...",
"经典爱本清澄配方奶粉...",
"金装1962-高钙高蛋白...",
"德佑纯水湿巾80抽/包",
"婴儿专护除菌除螨洗衣...",
"DHA深海鳕鱼肠80g*4袋",
"云朵软软绵柔巾洗脸巾..."
"selectImg": "quanyiSelectBg0.png",
"lockImg": "quanyiLockBg0.png",
"unlockImg": "quanyiunLockBg0.png",
"quanyiNum": 3
},
{
"selectImg": "quanyiSelectBg1.png",
"lockImg": "quanyiLockBg1.png",
"unlockImg": "quanyiunLockBg1.png",
"quanyiNum": 5
},
{
"selectImg": "quanyiSelectBg2.png",
"lockImg": "quanyiLockBg2.png",
"unlockImg": "quanyiunLockBg2.png",
"quanyiNum": 8
},
{
"selectImg": "quanyiSelectBg3.png",
"lockImg": "quanyiLockBg3.png",
"unlockImg": "quanyiunLockBg3.png",
"quanyiNum": 9
},
{
"selectImg": "quanyiSelectBg4.png",
"lockImg": "quanyiLockBg4.png",
"unlockImg": "quanyiunLockBg4.png",
"quanyiNum": 9
}
],
"prices": [
"低至730积分+￥115",
"低至865积分+￥195",
"低至1000积分+￥228",
"低至715积分+￥125",
"低至3160积分+￥126.4",
"低至1400积分+￥55.8",
"低至1780积分+￥71.2",
"低至3160积分+￥126.4",
"低至3960积分+￥158.4",
"低至1780积分+￥71.2",
"低至65积分+￥36.5",
"低至440积分+￥17.5",
"低至520积分+￥20.8",
"低至460积分+￥18.3"
"rule": {
"type": 3,
"url": "https://mom.feihe.com/member/mine/pointStrategy"
},
"imgInfos": [
{
"img": "yueyueliIcon0.png",
"name": "月月礼",
"width": "99rpx",
"height": "99rpx"
},
{
"img": "yuerIcon0.png",
"name": "育儿课程",
"width": "99rpx",
"height": "99rpx"
},
{
"img": "mainfeiIcon0.png",
"name": "免费问诊",
"width": "99rpx",
"height": "99rpx"
},
{
"img": "aibenxinrenliIcon0.png",
"name": "爱本新人礼",
"width": "99rpx",
"height": "99rpx"
},
{
"img": "zhuanduanliIcon0.png",
"name": "转段礼",
"width": "99rpx",
"height": "99rpx"
},
{
"img": "zhousuiliIcon0.png",
"name": "周岁礼",
"width": "99rpx",
"height": "99rpx"
},
{
"img": "shengriliIcon0.png",
"name": "生日礼",
"width": "99rpx",
"height": "99rpx"
},
{
"img": "jinjiliIcon0.png",
"name": "晋级礼",
"width": "99rpx",
"height": "99rpx"
},
{
"img": "suyuanyouIcon0.png",
"name": "溯源游",
"width": "99rpx",
"height": "99rpx"
}
],
"goodsImgs": [
"listItemImgJx0.png",
"listItemImgJx1.png",
"listItemImgJx2.png",
"listItemImgJx3.png",
"listItemImgJx4.png",
"listItemImgJx5.png",
"listItemImgJx6.png",
"listItemImgJx7.png",
"listItemImgJx8.png",
"listItemImgJx9.png",
"listItemImgJx10.png",
"listItemImgJx11.png",
"listItemImgJx13.png",
"listItemImgJx14.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
]
},
{
"titles": [
"星飞帆4段儿童成长配...",
"飞鹤茁然儿童配方奶升...",
"茁然 茁护儿童配方奶...",
"宝宝钙维生素D软胶囊...",
"公牛 新国标插座/插线...",
"九阳煮蛋器多功能智能...",
"荣事达电煮锅家用多功...",
"babygo进口户外防水...",
"苏泊尔（SUPOR）真...",
"超级飞侠儿童绘画笔套..."
"isNewArr": [
6,
7
],
"prices": [
11500,
8900,
12000,
5450,
5980,
5900,
5900,
3800,
9900,
7900
],
"goodsImgs": [
"listItemImgXL0.png",
"listItemImgXL1.png",
"listItemImgXL2.png",
"listItemImgXL3.png",
"listItemImgXL5.png",
"listItemImgXL7.png",
"listItemImgXL9.png",
"listItemImgXL11.png",
"listItemImgXL12.png",
"listItemImgXL13.png"
"qunyiList": [
6,
7,
0,
2,
5
]
},
{
"titles": [
"北纬47度水果玉米",
"北纬47度黄糯鲜玉米",
"北纬47度白甜糯玉米",
"北纬47度东北烧烤...",
"北纬47度花甜糯玉米",
"北纬47度黑珍珠玉米",
"N47°植物酵素乳245...",
"N47°水果玉米汁245..."
"isNewArr": [
8,
1
],
"qunyiList": [
8,
1,
6,
7,
0,
2,
5
]
},
{
"isNewArr": [
9
],
"prices": [
4740,
3900,
4600,
5990,
4600,
5200,
9990,
7990
"qunyiList": [
9,
8,
1,
6,
7,
0,
2,
5
]
},
{
"isNewArr": [
9
],
"goodsImgs": [
"listItemImgPzh0.png",
"listItemImgPzh1.png",
"listItemImgPzh2.png",
"listItemImgPzh3.png",
"listItemImgPzh4.png",
"listItemImgPzh5.png",
"listItemImgPzh6.png",
"listItemImgPzh7.png"
"qunyiList": [
9,
8,
1,
6,
7,
0,
2,
5
]
}
]
......@@ -1579,8 +1658,11 @@
// 签到规则说明弹窗相关
const showSignRuleDes = ref(false);
// 任务弹窗相关
const showTaskPop = ref(false);
//今天已经签到过
const todaySigned = ref(false);
const todaySigned = ref(true);
// Props 定义
const props = defineProps({
......@@ -1839,36 +1921,23 @@
componentContent: "查看升级攻略"
});
// let bannerData = await getResourceList({page:'points_benefit',resourcePositionType:'banner'});
let bannerData = bannerDataIntegral;
if(bannerData.success){
const {data} = await fetchIntegralJSON();
integralData.value = {...data};
let bannerData = integralData.value.banner;
vipActive.value = [];
bannerData.data.forEach(item => {
console.log('item.contentConfig==',item.contentConfig);
const data = JSON.parse(item.contentConfig);
vipActive.value.push({
"img": data.imageUrl,
"img": data.url,
"url": data.link.url,
"type": data.link.type,
"extra": {
"appId": data.link.value,
"envVersion": "release"
}
"extra": data.link.extra
});
});
}
// let goodsData1 = await getResourceList({page:'points_benefit',resourcePositionType:'exchange'});
let goodsDataJson = jifenGoodsData;
if(goodsDataJson.success){
console.log('goodsData1.data==',goodsDataJson.data);
goodsDataArr.value = goodsDataJson.data;
}
goodsDataArr.value = integralData.value.goodsListData;
const {data} = await fetchIntegralJSON();
integralData.value = {...data};
swiperData.value = integralData.value?.swiper;
vipLvIcons.value = integralData.value?.viplv?.imgs;
......@@ -2716,6 +2785,28 @@
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 @@
<style lang="less" scoped>
@import '@/common.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;
// }
// }
}
@import './Integral.less';
</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