Skip to content

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

积分页修改

parent fa2ba651
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1244 additions and 34 deletions
.DS_Store
View file @ 2d074ba9
No preview for this file type
api/integral.js
View file @ 2d074ba9
...@@ -27,3 +27,6 @@ export const fetchBatchReceiveJSON = () => api.post('/c/equity/birthdayGift/batc ...@@ -27,3 +27,6 @@ export const fetchBatchReceiveJSON = () => api.post('/c/equity/birthdayGift/batc
* @returns * @returns
*/ */
export const fetchActivityStateJSON = () => api.get('/c/third/activity/state'); export const fetchActivityStateJSON = () => api.get('/c/third/activity/state');
//获取配置项和商品列表
export const getResourceList = () => api.get('c/resource/list');
\ No newline at end of file
components/qiandao/SignRuleDes.less 0 → 100644
View file @ 2d074ba9
.sign_rule_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
.sign_rule_container {
background: linear-gradient(to bottom, #FFE9C5, #FFFFFF);
border-radius: 38rpx;
// padding: 40rpx 30rpx;
// margin: 0 40rpx;
width: 546rpx;
height: 338rpx;
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
position: relative;
.rule_content {
display: flex;
flex-direction: column;
align-items: center;
.rule_title {
font-size: 36rpx;
font-weight: bold;
color: #D3A458;
margin-bottom: 20rpx;
text-align: center;
margin-bottom: 36rpx;
margin-top: 36rpx;
}
.rule_list {
width: 100%;
margin-left: 108rpx;
.rule_date {
font-size: 26rpx;
color: #54390D;
width: 100%;
display: block;
}
.rule_text {
font-size: 26rpx;
color: #54390D;
// line-height: 1.5;
display: block;
// margin-bottom: 20rpx;
}
}
}
.close_button {
position: absolute;
bottom: -80rpx;
left: 50%;
transform: translateX(-50%);
width: 56rpx;
height: 56rpx;
background:rgba(255, 255, 255, 0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
z-index: 2;
.close_icon {
font-size: 36rpx;
color: #333333;
font-weight: bold;
line-height: 1;
}
}
}
}
components/qiandao/SignRuleDes.vue 0 → 100644
View file @ 2d074ba9
<template>
<view class="sign_rule_overlay" v-if="visible">
<view class="sign_rule_container" @click.stop>
<!-- 弹窗内容 -->
<view class="rule_content">
<text class="rule_title">任务规则</text>
<view class="rule_list">
<text class="rule_date">2025年4月1日签到规则升级</text>
<text class="rule_text">1. 当月连签2天后,单日签到奖励升至2分</text>
<text class="rule_text">2. 当周满签7天,额外再奖励5分</text>
<text class="rule_text">3. 断签也有机会补,邀请小伙伴帮你助力</text>
<text class="rule_text">4. 每月1号连签次数清零</text>
</view>
</view>
<!-- 关闭按钮 -->
<view class="close_button" @click="handleClose">
<text class="close_icon">×</text>
</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']);
// 关闭弹窗
const handleClose = () => {
emit('close');
};
</script>
<style lang="less" scoped>
@import '@/components/qiandao/SignRuleDes.less';
</style>
components/qiandao/SignedTips.less 0 → 100644
View file @ 2d074ba9
.signed_tips_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
.background_container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
&::after {
content: '';
position: absolute;
bottom: 42rpx;
right: 26rpx;
width: 136rpx;
height: 136rpx;
background: transparent;
border-radius: 20rpx;
box-shadow: 0 0 0 9999rpx rgba(0, 0, 0, 0.8);
mix-blend-mode: multiply;
}
}
.signed_tips_container {
display: flex;
flex-direction: column;
align-items: center;
height: 150rpx;
width: 100%;
z-index: 1;
position: absolute;
bottom: 1030rpx;
.tips_title {
width: 260rpx;
height: 68rpx;
margin-bottom: 20rpx;
}
.points_text {
font-size: 28rpx;
color: #D3A458;
font-weight: bold;
}
}
.signedbg_icon {
position: absolute;
bottom: 140rpx;
right: -70rpx;
width: 750rpx;
height: 880rpx;
z-index: 2;
}
}
components/qiandao/SignedTips.vue 0 → 100644
View file @ 2d074ba9
<template>
<view class="signed_tips_overlay" v-if="visible" @click="handleClose">
<!-- 背景容器，右下角镂空透明圆角矩形 -->
<view class="background_container"></view>
<view class="signed_tips_container">
<!-- <text class="tips_title">签到成功！</text> -->
<image class="tips_title" :src="$baseUrl + `integral/1023/signedTitle.png`" mode="aspectFit" />
<text class="points_text">获得{{ points }}积分</text>
</view>
<image class="signedbg_icon" :src="$baseUrl + `integral/1023/signedBgIcon.png`" mode="aspectFit" />
</view>
</template>
<script setup>
import { defineProps, defineEmits } from 'vue';
// Props 定义
const props = defineProps({
visible: {
type: Boolean,
default: false
},
points: {
type: Number,
default: 0
}
});
// Emits 定义
const emit = defineEmits(['close']);
// 关闭弹窗
const handleClose = () => {
emit('close');
};
</script>
<style lang="less" scoped>
@import '@/components/qiandao/SignedTips.less';
</style>
mock/bannerDataIntegral.json 0 → 100644
View file @ 2d074ba9
{
"success":true,
"msg": "irure",
"code": "ut elit",
"data": [
{
"resourcePositionType": "vip活动",
"resourcePositionName": "积分-vip活动-资源位名称",
"resourcePositionCode": "1",
"contentType": "1",
"contentConfig": "{\"link\":{\"type\":\"MINI_APP_THIRD\",\"value\":\"wx4205ec55b793245e\",\"label\":\"黄糯玉米\",\"url\":\"/subPackages/shopMainProcess/product/index?productId=543558664688883066&skuId=543560605494007100\",\"skuId\":\"\"},\"imageUrl\":\"https://course.feihe.com/momclub-picture/integral/1022/vipAct250910001.png\"}",
"resourcePositionGoods": null
},
{
"resourcePositionType": "vip活动",
"resourcePositionName": "积分-vip活动-资源位名称",
"resourcePositionCode": "2",
"contentType": "2",
"contentConfig": "{\"link\":{\"type\":\"MINI_APP_THIRD\",\"value\":\"wx4205ec55b793245e\",\"label\":\"黄糯玉米\",\"url\":\"/subPackages/shopMainProcess/lottery/index?utm_campaign=%E6%BA%AF%E6%BA%90%E6%8A%BD%E5%A5%96&_channel_track_key=ngSppZAj\",\"skuId\":\"\"},\"imageUrl\":\"https://course.feihe.com/momclub-picture/integral/1022/vipAct2.png\"}",
"resourcePositionGoods": null
}
]
}
\ No newline at end of file
mock/jifenGoodsData.json 0 → 100644
View file @ 2d074ba9
This diff is collapsed.
views/Integral.vue
View file @ 2d074ba9
This diff is collapsed.
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