You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
251 lines
6.8 KiB
251 lines
6.8 KiB
<template>
|
|
<view class="myPrize" :style="{backgroundColor: bgcAndbgimg.color}">
|
|
<view class="load">
|
|
|
|
</view>
|
|
<view class="content">
|
|
<view class="title">
|
|
<image :src="bgcAndbgimg.image || imgfixUrls + '/cjfxbj.jpg'" @click="goUrl()" class="tilteimg" mode=""></image>
|
|
</view>
|
|
<view class="prizeList">
|
|
<view class="prize-item dis-flex">
|
|
<view style="flex: 0.15;">
|
|
<image :src="imgfixUrls + '/wxhaoyou.png'" style="height: 70upx;width: 70upx;margin-top: 10upx;" mode=""></image>
|
|
</view>
|
|
<view style="flex: 0.8;">
|
|
<view class="f-32" style="color: #343434;margin-bottom: 10upx;">
|
|
分享微信好友/群/朋友圈获取
|
|
</view>
|
|
<view class="f-24" style="color: #9A9A9A;">
|
|
<text style="padding-right: 10upx;">每一个好友点击后获得<text>{{TextSubstitution.credittext}}</text></text>
|
|
</view>
|
|
</view>
|
|
<view class="col-f f-24 t-c" style="flex: 0.25;position: relative;">
|
|
|
|
<view class="btnred" @click="goshare">
|
|
去分享
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
<!-- <view class="prize-item dis-flex">
|
|
<view style="flex: 0.15;">
|
|
<image src="../../../static/images/pengyouquan.png" style="height: 70upx;width: 70upx;margin-top: 10upx;" mode=""></image>
|
|
</view>
|
|
<view style="flex: 0.6;">
|
|
<view class="f-32" style="color: #343434;margin-bottom: 10upx;">
|
|
分享朋友圈获得
|
|
</view>
|
|
<view class="f-24" style="color: #9A9A9A;">
|
|
<text style="padding-right: 10upx;">每一个好友点击后获得{{TextSubstitution.credittext}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="col-f f-24 t-c" style="flex: 0.25;position: relative;">
|
|
<view class="btnred">
|
|
去分享
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
<view class="prize-item dis-flex">
|
|
<view style="flex: 0.15;">
|
|
<image :src="imgfixUrls + '/qiandao.png'" style="height: 70upx;width: 70upx;margin-top: 10upx;" mode=""></image>
|
|
</view>
|
|
<view style="flex: 0.6;">
|
|
<view class="f-32" style="color: #343434;margin-bottom: 10upx;">
|
|
每日签到获得
|
|
</view>
|
|
<view class="f-24" style="color: #9A9A9A;">
|
|
<text style="padding-right: 10upx;">参与{{TextSubstitution.credittext}}签到获得{{TextSubstitution.credittext}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="col-f f-24 t-c" style="flex: 0.25;position: relative;">
|
|
<view class="btnred" @click="gosign()">
|
|
去签到
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="prize-item dis-flex">
|
|
<view style="flex: 0.15;">
|
|
<image src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3269968356,3620643396&fm=26&gp=0.jpg" style="height: 70upx;width: 70upx;margin-top: 10upx;" mode=""></image>
|
|
</view>
|
|
<view style="flex: 0.6;">
|
|
<view class="f-32" style="color: #343434;margin-bottom: 10upx;">
|
|
参与某某活动获得
|
|
</view>
|
|
<view class="f-24" style="color: #9A9A9A;">
|
|
<text style="padding-right: 10upx;">参与专题活动获得{{TextSubstitution.credittext}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="col-f f-24 t-c" style="flex: 0.25;position: relative;">
|
|
<view class="btnred">
|
|
去参与
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
<view class="prize-item dis-flex">
|
|
<view style="flex: 0.15;">
|
|
<image :src="imgfixUrls + 'gouwudai.png'" style="height: 70upx;width: 70upx;margin-top: 10upx;" mode=""></image>
|
|
</view>
|
|
<view style="flex: 0.6;">
|
|
<view class="f-32" style="color: #343434;margin-bottom: 10upx;">
|
|
去商场购物获得
|
|
</view>
|
|
<view class="f-24" style="color: #9A9A9A;">
|
|
<text style="padding-right: 10upx;">参与商城购物获得{{TextSubstitution.credittext}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="col-f f-24 t-c" style="flex: 0.25;position: relative;">
|
|
<view class="btnred" @click="goindex">
|
|
去逛逛
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<shareBottom :shareBottomShow="shareBottomShow" @clickmask="closeShareBottom" :shareShow="shareShow" @closeShareShow="closeShareShow"
|
|
@shareImgShow="shareImgShow" :isCard="isCard" :postId="id" @gohb="goPost" :postType="'13'"></shareBottom>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import App from '@/common/js/app.js';
|
|
import shareBottom from '@/components/template/shareBottom';
|
|
export default{
|
|
data(){
|
|
return{
|
|
prizeList:[true,false,true,true,true,false,false],
|
|
TextSubstitution:{},
|
|
shareBottomShow: false,
|
|
shareShow: false,
|
|
id:'',
|
|
bgcAndbgimg:{},
|
|
imgstyle:{}
|
|
}
|
|
},
|
|
components:{
|
|
shareBottom
|
|
},
|
|
computed: {
|
|
isCard() {
|
|
let ClientType = App.getClientType();
|
|
return ClientType !== '3' ? false : true
|
|
},
|
|
},
|
|
onLoad(e) {
|
|
let _this = this;
|
|
_this.id = e.id;
|
|
_this.imgstyle = uni.getStorageSync('imgstyle');
|
|
_this.getbgimg();
|
|
this.TextSubstitution = uni.getStorageSync('TextSubstitution');
|
|
},
|
|
methods:{
|
|
getbgimg(){
|
|
App._post_form(
|
|
`&p=draw&do=shareSetInfo`,
|
|
{},
|
|
res => {
|
|
console.log(res);
|
|
this.bgcAndbgimg = res.data;
|
|
},
|
|
false,
|
|
() => {
|
|
// _this.loadlogo = true;
|
|
}
|
|
);
|
|
},
|
|
goshare(){
|
|
this.shareBottomShow =true;
|
|
},
|
|
goPost(data) {
|
|
let _this = this;
|
|
_this.shareBottomShow = false;
|
|
},
|
|
shareImgShow() {
|
|
let _this = this;
|
|
_this.shareShow = true;
|
|
_this.shareBottomShow = false;
|
|
},
|
|
// 关闭分享弹框
|
|
closeShareShow() {
|
|
let _this = this;
|
|
_this.shareShow = false;
|
|
_this.shareBottomShow = false;
|
|
},
|
|
closeShareBottom() {
|
|
let _this = this;
|
|
_this.shareBottomShow = false;
|
|
},
|
|
goindex(){
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/index/index'
|
|
});
|
|
},
|
|
gosign(){
|
|
App.navigationTo({
|
|
url: 'pages/subPages/signdesk/index/index'
|
|
});
|
|
},
|
|
goUrl(){
|
|
App.navigationTo({
|
|
url: this.bgcAndbgimg.url
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.myPrize{
|
|
height: 100vh;
|
|
.content{
|
|
.title{
|
|
.tilteimg{
|
|
height: 300upx;
|
|
width: 750upx;
|
|
}
|
|
}
|
|
.prizeList{
|
|
padding: 30upx;
|
|
.prize-item{
|
|
background-color: #FFFFFF;
|
|
padding: 30upx 30upx;
|
|
border-radius: 10upx;
|
|
margin-bottom: 20upx;
|
|
.btnred{
|
|
width: 100upx;
|
|
height: 44upx;
|
|
background-color: #FF4444;
|
|
line-height: 44upx;
|
|
border-radius: 7upx;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
margin: 0;
|
|
font-size: 24upx;
|
|
padding: 0;
|
|
transform: translateY(-50%);
|
|
text-align: center;
|
|
}
|
|
.btnfff{
|
|
width: 100upx;
|
|
height: 44upx;
|
|
color: #9A9A9A;
|
|
background-color: #F8F8F8;
|
|
line-height: 44upx;
|
|
border-radius: 7upx;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
<style>
|
|
/* page{
|
|
background-color: #FF4444;
|
|
} */
|
|
</style>
|
|
|