|
|
@@ -0,0 +1,1102 @@
|
|
|
+<template>
|
|
|
+ <view style="background-color: #3b05bb; width: 100%; height: 100%;">
|
|
|
+
|
|
|
+ <!-- #ifdef MP-ALIPAY -->
|
|
|
+ <u-navbar title="拼团抽奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" leftIconSize="0" />
|
|
|
+ <!-- #endif -->
|
|
|
+ <!-- #ifndef MP-ALIPAY -->
|
|
|
+ <view v-if="pagesNum > 1">
|
|
|
+ <u-navbar title="拼团抽奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" />
|
|
|
+ </view>
|
|
|
+ <view v-else>
|
|
|
+ <u-navbar leftIconSize="0" :placeholder="true" bgColor="#fff" title="拼团抽奖">
|
|
|
+ <view class="nav-left flex" slot="left" @click="toActivity">
|
|
|
+ <u-icon name="arrow-left" size="20" color="#333"></u-icon>
|
|
|
+ </view>
|
|
|
+ </u-navbar>
|
|
|
+ </view>
|
|
|
+ <!-- #endif -->
|
|
|
+
|
|
|
+ <view class="wrap">
|
|
|
+ <!-- 参与人 -->
|
|
|
+ <!-- <view class="wrap-fakeNum">
|
|
|
+ <view class="fakeNum">{{info.fakeNum}}人已参与</view>
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+ <!-- 距离开奖时间 -->
|
|
|
+ <view class="wrap-date">
|
|
|
+ <view class="wrap-date-on">
|
|
|
+ <view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开奖
|
|
|
+ <view class="wrap-date-on-line" style="left: 30rpx;"></view>
|
|
|
+ </view>
|
|
|
+ <u-count-down :time="activityTime" format="DD:HH:mm:ss" autoStart millisecond @change="onChange">
|
|
|
+ <view class="wrap-date-date">
|
|
|
+ <text>3天12小时56分</text>
|
|
|
+ <!-- <text>{{timeData.days}}天</text>
|
|
|
+ <text>{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours }}:</text>
|
|
|
+ <text>{{ timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes }}:</text>
|
|
|
+ <text>{{ timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds }}</text> -->
|
|
|
+ </view>
|
|
|
+ </u-count-down>
|
|
|
+ </view>
|
|
|
+ <!-- <view v-if="info.status && JSON.parse(info.status).value == 3" class="wrap-date">
|
|
|
+ <view class="wrap-date-on">
|
|
|
+ <view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开奖
|
|
|
+ <view class="wrap-date-on-line" style="left: 30rpx;"></view>
|
|
|
+ </view>
|
|
|
+ <u-count-down :time="activityTime" format="DD:HH:mm:ss" autoStart millisecond @change="onChange">
|
|
|
+ <view class="wrap-date-date">
|
|
|
+ <text>{{timeData.days}}天</text>
|
|
|
+ <text>{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours }}:</text>
|
|
|
+ <text>{{ timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes }}:</text>
|
|
|
+ <text>{{ timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds }}</text>
|
|
|
+ </view>
|
|
|
+ </u-count-down>
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+ <!-- 距离开始时间 -->
|
|
|
+ <view v-if="info.status && JSON.parse(info.status).value == 2" class="wrap-date">
|
|
|
+ <view class="wrap-date-on">
|
|
|
+ <view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开始
|
|
|
+ <view class="wrap-date-on-line" style="left: 30rpx;"></view>
|
|
|
+ </view>
|
|
|
+ <u-count-down :time="activityTimeTwo" format="DD:HH:mm:ss" autoStart millisecond @change="onChange">
|
|
|
+ <view class="wrap-date-date">
|
|
|
+ <text>{{timeData.days}}天</text>
|
|
|
+ <text>{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours }}:</text>
|
|
|
+ <text>{{ timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes }}:</text>
|
|
|
+ <text>{{ timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds }}</text>
|
|
|
+ </view>
|
|
|
+ </u-count-down>
|
|
|
+ </view>
|
|
|
+ <!-- 拼团的一些内容 -->
|
|
|
+ <view class="group-person-warp group-msg-warp wrap-description">
|
|
|
+ <view class="group-person-title">轩妈蛋黄酥40g*4枚2袋装随心装</view>
|
|
|
+ <view class="group-msg">
|
|
|
+ <view class="lottery-price"><text>¥</text>0.01</view>
|
|
|
+ <view class="lottery-person">已拼430人</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 参与拼团人员列表 -->
|
|
|
+ <view class="group-person-warp wrap-description"><!-- <text>查看更多</text> -->
|
|
|
+ <view class="group-person-title">这些人已拼，参与可立即拼成</view>
|
|
|
+ <view class="group-person-list">
|
|
|
+ <view class="group-person-item">
|
|
|
+ <view class="group-person-item-inner">
|
|
|
+ <view class="left">
|
|
|
+ <image class="group-person-img" src="https://mp-public-test-1309783959.cos.ap-shanghai.myqcloud.com/474/EU6X9G2QN0YQWF2Q0OM9?imageView2/2/w/170" mode=""></image>
|
|
|
+ <view class="group-person-name">水晶球</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="group-person-text">
|
|
|
+ 还差3人拼成
|
|
|
+ </view>
|
|
|
+ <button>去加入</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="group-person-item">
|
|
|
+ <view class="group-person-item-inner">
|
|
|
+ <view class="left">
|
|
|
+ <image class="group-person-img" src="https://mp-public-test-1309783959.cos.ap-shanghai.myqcloud.com/474/EU6X9G2QN0YQWF2Q0OM9?imageView2/2/w/170" mode=""></image>
|
|
|
+ <view class="group-person-name">水晶球</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="group-person-text">
|
|
|
+ 还差3人拼成
|
|
|
+ </view>
|
|
|
+ <button>去加入</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="group-person-item">
|
|
|
+ <view class="group-person-item-inner">
|
|
|
+ <view class="left">
|
|
|
+ <image class="group-person-img" src="https://mp-public-test-1309783959.cos.ap-shanghai.myqcloud.com/474/EU6X9G2QN0YQWF2Q0OM9?imageView2/2/w/170" mode=""></image>
|
|
|
+ <view class="group-person-name">水晶球</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="group-person-text">
|
|
|
+ 还差3人拼成
|
|
|
+ </view>
|
|
|
+ <button>去加入</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="group-person-item">
|
|
|
+ <view class="group-person-item-inner">
|
|
|
+ <view class="left">
|
|
|
+ <image class="group-person-img" src="https://mp-public-test-1309783959.cos.ap-shanghai.myqcloud.com/474/EU6X9G2QN0YQWF2Q0OM9?imageView2/2/w/170" mode=""></image>
|
|
|
+ <view class="group-person-name">水晶球</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="group-person-text">
|
|
|
+ 还差3人拼成
|
|
|
+ </view>
|
|
|
+ <button>去加入</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="group-person-item">
|
|
|
+ <view class="group-person-item-inner">
|
|
|
+ <view class="left">
|
|
|
+ <image class="group-person-img" src="https://mp-public-test-1309783959.cos.ap-shanghai.myqcloud.com/474/EU6X9G2QN0YQWF2Q0OM9?imageView2/2/w/170" mode=""></image>
|
|
|
+ <view class="group-person-name">水晶球</view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="group-person-text">
|
|
|
+ 还差3人拼成
|
|
|
+ </view>
|
|
|
+ <button>去加入</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 一等奖 -->
|
|
|
+ <view v-for="(item,index) in awardsList" :key="item.id">
|
|
|
+ <view class="wrap-fixed" v-for="(itemTwo,index1) in item.prizeList" :key="index1"
|
|
|
+ v-if="item.name == '一等奖'">
|
|
|
+ <view class="wrap-fixed-effectstwo">
|
|
|
+ <view class="effectsthree">
|
|
|
+ <navigator @click="couponStorage(itemTwo)"
|
|
|
+ :url="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'goods' ? `/packagePrize/goods/detail?id=${ itemTwo.refId }`:JSON.parse(itemTwo.prizeType).value == 'coin' ?`/packagePrize/goods/detail?id=424`:`/packagePrize/goods/detail?id=425`"
|
|
|
+ hover-class="none">
|
|
|
+ <view class="effectsthree-width">
|
|
|
+ <image src="../static/activity/effectsthree.png" mode="scaleToFill"></image>
|
|
|
+ <view class="effectsthree-width-name">
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="effectsthree-position">{{item.quantity}}个名额 </view>
|
|
|
+ <view class="effectsthree-positionTwo">
|
|
|
+ <view>
|
|
|
+ <image :src="itemTwo.picUrl" mode="aspectFit"></image>
|
|
|
+ </view>
|
|
|
+ <view class="effectstwo1"></view>
|
|
|
+ <view class="textone ells-one"
|
|
|
+ v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
|
|
|
+ {{itemTwo.title}}x{{itemTwo.value}}
|
|
|
+ </view>
|
|
|
+ <view class="textone ells-one" v-else> {{itemTwo.title}} </view>
|
|
|
+ <view class="texttwo ells-one"
|
|
|
+ v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
|
|
|
+ ￥{{$numberFormat(itemTwo.value)}} </view>
|
|
|
+ </view>
|
|
|
+ </navigator>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 非一等奖 -->
|
|
|
+ <view v-for="(item,index) in awardsList" :key="index">
|
|
|
+ <view v-if="item.name != '一等奖'">
|
|
|
+ <view class="wrap-award">
|
|
|
+ <view class="effectsthree">
|
|
|
+ <view class="effectsthree-width">
|
|
|
+ <image src="../static/activity/effectsthree.png" mode="scaleToFill"></image>
|
|
|
+ <view class="effectsthree-width-name">
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="effectsthree-position">{{item.quantity}}个名额 </view>
|
|
|
+ <view style="padding-top: 120rpx;"></view>
|
|
|
+ <view class="effectsthree-positionTwo" v-for="(itemTwo,index1) in item.prizeList"
|
|
|
+ :key="index1">
|
|
|
+ <navigator @click="couponStorage(itemTwo)"
|
|
|
+ :url="JSON.parse(itemTwo.prizeType).value == 'goods' ? `/packagePrize/goods/detail?id=${ itemTwo.refId }`:JSON.parse(itemTwo.prizeType).value == 'coin' ?`/packagePrize/goods/detail?id=424`:`/packagePrize/goods/detail?id=425`"
|
|
|
+ hover-class="none">
|
|
|
+ <view class="flex justify">
|
|
|
+ <view>
|
|
|
+ <image :src="itemTwo.picUrl" mode="aspectFit" class="imatwo"></image>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <view class="textone ells-one"
|
|
|
+ v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
|
|
|
+ {{itemTwo.title}}x{{itemTwo.value}}
|
|
|
+ </view>
|
|
|
+ <view class="textone ells-one" v-else> {{itemTwo.title}}</view>
|
|
|
+ <view class="texttwo ells-one"
|
|
|
+ v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
|
|
|
+ ￥{{$numberFormat(itemTwo.value)}} </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </navigator>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="item.prizeList && item.prizeList.length > 1 " class="wrap-award-explain">以上奖品随机获得一件</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 我的抽奖码 -->
|
|
|
+
|
|
|
+ <!-- 抽奖码 -->
|
|
|
+ <view class="wrap-description">
|
|
|
+ <view class="wrap-description-code"> 我的抽奖码</view>
|
|
|
+ <view v-if="info.codeList && info.codeList.length > 0" class="wrap-description-codetwo">
|
|
|
+ <view class="codeList" v-for="(item,index) in info.codeList" :key="index">
|
|
|
+ <view class="codeList-bottom">{{item}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-else class="wrap-description-codethree">
|
|
|
+ <view class="codethree">
|
|
|
+ <image src="../static/activity/off.png" mode="scaleToFill" class="codeimg"></image>
|
|
|
+ </view>
|
|
|
+ <text class="codesix">还没有抽奖码</text>
|
|
|
+ </view>
|
|
|
+ <view class="wrap-description-codesix" v-if="info.codeList && info.codeList.length > 0">再获取1个抽奖码可超过当前
|
|
|
+ <view class="view">{{ (info.codeList.length + 4)*5 > 80 ? 80 : (info.codeList.length + 4)*5}}%
|
|
|
+ </view>的人
|
|
|
+ </view>
|
|
|
+ <view class="wrap-description-codesixtwo">每邀请一位好友助力成功，即可获得1个抽奖码</view>
|
|
|
+ <view class="wrap-description-codesixtwo">抽奖码越多中奖概率越大</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 关注公众号 -->
|
|
|
+ <!-- #ifdef MP-WEIXIN -->
|
|
|
+ <view class="wrap-account" @click="toWeixin">
|
|
|
+ <view class="wrap-account-view">
|
|
|
+ <image src="https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/static/logo.png" mode=""></image>
|
|
|
+ <text>关注码上快购公众号，获取中奖提醒</text>
|
|
|
+ <view>去关注</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- #endif -->
|
|
|
+
|
|
|
+ <!-- 图文介绍 -->
|
|
|
+ <view v-if="description" class="wrap-descriptiontwo">
|
|
|
+ <view style="padding: 36rpx 24rpx 36rpx;">图文介绍</view>
|
|
|
+ <u-parse :content="description" :selectable="true"></u-parse>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- #ifdef MP-WEIXIN -->
|
|
|
+ <view class="footer-fixed">
|
|
|
+ <view class="flex btn">
|
|
|
+ <!-- <button type="default" @click="exChange" style="background-color: #673AB7;"
|
|
|
+ open-type="share">分享给好友，参与拼团</button> -->
|
|
|
+ <button type="default"
|
|
|
+ @click="exChangeCode"><text>¥0.01</text>发起拼团</button>
|
|
|
+ <!-- <button type="default" @click="exChange" open-type="share">分享给好友，提升中奖概率</button> -->
|
|
|
+ <!--<u-count-down v-else :time="activityTimeTwo" format="DD:HH:mm:ss" autoStart millisecond
|
|
|
+ @change="onChange">
|
|
|
+ <button class="buttoncol" type="default">
|
|
|
+ 开始倒计时：{{timeData.days}} 天{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours}} :{{timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes}} :{{timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds}}
|
|
|
+ </button>
|
|
|
+ </u-count-down> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- #endif -->
|
|
|
+ <!-- #ifdef H5 -->
|
|
|
+ <view class="footer-fixed">
|
|
|
+ <view class="flex btn">
|
|
|
+ <button type="default"
|
|
|
+ @click="exChangeCodeH5"><text>¥0.01</text> 发起拼团</button>
|
|
|
+ <button type="default" @click="toWeChatProgram" class="buttoncol" v-else>请在微信“码上快购”小程序分享助力</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- #endif -->
|
|
|
+
|
|
|
+ <!-- <u-popup :show="popupShow" mode="bottom" @close="close" closeable>
|
|
|
+ <view class="popupcode">获取抽奖码</view>
|
|
|
+ <view class="popupcodetwo">
|
|
|
+ <view class="popupcodetwo-view">邀请好友助力，获取抽奖码</view>
|
|
|
+ <text class="popupcodetwo-text">每邀请一位好友助力成功，即可获得1个抽奖码，没有上限</text>
|
|
|
+ </view>
|
|
|
+ <view class="popupcodethree" style="">
|
|
|
+ <button type="default" class="popupcodethree-default" open-type="share">立即邀请好友助力</button>
|
|
|
+ </view>
|
|
|
+ </u-popup> -->
|
|
|
+
|
|
|
+ <!-- <u-popup v-if="info.status && JSON.parse(info.status).value == 4" mode="bottom" @close="close" closeable> -->
|
|
|
+
|
|
|
+ <!-- 助力邀请弹框组件 -->
|
|
|
+ <activity-help :activity-show="activityShow" :inviteCode="inviteCodeTa" :marketingId="marketingId"
|
|
|
+ @close="close" @exChange='exChange' @success="toActivity"
|
|
|
+ v-if="activityShow && info.status && JSON.parse(info.status).value == 3" />
|
|
|
+ <!-- 活动结束弹框 -->
|
|
|
+ <u-popup v-if="info.status && JSON.parse(info.status).value == 4 || info.isOn == -1" show="true" mode="center" bgColor='transparent'
|
|
|
+ @close="close" round="11">
|
|
|
+ <view style="text-align: center;width: 600rpx; height: 500rpx;background-color: #fff;">
|
|
|
+ <view style="color: #666;margin-top: 110rpx;font-size: 40rpx;">来晚了，活动已结束</view>
|
|
|
+ <view style="color: #666;margin-top: 50rpx;font-size: 36rpx;">点击前往查看新的免费抽奖活动</view>
|
|
|
+ <button @click="toActivity" type="default"
|
|
|
+ style="background-color: #A26BFF;color: #fff; width: 300rpx;margin-top: 70rpx;">确定</button>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import env from '../../config/env.js'
|
|
|
+ import $http from '@/utils/request.js'
|
|
|
+ import log from '@/common/log.js'
|
|
|
+ import appId from '@/config/appId.js'
|
|
|
+ import ActivityHelp from '../components/activity-help/activity-help.vue'
|
|
|
+ import {
|
|
|
+ formatRichText
|
|
|
+ } from '@/utils/util.js'
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ ActivityHelp
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ popupShow: false,
|
|
|
+ id: '',
|
|
|
+ description: '', //富文本
|
|
|
+ info: {}, //列表
|
|
|
+ timeData: {}, //时间
|
|
|
+ awardsList: [], //奖品
|
|
|
+ inviteCode: '', //邀请码
|
|
|
+ activityTime: 0,
|
|
|
+ activityTimeTwo: 0,
|
|
|
+ activityShow: false, //助力邀请弹框
|
|
|
+ inviteCodeTa: '', //邀请码
|
|
|
+ marketingId: '', //活动id
|
|
|
+ userInfo: '', //uid
|
|
|
+ pagesNum: '',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(opthios) {
|
|
|
+ if (opthios.id) {
|
|
|
+ this.id = opthios.id
|
|
|
+ }
|
|
|
+ if (opthios.userId) {
|
|
|
+ uni.setStorageSync('shareUid', opthios.userId != 'undefined' ? opthios.userId : null)
|
|
|
+ if (opthios.userId === undefined || opthios.userId === 'undefined') {
|
|
|
+ uni.getSystemInfo({
|
|
|
+ success(res) {
|
|
|
+ log.error(
|
|
|
+ `基础库：${ res.SDKVersion },设备：${ res.model }-${ res.system },页面：/packageOperate/activity/index.vue.`
|
|
|
+ )
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (opthios.type) {
|
|
|
+ uni.setStorageSync('shareType', opthios.type)
|
|
|
+ }
|
|
|
+ /**
|
|
|
+ * 免费活动邀请助力分享跳转接收参数
|
|
|
+ * inviteCodeTa: 邀请码
|
|
|
+ * marketingId: 活动id
|
|
|
+ * */
|
|
|
+ if (opthios.inviteCode && opthios.marketingId) {
|
|
|
+ this.inviteCodeTa = opthios.inviteCode
|
|
|
+ this.marketingId = opthios.marketingId
|
|
|
+ this.id = opthios.marketingId
|
|
|
+ this.activityShow = true
|
|
|
+ }
|
|
|
+ // this.getDetail()
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.pagesNum = getCurrentPages().length
|
|
|
+ this.getBaseInfo()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ toActivity() {
|
|
|
+ uni.reLaunch({
|
|
|
+ url: `/pages/activity/index`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getDetail() {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '加载中'
|
|
|
+ });
|
|
|
+ $http.post(`/api/v1/mp/user/marketing/detail/${this.id}`, {}).then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.info = res.data
|
|
|
+ let awardsList = res.data.awardsList
|
|
|
+ awardsList.forEach(item => {
|
|
|
+ item.prizeList.forEach(itemTwo => {
|
|
|
+ itemTwo.picUrl = (env.filePublic + itemTwo.picUrl.split(',')[0] +
|
|
|
+ '?imageView2/2/w/750')
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.awardsList = awardsList
|
|
|
+ // 处理富文本
|
|
|
+ // #ifndef MP-ALIPAY
|
|
|
+ const description = res.data.description.replaceAll(".jpg\"", ".jpg?imageView2/2/w/750\"")
|
|
|
+ .replaceAll(".jpeg\"", ".jpeg?imageView2/2/w/750\"").replaceAll(".png\"",
|
|
|
+ ".png?imageView2/2/w/750\"");
|
|
|
+ this.description = formatRichText(description);
|
|
|
+ // #endif
|
|
|
+
|
|
|
+ // #ifdef MP-ALIPAY
|
|
|
+ res.data.description.split(".jpg\"").join(".jpg?imageView2/2/w/750\"")
|
|
|
+ res.data.description.split(".jpeg\"").join(".jpeg?imageView2/2/w/750\"")
|
|
|
+ res.data.description.split(".png\"").join(".png?imageView2/2/w/750\"")
|
|
|
+ this.description = formatRichText(res.data.description);
|
|
|
+ // #endif
|
|
|
+
|
|
|
+ let timestamp = parseInt(new Date().getTime())
|
|
|
+ this.activityTime = this.info.endTime - timestamp
|
|
|
+ this.activityTimeTwo = this.info.startTime - timestamp
|
|
|
+ }
|
|
|
+ }).catch(() => {
|
|
|
+ uni.hideLoading();
|
|
|
+ })
|
|
|
+ $http.post('/api/v1/mp/user/marketing/inviteCode', {}).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.inviteCode = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onChange(e) {
|
|
|
+ this.timeData = e
|
|
|
+ },
|
|
|
+ exChange() {
|
|
|
+ //弹出层打开
|
|
|
+ // this.popupShow = true
|
|
|
+ if (appId == 1) {
|
|
|
+ //微信盲票小程序
|
|
|
+ uni.requestSubscribeMessage({
|
|
|
+ tmplIds: ['92xxL8XTRPLROyNUtmN04OT0kyq4iwSCH3sz-j6zbZs',
|
|
|
+ 'FGcPOV1j9ApESr3VUlWjFr6E1vF4X_h0LLN82T2CLL0',
|
|
|
+ '3y_My-yRmqmGd3-f-vAwNaK4LQeehzXBSNDi_5wcnFI',
|
|
|
+ ],
|
|
|
+ success(res) {}
|
|
|
+ })
|
|
|
+ }else if (appId == 2) {
|
|
|
+ //微信码上快购小程序
|
|
|
+ uni.requestSubscribeMessage({
|
|
|
+ tmplIds: ['b2mMyGHeNQ03D3CZl3iUkDxY0F94ytRAUWgoCKq2Nik',
|
|
|
+ 'bEdEYrjbE6r0647j8o9bgWqSrIqcRJLmaiqqxYkg1-Y',
|
|
|
+ ],
|
|
|
+ success(res) {}
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ //立即参与抽奖
|
|
|
+ exChangeCode() {
|
|
|
+ $http.post(`/api/v1/mp/user/marketing/generateCode/${this.id}`, {}).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.getDetail()
|
|
|
+ setTimeout(() => {
|
|
|
+ uni.$u.toast('参与成功,您已获得1个抽奖码');
|
|
|
+ }, 500)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.exChange()
|
|
|
+ },
|
|
|
+ exChangeCodeH5() {
|
|
|
+ $http.post(`/api/v1/mp/user/marketing/generateCode/${this.id}`, {}).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.getDetail()
|
|
|
+ setTimeout(() => {
|
|
|
+ uni.$u.toast('参与成功,您已获得1个抽奖码');
|
|
|
+ }, 500)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ close() {
|
|
|
+ //弹出层收起
|
|
|
+ // this.popupShow = false
|
|
|
+ // 关闭支付弹框
|
|
|
+ this.activityShow = false
|
|
|
+ this.getDetail()
|
|
|
+ },
|
|
|
+
|
|
|
+ //公众号
|
|
|
+ toWeixin() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/packageOperate/activity/wxofficial`
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ //跳转微信小程序
|
|
|
+ toWeChatProgram() {
|
|
|
+ // location.href = 'weixin://dl/business/?t=xxxxxx'
|
|
|
+ },
|
|
|
+ couponStorage(item) {
|
|
|
+ if (item.prizeType && JSON.parse(item.prizeType).value === 'coupon' || JSON.parse(item.prizeType).value === 'coupon_pkg') {
|
|
|
+ if (item.couponDetail) {
|
|
|
+ uni.setStorageSync('couponDetail', item.couponDetail);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ getBaseInfo() {
|
|
|
+ $http.post('/api/v1/mp/user/getLoginUserinfo', {
|
|
|
+ appSource: appId
|
|
|
+ }).then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.userInfo = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onShareAppMessage(res) {
|
|
|
+ return {
|
|
|
+ title: '超值宝贝免费抽，参与活动仅需3秒',
|
|
|
+ path: `/packageOperate/activity/index?marketingId=${ this.info.id }&inviteCode=${ this.inviteCode }&userId=${ this.userInfo.userId?this.userInfo.userId:null }&type=1`,
|
|
|
+ imageUrl: 'https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/v2/free_draw_bkg.jpeg',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //分享朋友圈
|
|
|
+ onShareTimeline() {
|
|
|
+ return {
|
|
|
+ title: '超值宝贝免费抽，参与活动仅需3秒',
|
|
|
+ imageUrl: 'https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/v2/free_draw_bkg.jpeg',
|
|
|
+ query: `marketingId=${ this.info.id }&inviteCode=${ this.inviteCode }&userId=${ this.userInfo.userId?this.userInfo.userId:null }&type=1`
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .popupcode {
|
|
|
+ height: 98rpx;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #F8832C;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 98rpx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 32rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popupcodetwo {
|
|
|
+ padding: 30rpx 20rpx;
|
|
|
+
|
|
|
+ &-view {
|
|
|
+ color: #101010;
|
|
|
+ line-height: 50rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-text {
|
|
|
+ color: #8c8c8c;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .popupcodethree {
|
|
|
+ padding: 0rpx 20rpx 50rpx;
|
|
|
+
|
|
|
+ &-default {
|
|
|
+ background-color: #FCE9DB;
|
|
|
+ color: #fff;
|
|
|
+ border: 2rpx solid #F8832C;
|
|
|
+ color: #F9832C;
|
|
|
+ border-radius: 22rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .wrap {
|
|
|
+ // 设置ios刘海屏底部横线安全区域
|
|
|
+ // padding-bottom: constant(safe-area-inset-bottom);
|
|
|
+ // padding-bottom: env(safe-area-inset-bottom);
|
|
|
+ padding-bottom: 250rpx;
|
|
|
+ background: url(https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/static/activityBackGround.png) no-repeat 100% 0%;
|
|
|
+ background-size: 100%;
|
|
|
+
|
|
|
+ &-fakeNum {
|
|
|
+ padding: 88rpx 0 20rpx 0;
|
|
|
+ text-align: center;
|
|
|
+ .fakeNum {
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 58rpx;
|
|
|
+ text-align: center;
|
|
|
+ width: 208rpx;
|
|
|
+ height: 58rpx;
|
|
|
+ background: linear-gradient(180deg, #FBB8B8 0%, #8E51F7 100%);
|
|
|
+ border-radius: 2rpx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-date {
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ font-family: YouSheBiaoTiHei;
|
|
|
+ color: #FFFFFF;
|
|
|
+ margin-bottom: 70rpx;
|
|
|
+ padding-top: 50rpx;
|
|
|
+ &-on {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 76rpx;
|
|
|
+
|
|
|
+ &-line {
|
|
|
+ display: inline-block;
|
|
|
+ width: 68rpx;
|
|
|
+ height: 2rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: #fff;
|
|
|
+ position: relative;
|
|
|
+ bottom: 25rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-date {
|
|
|
+ font-size: 52rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-fixed {
|
|
|
+ height: 630rpx;
|
|
|
+ margin: 46rpx 30rpx;
|
|
|
+
|
|
|
+ &-effectstwo {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+
|
|
|
+ .effectsthree {
|
|
|
+ position: relative;
|
|
|
+ height: 400rpx;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 10;
|
|
|
+
|
|
|
+ &-width {
|
|
|
+ position: absolute;
|
|
|
+ width: 175rpx;
|
|
|
+ height: 175rpx;
|
|
|
+ margin: 0;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-name {
|
|
|
+ position: relative;
|
|
|
+ left: 2rpx;
|
|
|
+ top: -162rpx;
|
|
|
+ transform: rotateZ(-45deg);
|
|
|
+ font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-position {
|
|
|
+ position: absolute;
|
|
|
+ width: 148rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ // background-image: linear-gradient(to right, #FAE08A, #FFC45A);
|
|
|
+ border-radius: 2rpx;
|
|
|
+ border: 2rpx solid $uni-text-color;
|
|
|
+ background-color: #fff;
|
|
|
+ line-height: 48rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: $uni-text-color;
|
|
|
+ font-size: 24rpx;
|
|
|
+ top: 42rpx;
|
|
|
+ right: 42rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-positionTwo {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ .effectstwo1 {
|
|
|
+ margin-top: 292rpx;
|
|
|
+ display: inline-block;
|
|
|
+ width: 420rpx;
|
|
|
+ height: 182rpx;
|
|
|
+ background: url(https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/static/activityPrizeplatform.png) no-repeat 100% center;
|
|
|
+ background-size: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ image {
|
|
|
+ position: absolute;
|
|
|
+ left: 28%;
|
|
|
+ top: 116rpx;
|
|
|
+ width: 310rpx;
|
|
|
+ height: 246rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .textone {
|
|
|
+ width: 70%;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 32rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .texttwo {
|
|
|
+ color: $uni-text-color;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ font-size: 38rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 42rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-award {
|
|
|
+ padding-bottom: 50rpx;
|
|
|
+ // height: 2230rpx;
|
|
|
+ margin: 46rpx 30rpx;
|
|
|
+ background-color: #fff;
|
|
|
+
|
|
|
+ .effectsthree {
|
|
|
+ position: relative;
|
|
|
+ // height: 400rpx;
|
|
|
+ // width: 100%;
|
|
|
+ // z-index: 10;
|
|
|
+
|
|
|
+ &-width {
|
|
|
+ position: absolute;
|
|
|
+ width: 175rpx;
|
|
|
+ height: 175rpx;
|
|
|
+ margin: 0;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-name {
|
|
|
+ position: relative;
|
|
|
+ left: 2rpx;
|
|
|
+ top: -162rpx;
|
|
|
+ transform: rotateZ(-45deg);
|
|
|
+ font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-position {
|
|
|
+ position: absolute;
|
|
|
+ width: 148rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ // background-image: linear-gradient(to right, #FAE08A, #FFC45A);
|
|
|
+ border-radius: 2rpx;
|
|
|
+ border: 2rpx solid $uni-text-color;
|
|
|
+ background-color: #fff;
|
|
|
+ line-height: 48rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: $uni-text-color;
|
|
|
+ font-size: 24rpx;
|
|
|
+ top: 42rpx;
|
|
|
+ right: 42rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-positionTwo {
|
|
|
+ padding: 34rpx 0;
|
|
|
+ margin: 0 62rpx;
|
|
|
+ justify-content: flex-start;
|
|
|
+ border-bottom: 2rpx solid rgba(51,51,51,0.12);
|
|
|
+
|
|
|
+ .justify {
|
|
|
+ justify-content: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imatwo {
|
|
|
+ width: 150rpx;
|
|
|
+ height: 150rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .textone {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ line-height: 75rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .texttwo {
|
|
|
+ margin-left: 20rpx;
|
|
|
+ color: $uni-text-color;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 28rpx;
|
|
|
+ line-height: 75rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgone {
|
|
|
+ width: 449rpx;
|
|
|
+ height: 280rpx;
|
|
|
+ position: relative;
|
|
|
+ bottom: 80rpx;
|
|
|
+ margin-left: 0%;
|
|
|
+ z-index: 0;
|
|
|
+
|
|
|
+ // width: 45%;
|
|
|
+ // height: 45%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &-positionTwo:last-child {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-explain {
|
|
|
+ margin-top: 30rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-description {
|
|
|
+ min-height: 200rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ margin: 46rpx 30rpx;
|
|
|
+ border-radius: 2rpx;
|
|
|
+ padding-bottom: 40rpx;
|
|
|
+
|
|
|
+ &-code {
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333;
|
|
|
+ font-weight: 500;
|
|
|
+ padding: 36rpx 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-codetwo {
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+
|
|
|
+ .codeList {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+
|
|
|
+ &-bottom {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 460rpx;
|
|
|
+ height: 68rpx;
|
|
|
+ background-color: $uni-text-color;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 68rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-codethree {
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ .codethree {
|
|
|
+ margin-left: 80rpx;
|
|
|
+
|
|
|
+ .codeimg {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .codesix {
|
|
|
+ line-height: 1rpx;
|
|
|
+ color: $uni-text-color;
|
|
|
+ font-size: 30rpx;
|
|
|
+ display: inline-block;
|
|
|
+ margin-bottom: 80rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-codesix {
|
|
|
+ padding: 10rpx 0;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 60rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #666666;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+
|
|
|
+ .view {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: $uni-text-color;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-codesixtwo {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 600rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #333;
|
|
|
+ line-height: 40rpx;
|
|
|
+ // padding-bottom: 40rpx;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-descriptiontwo {
|
|
|
+ margin: 30rpx;
|
|
|
+ border-radius: 2rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-account {
|
|
|
+ height: 100rpx;
|
|
|
+ border-radius: 2rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ margin: 30rpx 30rpx 0 30rpx;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ &-view {
|
|
|
+ padding: 0 10rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ vertical-align: -48%;
|
|
|
+ }
|
|
|
+
|
|
|
+ text {
|
|
|
+ line-height: 100rpx;
|
|
|
+ margin: 20rpx 15rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ view {
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ display: inline-block;
|
|
|
+ height: 46rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ width: 110rpx;
|
|
|
+ color: $uni-text-color;
|
|
|
+ background-color: #fff;
|
|
|
+ border: 2rpx solid $uni-btn-color;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .data-btn {
|
|
|
+ float: left;
|
|
|
+
|
|
|
+ text {
|
|
|
+ display: inline-block;
|
|
|
+ width: 60rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer-fixed {
|
|
|
+ position: fixed;
|
|
|
+ bottom: var(--window-bottom);
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 11;
|
|
|
+ box-shadow: 0 -4rpx 40rpx 0 rgba(151, 151, 151, 0.24);
|
|
|
+ background: #fff;
|
|
|
+ // 设置ios刘海屏底部横线安全区域
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom);
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ padding: 20rpx 0;
|
|
|
+ padding-top: 5rpx;
|
|
|
+ ::v-deep button {
|
|
|
+ width: 640rpx;
|
|
|
+ height: 78rpx;
|
|
|
+ line-height: 78rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #fff;
|
|
|
+ // background-color: $uni-btn-color;
|
|
|
+ background-color:#e91e63;
|
|
|
+ border: none;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .buttoncol {
|
|
|
+ background-color: #555;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .group-person-warp{
|
|
|
+ background: #fff;
|
|
|
+ padding: 20rpx;
|
|
|
+ .group-person-title{
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333;
|
|
|
+ font-weight: 500;
|
|
|
+ /* padding: 36rpx 24rpx; */
|
|
|
+ padding-bottom: 15rpx;
|
|
|
+ margin-bottom: 15rpx;
|
|
|
+ border-bottom: 1rpx solid #f7f7f7;
|
|
|
+ text{
|
|
|
+ font-size: 27rpx;
|
|
|
+ color: #9c9999;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .group-person-list{
|
|
|
+ max-height: 300rpx;
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
+ .group-person-item{
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
+ .group-person-item-inner{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ .group-person-img{
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ border-radius: 100%;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+ .left{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .right{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .group-person-text{
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ button{
|
|
|
+ width: 152rpx;
|
|
|
+ height: 58rpx;
|
|
|
+ line-height: 58rpx;
|
|
|
+ background-color: #8E51F7;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 28rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .group-msg{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ .lottery-price{
|
|
|
+ color: red;
|
|
|
+ font-size: 40rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .group-msg-warp{
|
|
|
+ padding-bottom: 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+ min-height: 170rpx;
|
|
|
+ }
|
|
|
+ // view class="group-person-item-inner">
|
|
|
+ // <image class="group-person-img" src="https://mp-public-test-1309783959.cos.ap-shanghai.myqcloud.com/474/EU6X9G2QN0YQWF2Q0OM9?imageView2/2/w/170" mode=""></image>
|
|
|
+ // <view class="group-person-name">水晶球</view>
|
|
|
+ // <view class="group-person-text">
|
|
|
+</style>
|
m
