master
sws 2023-09-09 09:44:47 +08:00
parent b5ba660289
commit fadb631e54
5 changed files with 559 additions and 346 deletions

View File

@ -24,8 +24,8 @@
<style scoped>
/* iconfont.css全局注册需要将src切换成绝对路径 */
/* @/static/icon/ */
@import url("@/static/icon/iconfont.css");
/* @import url('https://at.alicdn.com/t/c/font_4227145_p6vbjfm5ej.css'); */
/* @import url("@/static/icon/iconfont.css"); */
@import url('https://at.alicdn.com/t/c/font_4227145_p6vbjfm5ej.css');
.iconfont {
display: inline-block;

View File

@ -1,84 +1,167 @@
/**
*
*/
.signin-container {
background-color: rgb(255 209 133);
}
.signin-bg {
width: 100%;
}
.signin-opration-group {
top: 60rpx;
}
.share,
.team {
margin-bottom: 36rpx;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0) 100%);
box-shadow: 0 4rpx 8rpx 0 rgba(0, 61, 196, 0.51);
border-radius: 32rpx 0 0 32rpx;
}
.signin-opration-group .content {
margin: 2rpx;
padding: 12rpx 12rpx 12rpx 36rpx;
background: #2A82E1;
border-radius: 32rpx 0 0 32rpx;
}
.content .iconfont {
margin-right: 8rpx;
}
.signin-btn {
margin: -120rpx;
}
.signin-btn .content {
padding: 12rpx 58rpx;
display: inline-flex;
justify-content: center;
background: linear-gradient(98deg, #FF9734 0%, #FF1304 100%);
box-shadow: 0 4rpx 8rpx 0 rgba(185, 110, 22, 0.66);
border-radius: 44rpx;
border: 4rpx solid #FFE99B;
font-size: 40rpx;
}
.calendar-title {
color: #C48746;
padding: 24rpx;
background: #FEEBAF;
border-radius: 24rpx 24rpx 0 0;
}
.calendar-week {
line-height: 76rpx;
height: 76rpx;
background: #FEF6F8;
}
.calendar-days {
padding-bottom: 52rpx;
border-radius: 0 0 24rpx 24rpx;
}
.calendar-days .list {
width: calc(100% / 7);
height: 84rpx;
line-height: 84rpx;
}
.coming-container {
background-color: #f6b015;
padding: 80rpx 0 120rpx 0;
background-color: #f6b015;
padding: 80rpx 0 120rpx 0;
}
.coming-submit {
width: 200rpx;
height: 200rpx;
line-height: 200rpx;
background-color: #F37B1D;
color: #f8fb0b;
border: 12rpx solid #f9f420;
font-size: 62rpx;
width: 200rpx;
height: 200rpx;
line-height: 200rpx;
background-color: #F37B1D;
color: #f8fb0b;
border: 12rpx solid #f9f420;
font-size: 62rpx;
}
.already-coming {
border: 12rpx solid #bebebe;
background-color: #ccc;
color: #9f9f9f;
border: 12rpx solid #bebebe;
background-color: #ccc;
color: #9f9f9f;
}
.coming-tips-msg {
color: #ffe7b2;
color: #ffe7b2;
}
.signin-user-menu-submit {
border: 1px solid #fff900;
color: #fffb62;
top: 20rpx;
right: 20rpx;
padding: 6rpx 20rpx;
border: 1px solid #fff900;
color: #fffb62;
top: 20rpx;
right: 20rpx;
padding: 6rpx 20rpx;
}
.submit-container {
bottom: 20rpx;
right: 20rpx;
}
.submit-container button {
display: inline-flex;
bottom: 20rpx;
right: 20rpx;
}
.submit-container button {
display: inline-flex;
}
.submit-container button:not(:first-child) {
margin-left: 20rpx;
margin-left: 20rpx;
}
.submit-container button.team-submit {
color: #5eb95e;
background-color: #E4F3E4;
border-color: #d2e8d2;
color: #5eb95e;
background-color: #E4F3E4;
border-color: #d2e8d2;
}
.submit-container button.share-submit {
color: #F37B1D;
background-color: #ffe5be;
border-color: #f8d093;
color: #F37B1D;
background-color: #ffe5be;
border-color: #f8d093;
}
/**
*
*/
.coming-tips-container {
position: fixed;
left: 0;
top: 0;
top: calc(88rpx + constant(safe-area-inset-top));
width: 100%;
height: 100%;
z-index: 1050;
background: rgb(0 0 0 / 0.6);
padding-top: 30%;
position: fixed;
left: 0;
top: 0;
top: calc(88rpx + constant(safe-area-inset-top));
width: 100%;
height: 100%;
z-index: 1050;
background: rgb(0 0 0 / 0.6);
padding-top: 30%;
}
.coming-content {
max-width: 300px;
height: 305px;
margin: 0 auto;
position: relative;
max-width: 300px;
height: 305px;
margin: 0 auto;
position: relative;
}
.coming-content .icon-close-submit {
top: 5px;
right: 5px;
top: 5px;
right: 5px;
}
.coming-tips-container image {
max-width: 100%;
margin-top: 60rpx;
}
.coming-tips-content {
bottom: 30rpx;
left: calc(50% - 82rpx);
max-width: 100%;
margin-top: 60rpx;
}
.coming-tips-content {
bottom: 30rpx;
left: calc(50% - 82rpx);
}

View File

@ -1,314 +1,444 @@
<template>
<view>
<view v-if="(data || null) != null">
<view class="padding-horizontal-main padding-top-main">
<!-- 签到 -->
<view class="coming-container tc pr border-radius-main spacing-mb">
<navigator v-if="(data_base.is_user_menu || 0) == 1" class="signin-user-menu-submit round pa" url="/pages/plugins/signin/user-signin/user-signin" hover-class="none"></navigator>
<view :class="'coming-submit circle auto ' + ((is_already_coming == 1) ? 'already-coming' : '')" @tap="coming_event"></view>
<block v-if="(user || null) == null">
<view class="cr-white margin-top-lg">登录签到获得积分奖励</view>
</block>
<block v-else>
<!-- 是否已签到 -->
<block v-if="(user_signin_data || null) != null && (user_signin_data.integral || 0) > 0">
<view class="cr-white margin-top-lg">今日已签到获得{{user_signin_data.integral}}积分{{user_signin_data.total}}</view>
<view class="coming-tips-msg margin-top-xs">请明日继续签到更多积分奖励</view>
</block>
<block v-else>
<view class="cr-white margin-top-lg am-margin-top-sm">立即签到获得积分奖励</view>
</block>
<view class="signin-container">
<view v-if="(data || null) != null">
<image :src="signin_static_url+'signin-bg.png'" mode="widthFix" class="signin-bg"></image>
<view class="signin-opration-group pa right-0 flex-col cr-white">
<view class="share oh flex-row">
<view class="content">
<iconfont name="icon-pp-all"></iconfont>
分享
</view>
</view>
<view class="team oh flex-row">
<view class="content">
<iconfont name="icon-pp-all"></iconfont>
组队
</view>
</view>
</view>
<view class="signin-btn pa left-0 right-0 tc">
<view class="content cr-white" @tap="coming_event">
立即签到
</view>
</view>
<!-- 队长 -->
<block v-if="(team_signin_data || null) != null && user.id == data.user_id">
<view class="cr-white margin-top-lg">
<text>今日{{team_signin_data.day}}人签到{{team_signin_data.total}}</text>
<navigator class="cr-blue dis-inline margin-left-sm" v-if="(data_base.is_team_show_coming_user || 0) == 1" :url="'/pages/plugins/signin/user-coming-list/user-coming-list?id=' + data.id" hover-class="none"> >></navigator>
</view>
<view class="coming-tips-msg margin-top-xs">分享获得更多奖励</view>
</block>
</block>
<view class="padding-horizontal-main">
<view class="signin-calendar">
<view class="calendar-title flex-row align-c jc-sb">
<view class="title-left fw-b text-size">
{{calendar}}
</view>
<view class="title-right text-size-md">
<iconfont name="icon-pp-all margin-right-sm"></iconfont>
我的签到
</view>
</view>
<view class="calendar-week flex-row align-c jc-sa padding-horizontal-main">
<view v-for="(item,index) in week" :key="index">
{{item}}
</view>
</view>
<view class="calendar-days padding-horizontal-main bg-white">
<view class="item flex-row jc-sa align-c" v-for="(row,rowIndex) in day_count" :key="rowIndex">
<view v-for="(col,colIndex) in row" class="list tc" :class="col.class" :key="colIndex">
<block v-if="col.is_signin">
<iconfont name="icon-pp-all margin-right-sm"></iconfont>
</block>
<block v-else>
<block v-if="col.today">
<block v-if="user_signin_data.current_day===1">
<!-- 按钮组 -->
<view class="submit-container pa">
<button v-if="(data_base.is_team || 0) == 1 && (user || null) != null && data.user_id != user.id" class="team-submit round" type="default" size="mini" @tap="team_event"></button>
<button v-if="(data_base.is_share || 0) == 1" class="share-submit round" type="default" size="mini" open-type="share"></button>
</view>
</view>
</block>
<block v-else>
<text class="fw-b">今天</text>
</block>
</block>
<block v-else>
{{col.num}}
</block>
</block>
</view>
</view>
</view>
</view>
<!-- 公告信息 -->
<view v-if="(data_base.signin_desc || null) != null && data_base.signin_desc.length > 0" class="spacing-mb">
<view class="notice-content">
<view v-for="(item, index) in data_base.signin_desc" :key="index" class="item">{{item}}</view>
</view>
</view>
<!-- 推荐商品 -->
<view v-if="(data.goods_list || null) != null && data.goods_list.length > 0">
<view class="spacing-nav-title">
<text class="text-wrapper">推荐商品</text>
<navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
</view>
<component-goods-list :propData="{style_type: 1, goods_list: data.goods_list}" :propCurrencySymbol="currency_symbol"></component-goods-list>
</view>
</view>
<!-- 签到成功提示信息 -->
<view v-if="is_success_tips == 1" class="coming-tips-container am-text-center">
<view class="coming-content tc pr">
<view class="icon-close-submit pa" @tap="coming_success_close_event">
<uni-icons type="clear" size="46rpx" color="#999"></uni-icons>
</view>
<image :src="data.success_icon" mode="widthFix"></image>
<view class="coming-tips-content pa">
<text class="cr-red text-size-lg">获得 <text>{{coming_integral}}</text> 积分</text>
</view>
</view>
</view>
<!-- 结尾 -->
<component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
</view>
<view v-else>
<!-- 提示信息 -->
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
</view>
</view>
<!-- 签到 -->
<view class="coming-container tc pr border-radius-main spacing-mb">
<navigator v-if="(data_base.is_user_menu || 0) == 1" class="signin-user-menu-submit round pa" url="/pages/plugins/signin/user-signin/user-signin" hover-class="none">
</navigator>
<view :class="'coming-submit circle auto ' + ((is_already_coming == 1) ? 'already-coming' : '')" @tap="coming_event"></view>
<block v-if="(user || null) == null">
<view class="cr-white margin-top-lg">登录签到获得积分奖励</view>
</block>
<block v-else>
<!-- 是否已签到 -->
<block v-if="(user_signin_data || null) != null && (user_signin_data.integral || 0) > 0">
<view class="cr-white margin-top-lg">今日已签到获得{{user_signin_data.integral}}积分{{user_signin_data.total}}</view>
<view class="coming-tips-msg margin-top-xs">请明日继续签到更多积分奖励</view>
</block>
<block v-else>
<view class="cr-white margin-top-lg am-margin-top-sm">立即签到获得积分奖励</view>
</block>
<!-- 队长 -->
<block v-if="(team_signin_data || null) != null && user.id == data.user_id">
<view class="cr-white margin-top-lg">
<text>今日{{team_signin_data.day}}人签到{{team_signin_data.total}}</text>
<navigator class="cr-blue dis-inline margin-left-sm" v-if="(data_base.is_team_show_coming_user || 0) == 1"
:url="'/pages/plugins/signin/user-coming-list/user-coming-list?id=' + data.id" hover-class="none">详情 >></navigator>
</view>
<view class="coming-tips-msg margin-top-xs">分享获得更多奖励</view>
</block>
</block>
<!-- 按钮组 -->
<view class="submit-container pa">
<button v-if="(data_base.is_team || 0) == 1 && (user || null) != null && data.user_id != user.id" class="team-submit round" type="default" size="mini"
@tap="team_event">组队</button>
<button v-if="(data_base.is_share || 0) == 1" class="share-submit round" type="default" size="mini" open-type="share"></button>
</view>
</view>
<!-- 公告信息 -->
<view v-if="(data_base.signin_desc || null) != null && data_base.signin_desc.length > 0" class="spacing-mb">
<view class="notice-content">
<view v-for="(item, index) in data_base.signin_desc" :key="index" class="item">{{item}}</view>
</view>
</view>
</view>
<!-- 签到成功提示信息 -->
<view v-if="is_success_tips == 1" class="coming-tips-container am-text-center">
<view class="coming-content tc pr">
<view class="icon-close-submit pa" @tap="coming_success_close_event">
<uni-icons type="clear" size="46rpx" color="#999"></uni-icons>
</view>
<image :src="data.success_icon" mode="widthFix"></image>
<view class="coming-tips-content pa">
<text class="cr-red text-size-lg">获得 <text>{{coming_integral}}</text> 积分</text>
</view>
</view>
</view>
</view>
<view v-else>
<!-- 提示信息 -->
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
</view>
</view>
</template>
<script>
const app = getApp();
import componentNoData from "../../../../components/no-data/no-data";
import componentBottomLine from "../../../../components/bottom-line/bottom-line";
import componentGoodsList from "../../../../components/goods-list/goods-list";
export default {
data() {
return {
data_bottom_line_status: false,
data_list_loding_status: 1,
data_list_loding_msg: '',
currency_symbol: app.globalData.data.currency_symbol,
params: null,
user: null,
data_base: null,
data: null,
team_signin_data: null,
user_signin_data: null,
is_already_coming: 0,
is_success_tips: 0,
coming_integral: 0,
//
share_info: {}
};
},
const app = getApp();
import componentNoData from "../../../../components/no-data/no-data";
var signin_static_url = app.globalData.get_static_url("signin/app", true);
export default {
data() {
return {
signin_static_url: signin_static_url,
data_bottom_line_status: false,
data_list_loding_status: 1,
data_list_loding_msg: '',
currency_symbol: app.globalData.data.currency_symbol,
params: null,
user: null,
data_base: null,
data: null,
team_signin_data: null,
user_signin_data: null,
is_already_coming: 0,
is_success_tips: 0,
coming_integral: 0,
//
share_info: {},
//
week: ['日', '一', '二', '三', '四', '五', '六'],
//
year: new Date().getFullYear(),
//
month: new Date().getMonth() + 1,
//
date: new Date().getDate(),
//
calendar: new Date().getFullYear() + '年' + (new Date().getMonth() + 1) + '月' + new Date().getDate() + '日',
//
day_count: [],
};
},
components: {
componentNoData,
componentBottomLine,
componentGoodsList
},
props: {},
components: {
componentNoData,
},
props: {},
computed: {
days_in_month() {
const date = new Date(this.year, this.month, 0)
return date.getDate()
}
},
onLoad(params) {
//params['id'] = 1;
this.setData({
params: params,
user: app.globalData.get_user_cache_info()
});
},
onLoad(params) {
//params['id'] = 1;
this.setData({
params: params,
user: app.globalData.get_user_cache_info()
});
},
onShow() {
//
this.get_data();
},
onShow() {
//
this.get_data();
},
//
onPullDownRefresh() {
this.get_data();
},
//
onPullDownRefresh() {
this.get_data();
},
methods: {
//
get_calendar() {
const first_day = new Date(this.year, this.month - 1, 1).getDay();
const last_day = this.days_in_month;
const days = [];
let day = [];
//
const first_day_week = new Date().getDay();
var defore_days = new Date(this.year, this.month, 0).getDate(); //
for (var i = first_day_week - 1; i >= 0; i--) {
//
day.push({
num: defore_days - i,
class: 'cr-grey-c',
today: false,
is_signin: false
});
}
//
for (let i = 1; i <= last_day; i++) {
// isigninHistory true
var index = this.user_signin_data.history_day.some(item => item === i);
//
var today = new Date().getDate();
//
var today_index = this.user_signin_data.history_day.some(item => item === today);
day.push({
num: i,
class: today_index ? 'cr-red' : 'cr-black',
today: i === today ? true : false,
is_signin: index ? true : false
});
if (day.length === 7) {
days.push(day);
day = [];
}
}
//
if (day.length > 0) {
for (let i = day.length; i < 7; i++) {
day.push({
num: i,
class: 'cr-grey-c',
today: false,
is_signin: false
});
}
days.push(day);
}
console.log("days: " + JSON.stringify(days));
this.day_count = days;
},
//
handle_day() {
methods: {
//
get_data() {
uni.request({
url: app.globalData.get_request_url("detail", "index", "signin"),
method: 'POST',
data: {
id: this.params.id || 0
},
dataType: 'json',
success: res => {
uni.stopPullDownRefresh();
if (res.data.code == 0) {
var data = res.data.data;
this.setData({
data_base: data.base || null,
data: data.data || null,
team_signin_data: data.team_signin_data || null,
user_signin_data: data.user_signin_data || null,
is_already_coming: (data.user_signin_data || null) != null && (data.user_signin_data.current_day || 0) == 1 ? 1 : 0,
data_list_loding_msg: '',
data_list_loding_status: 0,
data_bottom_line_status: true
});
},
//
get_data() {
uni.request({
url: app.globalData.get_request_url("detail", "index", "signin"),
method: 'POST',
data: {
id: this.params.id || 0
},
dataType: 'json',
success: res => {
uni.stopPullDownRefresh();
if (res.data.code == 0) {
var data = res.data.data;
this.setData({
data_base: data.base || null,
data: data.data || null,
team_signin_data: data.team_signin_data || null,
user_signin_data: data.user_signin_data || null,
is_already_coming: (data.user_signin_data || null) != null && (data.user_signin_data.current_day || 0) == 1 ? 1 : 0,
data_list_loding_msg: '',
data_list_loding_status: 0,
data_bottom_line_status: true
});
if ((this.data || null) != null) {
//
this.setData({
share_info: {
title: this.data.seo_title || '签到',
desc: this.data.seo_desc,
path: '/pages/plugins/signin/index-detail/index-detail',
query: 'id='+this.data.id,
img: this.data.bg_images || this.data.logo || ''
}
});
}
} else {
this.setData({
data_bottom_line_status: false,
data_list_loding_status: 2,
data_list_loding_msg: res.data.msg
});
}
if ((this.data || null) != null) {
//
this.setData({
share_info: {
title: this.data.seo_title || '签到',
desc: this.data.seo_desc,
path: '/pages/plugins/signin/index-detail/index-detail',
query: 'id=' + this.data.id,
img: this.data.bg_images || this.data.logo || ''
}
});
}
} else {
this.setData({
data_bottom_line_status: false,
data_list_loding_status: 2,
data_list_loding_msg: res.data.msg
});
}
//
app.globalData.page_share_handle(this.share_info);
//
this.get_calendar();
},
fail: () => {
uni.stopPullDownRefresh();
this.setData({
data_bottom_line_status: false,
data_list_loding_status: 2,
data_list_loding_msg: '服务器请求出错'
});
app.globalData.showToast('服务器请求出错');
}
});
},
//
app.globalData.page_share_handle(this.share_info);
},
fail: () => {
uni.stopPullDownRefresh();
this.setData({
data_bottom_line_status: false,
data_list_loding_status: 2,
data_list_loding_msg: '服务器请求出错'
});
app.globalData.showToast('服务器请求出错');
}
});
},
//
init() {
var user = app.globalData.get_user_info(this, "init");
if (user != false) {
//
if (app.globalData.user_is_need_login(user)) {
uni.showModal({
title: '温馨提示',
content: '绑定手机号码',
confirmText: '确认',
cancelText: '暂不',
success: result => {
uni.stopPullDownRefresh();
if (result.confirm) {
uni.navigateTo({
url: "/pages/login/login?event_callback=init"
});
}
}
});
} else {
return true;
}
}
return false;
},
//
init() {
var user = app.globalData.get_user_info(this, "init");
if (user != false) {
//
if (app.globalData.user_is_need_login(user)) {
uni.showModal({
title: '温馨提示',
content: '绑定手机号码',
confirmText: '确认',
cancelText: '暂不',
success: result => {
uni.stopPullDownRefresh();
if (result.confirm) {
uni.navigateTo({
url: "/pages/login/login?event_callback=init"
});
}
}
});
} else {
return true;
}
}
return false;
},
//
coming_event(e) {
if (!app.globalData.is_single_page_check()) {
return false;
}
if (this.is_already_coming != 1 && this.init()) {
uni.showLoading({
title: '处理中...'
});
uni.request({
url: app.globalData.get_request_url("coming", "index", "signin"),
method: 'POST',
data: {
id: this.data.id
},
dataType: 'json',
success: res => {
uni.hideLoading();
if (res.data.code == 0) {
this.setData({
is_already_coming: 1,
is_success_tips: 1,
coming_integral: res.data.data
});
this.get_data();
} else {
if (app.globalData.is_login_check(res.data, this, 'team_request')) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
uni.hideLoading();
app.globalData.showToast('服务器请求出错');
}
});
}
},
//
coming_event(e) {
if(!app.globalData.is_single_page_check()) {
return false;
}
if (this.is_already_coming != 1 && this.init()) {
uni.showLoading({
title: '处理中...'
});
uni.request({
url: app.globalData.get_request_url("coming", "index", "signin"),
method: 'POST',
data: {
id: this.data.id
},
dataType: 'json',
success: res => {
uni.hideLoading();
if (res.data.code == 0) {
this.setData({
is_already_coming: 1,
is_success_tips: 1,
coming_integral: res.data.data
});
this.get_data();
} else {
if (app.globalData.is_login_check(res.data, this, 'team_request')) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
uni.hideLoading();
app.globalData.showToast('服务器请求出错');
}
});
}
},
//
coming_success_close_event(e) {
this.setData({
is_success_tips: 0
});
},
//
coming_success_close_event(e) {
this.setData({
is_success_tips: 0
});
},
//
team_event(e) {
if (this.init()) {
uni.showLoading({
title: '处理中...'
});
uni.request({
url: app.globalData.get_request_url("team", "userqrcode", "signin"),
method: 'POST',
data: {},
dataType: 'json',
success: res => {
uni.hideLoading();
if (res.data.code == 0) {
switch (res.data.data.status) {
//
case 0:
// id
var temp_params = this.params;
temp_params['id'] = res.data.data.qrcode_id;
this.setData({
params: temp_params
});
//
team_event(e) {
if (this.init()) {
uni.showLoading({
title: '处理中...'
});
uni.request({
url: app.globalData.get_request_url("team", "userqrcode", "signin"),
method: 'POST',
data: {},
dataType: 'json',
success: res => {
uni.hideLoading();
if (res.data.code == 0) {
switch (res.data.data.status) {
//
case 0:
// id
var temp_params = this.params;
temp_params['id'] = res.data.data.qrcode_id;
this.setData({
params: temp_params
});
//
this.get_data();
break;
//
case 1:
uni.navigateTo({
url: '/pages/plugins/signin/user-qrcode-saveinfo/user-qrcode-saveinfo?id='+res.data.data.qrcode_id+'&is_team=1'
});
break;
}
} else {
if (app.globalData.is_login_check(res.data, this, 'team_request')) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
uni.hideLoading();
app.globalData.showToast('服务器请求出错');
}
});
}
}
}
};
//
this.get_data();
break;
//
case 1:
uni.navigateTo({
url: '/pages/plugins/signin/user-qrcode-saveinfo/user-qrcode-saveinfo?id=' + res.data.data.qrcode_id + '&is_team=1'
});
break;
}
} else {
if (app.globalData.is_login_check(res.data, this, 'team_request')) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
uni.hideLoading();
app.globalData.showToast('服务器请求出错');
}
});
}
}
}
};
</script>
<style>
@import './index-detail.css';
@import './index-detail.css';
</style>

View File

@ -22,7 +22,7 @@
<navigator class="flex-row jc-sb" :class="Number(item.status) > 3 ? 'expire' : '' " :url="'/pages/plugins/weixinliveplayer/detail/detail?id=' + item.id" hover-class="none">
<!-- <view class="pr"> -->
<image class="radius" :src="item.share_img" mode="aspectFill"></image>
<view class="pa bottom-0 left-0 live-content circle">
<view v-if="item.status==='1'" class="pa bottom-0 left-0 live-content circle">
<view class="live-action flex-row jc-sa align-e">
<view class="live-1"></view>
<view class="live-2"></view>

View File

@ -13,7 +13,7 @@
<view v-for="(item, index) in data_list" :key="index" class="item border-radius-main bg-white oh pr spacing-mb">
<navigator class="flex-row jc-sb" :class="Number(item.status) > 3 ? 'expire' : '' " :url="'/pages/plugins/weixinliveplayer/detail/detail?id=' + item.id" hover-class="none">
<image class="radius" :src="item.share_img" mode="aspectFill"></image>
<view class="pa bottom-0 left-0 live-content circle">
<view v-if="item.status==='1'" class="pa bottom-0 left-0 live-content circle">
<view class="live-action flex-row jc-sa align-e">
<view class="live-1"></view>
<view class="live-2"></view>