|
|
|
|
<template>
|
|
|
|
|
<view>
|
|
|
|
|
<view class="imgDetail">
|
|
|
|
|
<image class="main-img" :src="detailMsg.imgUrl" mode="widthFix"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="toolbar" v-if="detailMsg.imgUrl">
|
|
|
|
|
<view class="toolbar-box">
|
|
|
|
|
<uni-icons v-if="detailMsg.isHot ==='0'" class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-hot'" size="24" ></uni-icons>
|
|
|
|
|
<uni-icons v-else class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-hot'" size="24" :color="likeColor"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="toolbar-box" @click="$noMultipleClicks(clickDownload,detailMsg.imgUrl)">
|
|
|
|
|
<uni-icons v-if="isDownload" class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-xiazai'" size="24" ></uni-icons>
|
|
|
|
|
<uni-icons v-else class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-xiazai'" size="24" ></uni-icons>
|
|
|
|
|
<text>下载</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="toolbar-box" @click="$noMultipleClicks(likeCollect,'isLike')">
|
|
|
|
|
<uni-icons v-if="isLike" class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-yixihuan'" size="24" :color="likeColor"></uni-icons>
|
|
|
|
|
<uni-icons v-else class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-weixihuan'" size="24" ></uni-icons>
|
|
|
|
|
<text>喜欢</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="toolbar-box" @click="$noMultipleClicks(likeCollect,'isCollect')">
|
|
|
|
|
<uni-icons v-if="isCollect" class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-yishoucang'" size="24" :color="collectColor"></uni-icons>
|
|
|
|
|
<uni-icons v-else class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-weishoucang'" size="24" ></uni-icons>
|
|
|
|
|
<text>收藏</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="toolbar-box share-box">
|
|
|
|
|
<button open-type="share">
|
|
|
|
|
<uni-icons class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-fenxiang1'" size="24" ></uni-icons>
|
|
|
|
|
<text>分享</text>
|
|
|
|
|
</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="showDownLoad" class="downLoad-wrap">
|
|
|
|
|
<view class="ad_button" @click="authDownload(detailMsg.imgUrl)"></view>
|
|
|
|
|
<view class="vip_button" @click="goOpenVip()"></view>
|
|
|
|
|
<view class="close_button" @click="isShowDownLoadBox()"></view>
|
|
|
|
|
<view class="restNum">今日剩余还可下载 {{canDownloadNum}}次</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
var videoAd = null;
|
|
|
|
|
import {
|
|
|
|
|
detailsTiktokImg, // 获取图片详情
|
|
|
|
|
judgeTiktokLike, // 查询是否点赞过
|
|
|
|
|
judgeTiktokCollect, // 查询是否收藏过
|
|
|
|
|
tiktokLike, // 点赞
|
|
|
|
|
tiktokUnLike, // 取消点赞
|
|
|
|
|
tiktokCollect, // 收藏
|
|
|
|
|
tiktokUnCollect, // 取消收藏
|
|
|
|
|
queryCreatorScanCodeById, //获取艺术家搜索码
|
|
|
|
|
insertOrUpdatePreAdProfit, //新增/更新艺术家即将入账广告收益
|
|
|
|
|
insertOrUpdatePreInviteProfit, // 新增/更新艺术家即将入账邀请收益
|
|
|
|
|
checkUserCanDownload// 检查某平台用户当日下载次数是否超标
|
|
|
|
|
} from '@/api/creator.js'
|
|
|
|
|
import {loginTiktok} from '@/api/auth.js'
|
|
|
|
|
import {checkVip} from "@/api/paint";
|
|
|
|
|
import {getRestDownloadNum} from "@/api/userInfo.js";
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
showDownLoad: false,
|
|
|
|
|
detailMsg: {}, // 图片信息
|
|
|
|
|
userInfo: undefined, // 登录用户信息
|
|
|
|
|
isDownload: false, // 是否已下载
|
|
|
|
|
isLike: false, // 是否点赞/喜欢
|
|
|
|
|
isCollect: false, // 是否收藏,
|
|
|
|
|
scanCode: undefined, //艺术家搜索码
|
|
|
|
|
noClick:true, //防止重复提交
|
|
|
|
|
artist: {},
|
|
|
|
|
canDownload: false, //能否下载 false为能下载
|
|
|
|
|
whiteColor: '#FFFFFF',
|
|
|
|
|
primaryColor: '#1a94bc',
|
|
|
|
|
likeColor: '#ef223c',
|
|
|
|
|
collectColor: '#dcaa04',
|
|
|
|
|
urlParamId: undefined,
|
|
|
|
|
downloadUrl: undefined,
|
|
|
|
|
isVip: false,
|
|
|
|
|
canDownloadNum: 0, //可下载图片次数
|
|
|
|
|
canRewardNum: 0, //可获取奖励次数
|
|
|
|
|
userInfo:{},
|
|
|
|
|
//adList:['0qfnoa4053uwkefbas','2v63zq5hvfclpxmurl','d4ltbnxa23zp2hhqwe'] //激励视频广告列表
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async onLoad(option){
|
|
|
|
|
await this.checkIsVip();
|
|
|
|
|
console.log('vip状态为',this.isVip);
|
|
|
|
|
if (option?.id) {
|
|
|
|
|
this.urlParamId = option.id;
|
|
|
|
|
}
|
|
|
|
|
//如果是非会员才做如下操作
|
|
|
|
|
if(this.isVip === false){
|
|
|
|
|
//随机选择一个激励视频广告初始化
|
|
|
|
|
//let num = Math.floor(Math.random() * this.adList.length + 1)-1;
|
|
|
|
|
//console.log('随机激励视频id为：',this.adList[num])
|
|
|
|
|
// this.loadAdvertise(this.adList[num]);
|
|
|
|
|
this.loadAdvertise('0qfnoa4053uwkefbas');
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onShow() {
|
|
|
|
|
this.userInfo = uni.getStorageSync('userInfo')
|
|
|
|
|
},
|
|
|
|
|
onHide() {
|
|
|
|
|
console.log('进入onHide')
|
|
|
|
|
//切出小程序时，广告状态还原
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
const detailId = uni.getStorageSync('detailId')
|
|
|
|
|
if (detailId) {
|
|
|
|
|
this.getImgDetail(detailId)
|
|
|
|
|
} else {
|
|
|
|
|
//可能是路径参数
|
|
|
|
|
this.urlParamId && this.getImgDetail(this.urlParamId);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onShareAppMessage(res) {
|
|
|
|
|
let that = this;
|
|
|
|
|
if (res.from === 'button') { // 来自页面内分享按钮
|
|
|
|
|
console.log(res)
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
title: '来看看艺术家[' + that.scanCode + ']精心准备的图片吧~',
|
|
|
|
|
path: `/pages/creator/imgDetail?id=${that.detailMsg.id}`,
|
|
|
|
|
bgImgUrl: `${that.detailMsg.imgUrl}`,
|
|
|
|
|
success() {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '分享成功',
|
|
|
|
|
icon: 'none',
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
//点击下载按钮
|
|
|
|
|
async clickDownload(url){
|
|
|
|
|
let that = this;
|
|
|
|
|
if(that.isVip == 1) {
|
|
|
|
|
//是会员的话，点击下载的时候不弹窗，直接下载图片；不写入广告次数，不做下载次数判断
|
|
|
|
|
that.vipSaveImg(url);
|
|
|
|
|
} else {
|
|
|
|
|
//获取可下载图片次数
await this.getRestDownloadNum();
|
|
|
|
|
//不是会员就弹窗引导其去开会员，看了广告写入广告次数，要做下载图片次数检查
|
|
|
|
|
that.isShowDownLoadBox();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//检查是否开通了vip
|
|
|
|
|
async checkIsVip() {
|
|
|
|
|
let that = this;
|
|
|
|
|
const data = {
|
|
|
|
|
userId: that.userInfo.id,
|
|
|
|
|
userClientType: 10
|
|
|
|
|
}
|
|
|
|
|
const res = await checkVip(data);
|
|
|
|
|
console.log('res===', res);
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
if(res.data.data.isVip == '1') {
|
|
|
|
|
that.isVip = true;
|
|
|
|
|
}else{
|
|
|
|
|
that.isVip = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// else {
|
|
|
|
|
// uni.showModal({
|
|
|
|
|
// content: '网络错误，请稍后再试~',
|
|
|
|
|
// showCancel: false
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//获取某平台用户当日下载奖励剩余次数
|
|
|
|
|
async getRestDownloadNum() {
|
|
|
|
|
const params = {
|
|
|
|
|
userId: this.userInfo.id,
|
|
|
|
|
appType: '0',
|
|
|
|
|
platform: '1' ,//此处1代表抖音
|
|
|
|
|
}
|
|
|
|
|
const res = await getRestDownloadNum(params);
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
console.log("当日非会员用户可下载结果为", res.data.data)
|
|
|
|
|
//下载图片
|
|
|
|
|
this.canDownloadNum = res.data.data
|
|
|
|
|
console.log('this.canDownloadNum',this.canDownloadNum)
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '获取下载剩余次数失败!',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//唤起广告会员界面
|
|
|
|
|
isShowDownLoadBox() {
|
|
|
|
|
console.log('this.showDownLoad',this.showDownLoad);
|
|
|
|
|
this.showDownLoad = !this.showDownLoad
|
|
|
|
|
//如果不是会员，点击下载的时候弹窗引导它去开会员
|
|
|
|
|
},
|
|
|
|
|
//跳转开通VIP界面
|
|
|
|
|
goOpenVip() {
|
|
|
|
|
let that = this;
|
|
|
|
|
that.isShowDownLoadBox()
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url:'/pages/userInfo/vip/vip'
|
|
|
|
|
})
|
|
|
|
|
//判断是否为ios，ios则提示不支持
|
|
|
|
|
// uni.getSystemInfo({
// success(res) {
// console.log(res.osName)
|
|
|
|
|
// if(res.osName === 'ios'){
|
|
|
|
|
// return uni.showToast({
|
|
|
|
|
// title: 'ios暂不支持.如已开通请关联绑定会员卡',
|
|
|
|
|
// duration: 2500,
|
|
|
|
|
// icon: 'none',
|
|
|
|
|
// success() {
|
|
|
|
|
// that.isShowDownLoadBox();
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// }else{
|
|
|
|
|
// that.isShowDownLoadBox()
|
|
|
|
|
// uni.navigateTo({
|
|
|
|
|
// url:'/pages/userInfo/vip/vip'
|
|
|
|
|
// })
|
|
|
|
|
// }
// }
// });
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//加载激励视频广告
|
|
|
|
|
loadAdvertise(adId){
|
|
|
|
|
// 在页面中定义激励视频广告
|
|
|
|
|
var that = this
|
|
|
|
|
// 在页面onLoad回调事件中创建激励视频广告实例
|
|
|
|
|
if (tt.createRewardedVideoAd) {
|
|
|
|
|
videoAd = tt.createRewardedVideoAd({
|
|
|
|
|
adUnitId: adId
|
|
|
|
|
});
|
|
|
|
|
//解决重复发放奖励BUG
|
|
|
|
|
try{
|
|
|
|
|
if (videoAd.closeHandler) {
|
|
|
|
|
videoAd.offClose(videoAd.closeHandler);
|
|
|
|
|
console.log("videoAd.offClose卸载成功");
|
|
|
|
|
}
|
|
|
|
|
}catch(e){
|
|
|
|
|
console.log("videoAd.offClose 卸载失败");
|
|
|
|
|
console.error(e);
|
|
|
|
|
}
|
|
|
|
|
videoAd.onLoad(() => {
|
|
|
|
|
console.log('激励视频广告'+adId+'加载成功')
|
|
|
|
|
})
|
|
|
|
|
videoAd.onError((err) => {
|
|
|
|
|
if(err.errCode == 1004){
|
|
|
|
|
uni.showToast({
|
|
|
|
|
icon: 'none',
|
|
|
|
|
title: '请稍后再试～'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
console.log(err);
|
|
|
|
|
})
|
|
|
|
|
videoAd.closeHandler = (res) =>{
|
|
|
|
|
console.log('激励视频下图管理res',res)
|
|
|
|
|
if (res && res.isEnded || res === undefined) {
|
|
|
|
|
// 正常播放结束，可以下发游戏奖励
|
|
|
|
|
that.achieveSaveImg();
|
|
|
|
|
}else{
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '您还没有看完视频，无法下载图片',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
videoAd.onClose(videoAd.closeHandler);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//展示激励视频广告
|
|
|
|
|
showAdvertise(url){
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
//关闭弹窗
|
|
|
|
|
this.isShowDownLoadBox();
|
|
|
|
|
//let videoAd = this.videoAd
|
|
|
|
|
this.downloadUrl = url;
|
|
|
|
|
//console.log('看广告时传入进来的url',url);
|
|
|
|
|
//console.log('this.downloadUrl看广告时',this.downloadUrl);
|
|
|
|
|
videoAd.show().catch(() => {
|
|
|
|
|
// 失败重试
|
|
|
|
|
videoAd.load()
|
|
|
|
|
.then(() => videoAd.show())
|
|
|
|
|
.catch(err => {
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '图片下载失败',
|
|
|
|
|
content: '请稍后重试',
|
|
|
|
|
showCancel: false
|
|
|
|
|
// complete: function() {
|
|
|
|
|
// }
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 图片详情
|
|
|
|
|
async getImgDetail(id) {
|
|
|
|
|
const res = await detailsTiktokImg(id)
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
if (!res.data?.data){
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '获取图片信息失败',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
this.detailMsg = res.data.data
|
|
|
|
|
const result = await queryCreatorScanCodeById(this.detailMsg.creatorId)
|
|
|
|
|
if (result.data.code === 200) {
|
|
|
|
|
this.artist = result.data.data;
|
|
|
|
|
this.scanCode = result.data.data.scanCode
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '该艺术家不存在!',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
uni.getStorage({
|
|
|
|
|
key: 'userInfo',
|
|
|
|
|
success: res => {
|
|
|
|
|
this.userInfo = res.data
|
|
|
|
|
this.searchIsLike()
|
|
|
|
|
this.searchisCollect()
|
|
|
|
|
//this.checkUserDownload()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请输入艺术家代号',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 查询是否点赞
|
|
|
|
|
async searchIsLike(token) {
|
|
|
|
|
const params = {
|
|
|
|
|
imgId: this.detailMsg.id,
|
|
|
|
|
userId: this.userInfo.id
|
|
|
|
|
}
|
|
|
|
|
const res = await judgeTiktokLike(params,token)
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
this.isLike = res.data.data
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: res.data.msg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 查询是否收藏过
|
|
|
|
|
async searchisCollect(token) {
|
|
|
|
|
const params = {
|
|
|
|
|
imgId: this.detailMsg.id,
|
|
|
|
|
userId: this.userInfo.id
|
|
|
|
|
}
|
|
|
|
|
const res = await judgeTiktokCollect(params,token)
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
this.isCollect = res.data.data
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: res.data.msg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async lickRequest() {
|
|
|
|
|
const params = {
|
|
|
|
|
imgId: this.detailMsg.id,
|
|
|
|
|
userId: this.userInfo.id
|
|
|
|
|
}
|
|
|
|
|
let isLike = this.isLike
|
|
|
|
|
if (!isLike) {
|
|
|
|
|
//点赞
|
|
|
|
|
const res = await tiktokLike(params)
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
this.isLike = !isLike
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: res.data.msg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
//取消点赞
|
|
|
|
|
const res = await tiktokUnLike(params)
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
this.isLike = !isLike
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: res.data.msg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async collectRequest() {
|
|
|
|
|
const params = {
|
|
|
|
|
imgId: this.detailMsg.id,
|
|
|
|
|
userId: this.userInfo.id
|
|
|
|
|
}
|
|
|
|
|
let isCollect = this.isCollect
|
|
|
|
|
if (!isCollect) {
|
|
|
|
|
//收藏
|
|
|
|
|
const res = await tiktokCollect(params)
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
this.isCollect = !isCollect
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: res.data.msg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
//取消收藏
|
|
|
|
|
const res = await tiktokUnCollect(params)
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
this.isCollect = !isCollect
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: res.data.msg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async lickOrCollect(val) {
|
|
|
|
|
if (val === 'isLike') {
|
|
|
|
|
await this.lickRequest();
|
|
|
|
|
} else if (val === 'isCollect') {
|
|
|
|
|
await this.collectRequest();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 点赞/收藏
|
|
|
|
|
likeCollect(val) {
|
|
|
|
|
if (!this.userInfo) {
|
|
|
|
|
this.getUserInfoLogin(res => {
|
|
|
|
|
|
|
|
|
|
this.lickOrCollect(val)
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
this.lickOrCollect(val)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async loginFunc(res, userInfo, callBack) {
|
|
|
|
|
const params = {
|
|
|
|
|
code: res.code,
|
|
|
|
|
encryptedData: userInfo.encryptedData,
|
|
|
|
|
iv: userInfo.iv
|
|
|
|
|
}
|
|
|
|
|
// 用户授权登录
|
|
|
|
|
await loginTiktok(params).then(res => {
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
uni.setStorage({
|
|
|
|
|
key: 'userInfo',
|
|
|
|
|
data: res.data.data.userInfo,
|
|
|
|
|
})
|
|
|
|
|
uni.setStorage({
|
|
|
|
|
key: 'platform',
|
|
|
|
|
data: res.data.data.platform,
|
|
|
|
|
})
|
|
|
|
|
this.userInfo = res.data.data.userInfo;
|
|
|
|
|
console.log('this.userInfo',this.userInfo)
|
|
|
|
|
uni.setStorage({
|
|
|
|
|
key: 'token',
|
|
|
|
|
data: res.data.data.access_token
|
|
|
|
|
})
|
|
|
|
|
let headers = {
|
|
|
|
|
TiktokAuthorization: res.data.data.access_token,
|
|
|
|
|
platform: res.data.data.platform
|
|
|
|
|
}
|
|
|
|
|
//this.checkUserDownload(headers)
|
|
|
|
|
callBack && callBack(headers)
|
|
|
|
|
this.searchIsLike(headers)
|
|
|
|
|
this.searchisCollect(headers)
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: res.data.msg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 获取用户信息
|
|
|
|
|
async getUserInfoLogin(callBack) {
|
|
|
|
|
uni.getSetting({
|
|
|
|
|
success: (settingObj) => {
|
|
|
|
|
if (settingObj.authSetting['scope.userInfo'] === undefined || settingObj.authSetting['scope.userInfo']) {
|
|
|
|
|
uni.login({
|
|
|
|
|
force: true,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
uni.getUserInfo({
|
|
|
|
|
withCredentials: true,
|
|
|
|
|
success: async (userInfo) => {
|
|
|
|
|
await this.loginFunc(res, userInfo, callBack)
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '您已拒绝授权用户信息',
|
|
|
|
|
content: '是否进入权限管理，调整授权？',
|
|
|
|
|
success: function (res) {
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
uni.openSetting({
|
|
|
|
|
success: (settingRes) => {
|
|
|
|
|
if (settingRes.authSetting['scope.userInfo']) {
|
|
|
|
|
uni.login({
|
|
|
|
|
force: true,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
uni.getUserInfo({
|
|
|
|
|
withCredentials: true,
|
|
|
|
|
success: async (userInfo) => {
|
|
|
|
|
await this.loginFunc(res, userInfo, callBack)
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
} else if (res.cancel) {
|
|
|
|
|
console.log('用户点击取消');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//写入图片广告收益
|
|
|
|
|
async insertPreAdProfit() {
|
|
|
|
|
let that = this;
|
|
|
|
|
const params = {
|
|
|
|
|
imgId: that.detailMsg.id,
|
|
|
|
|
creatorId: that.detailMsg.creatorId,
|
|
|
|
|
scanCode: that.scanCode,
|
|
|
|
|
userId: that.userInfo.id,
|
|
|
|
|
appType: '0',
|
|
|
|
|
platform: '1' //此处1代表抖音
|
|
|
|
|
}
|
|
|
|
|
const res = await insertOrUpdatePreAdProfit(params);
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
console.log("写入广告收益成功!")
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '图片下载失败!',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//写入图片邀请收益
|
|
|
|
|
async insertPreInviteProfit() {
|
|
|
|
|
let that = this;
|
|
|
|
|
const params = {
|
|
|
|
|
imgId: that.detailMsg.id,
|
|
|
|
|
creatorId: that.detailMsg.creatorId,
|
|
|
|
|
scanCode: that.scanCode,
|
|
|
|
|
appType: '0',
|
|
|
|
|
platform: '1' //此处1代表抖音
|
|
|
|
|
}
|
|
|
|
|
const res = await insertOrUpdatePreInviteProfit(params)
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
// console.log("写入邀请收益成功");
|
|
|
|
|
that.inviteResult = res.data.code;
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '图片下载失败!',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//检查某平台用户当日下载次数是否超标
|
|
|
|
|
async checkUserDownload(adType) {
|
|
|
|
|
const params = {
|
|
|
|
|
userId: this.userInfo.id,
|
|
|
|
|
appType: '0',
|
|
|
|
|
platform: '1' ,//此处1代表抖音
|
|
|
|
|
adType: adType
|
|
|
|
|
}
|
|
|
|
|
const res = await checkUserCanDownload(params);
|
|
|
|
|
if (res && res.data.code === 200) {
|
|
|
|
|
console.log("当日非会员用户是否可下载/奖励结果为", res.data.data)
|
|
|
|
|
this.canDownload = res.data.data;
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '检查下载状态失败!',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async authDownload(url) {
|
|
|
|
|
//检查非会员用户是否达到可下载次数上限， 传0代表是下载图片检查
|
|
|
|
|
await this.checkUserDownload("0");
|
|
|
|
|
if (!this.userInfo) {
|
|
|
|
|
this.getUserInfoLogin(() => {
|
|
|
|
|
this.download(url)
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
this.download(url)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//是会员，直接保存图片，不记录下载图片次数数据
|
|
|
|
|
vipSaveImg(imgUrl){
|
|
|
|
|
let that = this;
|
|
|
|
|
let url = imgUrl;
|
|
|
|
|
//console.log('需要下载图片路径为',url)
|
|
|
|
|
that.isDownload = true;
|
|
|
|
|
uni.showLoading({
|
|
|
|
|
title: '正在保存图片...',
|
|
|
|
|
success() {
|
|
|
|
|
//获取用户的当前设置。获取相册权限
|
|
|
|
|
uni.getSetting({
|
|
|
|
|
success(res){
|
|
|
|
|
//console.log('授权res',res)
|
|
|
|
|
//如果没有相册权限
|
|
|
|
|
if (!res.authSetting["scope.album"]) {
|
|
|
|
|
//向用户发起授权请求
|
|
|
|
|
uni.authorize({
|
|
|
|
|
scope: "scope.album",
|
|
|
|
|
success: () => {
|
|
|
|
|
//授权成功保存图片到系统相册
|
|
|
|
|
uni.downloadFile({
|
|
|
|
|
url,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
//console.log('图片下载res',res)
|
|
|
|
|
if (res.statusCode === 200) {
|
|
|
|
|
uni.saveImageToPhotosAlbum({
|
|
|
|
|
//图片路径，不支持网络图片路径
|
|
|
|
|
filePath: res.tempFilePath,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
fail: (res) => {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: res.errMsg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
complete: (res) => {
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
if (res.errMsg !== "saveImageToPhotosAlbum:ok") {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: "下载失败！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
return uni
|
|
|
|
|
.showToast({
|
|
|
|
|
title: "下载成功！",
|
|
|
|
|
icon: 'none',
|
|
|
|
|
success() {
|
|
|
|
|
that.isDownload = false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: "下载失败！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//授权失败
|
|
|
|
|
fail: () => {
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: "您已拒绝获取相册权限",
|
|
|
|
|
content: "是否进入权限管理，调整授权？",
|
|
|
|
|
success: (res) => {
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
//调起客户端小程序设置界面，返回用户设置的操作结果。（重新让用户授权）
|
|
|
|
|
uni.openSetting({
|
|
|
|
|
success: (res) => {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
} else if (res.cancel) {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: "已取消！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
//如果已有相册权限，直接保存图片到系统相册
|
|
|
|
|
//console.log('已有相册权限,开始保存图片',url);
|
|
|
|
|
//授权成功保存图片到系统相册
|
|
|
|
|
uni.downloadFile({
|
|
|
|
|
url,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
//console.log('进入图片下载',res);
|
|
|
|
|
if (res.statusCode === 200) {
|
|
|
|
|
uni.saveImageToPhotosAlbum({
|
|
|
|
|
//图片路径，不支持网络图片路径
|
|
|
|
|
filePath: res.tempFilePath,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
//console.log('保存图片状态',res);
|
|
|
|
|
},
|
|
|
|
|
fail: (res) => {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: res.errMsg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
complete: (res) => {
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
if (res.errMsg !== "saveImageToPhotosAlbum:ok") {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: "下载失败！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: "下载成功！",
|
|
|
|
|
icon: 'none',
|
|
|
|
|
success() {
|
|
|
|
|
that.isDownload = false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: "下载失败！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
fail: (res) => {},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//观看完广告，保存图片
|
|
|
|
|
achieveSaveImg(){
|
|
|
|
|
let that = this;
|
|
|
|
|
//观看完广告，可下载图片
|
|
|
|
|
let url = that.downloadUrl;
|
|
|
|
|
//console.log('that.downloadUrl观看完广告',that.downloadUrl);
|
|
|
|
|
//console.log('url观看完广告',url);
|
|
|
|
|
uni.showLoading({
|
|
|
|
|
title: '正在保存图片...',
|
|
|
|
|
success() {
|
|
|
|
|
//获取用户的当前设置。获取相册权限
|
|
|
|
|
uni.getSetting({
|
|
|
|
|
success(res){
|
|
|
|
|
//console.log('授权res',res)
|
|
|
|
|
//如果没有相册权限
|
|
|
|
|
if (!res.authSetting["scope.album"]) {
|
|
|
|
|
//向用户发起授权请求
|
|
|
|
|
uni.authorize({
|
|
|
|
|
scope: "scope.album",
|
|
|
|
|
success: () => {
|
|
|
|
|
//授权成功保存图片到系统相册
|
|
|
|
|
uni.downloadFile({
|
|
|
|
|
url,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
if (res.statusCode === 200) {
|
|
|
|
|
uni.saveImageToPhotosAlbum({
|
|
|
|
|
//图片路径，不支持网络图片路径
|
|
|
|
|
filePath: res.tempFilePath,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
fail: (res) => {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: res.errMsg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
complete: (res) => {
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
if (res.errMsg !== "saveImageToPhotosAlbum:ok") {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: "下载失败！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
return uni
|
|
|
|
|
.showToast({
|
|
|
|
|
title: "下载成功！",
|
|
|
|
|
icon: 'none',
|
|
|
|
|
success() {
|
|
|
|
|
//下载成功写入下载收益、邀请收益
|
|
|
|
|
that.insertPreAdProfit();
|
|
|
|
|
that.insertPreInviteProfit();
|
|
|
|
|
//重置已下载状态
|
|
|
|
|
that.isDownload = false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: "下载失败！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//授权失败
|
|
|
|
|
fail: () => {
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: "您已拒绝获取相册权限",
|
|
|
|
|
content: "是否进入权限管理，调整授权？",
|
|
|
|
|
success: (res) => {
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
//调起客户端小程序设置界面，返回用户设置的操作结果。（重新让用户授权）
|
|
|
|
|
uni.openSetting({
|
|
|
|
|
success: (res) => {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
} else if (res.cancel) {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: "已取消！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
//如果已有相册权限，直接保存图片到系统相册
|
|
|
|
|
//console.log('已有相册权限,开始保存图片',url);
|
|
|
|
|
//授权成功保存图片到系统相册
|
|
|
|
|
uni.downloadFile({
|
|
|
|
|
url,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
//console.log('进入图片下载',res);
|
|
|
|
|
if (res.statusCode === 200) {
|
|
|
|
|
uni.saveImageToPhotosAlbum({
|
|
|
|
|
//图片路径，不支持网络图片路径
|
|
|
|
|
filePath: res.tempFilePath,
|
|
|
|
|
success: (res) => {
|
|
|
|
|
//console.log('保存图片状态',res);
|
|
|
|
|
},
|
|
|
|
|
fail: (res) => {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: res.errMsg,
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
complete: (res) => {
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
if (res.errMsg !== "saveImageToPhotosAlbum:ok") {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: "下载失败！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: "下载成功！",
|
|
|
|
|
icon: 'none',
|
|
|
|
|
success() {
|
|
|
|
|
//下载成功写入下载收益、邀请收益
|
|
|
|
|
that.insertPreAdProfit();
|
|
|
|
|
that.insertPreInviteProfit();
|
|
|
|
|
//重置已下载状态
|
|
|
|
|
that.isDownload = false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: "下载失败！",
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
fail: (res) => {},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
// }else{
|
|
|
|
|
// //未观看完广告，不可下载图片
|
|
|
|
|
// console.log('未观看完广告，不可下载图片')
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
// 下载
|
|
|
|
|
download(url) {
|
|
|
|
|
let that = this;
|
|
|
|
|
//console.log('that.canDownload',that.canDownload)
|
|
|
|
|
uni.showLoading({
|
|
|
|
|
title: '加载中'
|
|
|
|
|
});
|
|
|
|
|
//满足可下载条件 为false
|
|
|
|
|
if (that.canDownload !== true) {
|
|
|
|
|
//修改当前下载状态
|
|
|
|
|
that.isDownload = true
|
|
|
|
|
//console.log('res123',123)
|
|
|
|
|
//展示激励视频广告
|
|
|
|
|
that.showAdvertise(url);
|
|
|
|
|
} else {
|
|
|
|
|
//不满足可下载条件 canDownload为true状态
|
|
|
|
|
return uni.showToast({
|
|
|
|
|
title: '当日下载次数已用完,请明日再来!',
|
|
|
|
|
icon: 'none',
|
|
|
|
|
success() {
|
|
|
|
|
//关闭弹窗
|
|
|
|
|
that.isShowDownLoadBox();
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 分享
|
|
|
|
|
share() {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '分享',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
.downLoad-wrap {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
width: 80%;
|
|
|
|
|
height: 1000rpx;
|
|
|
|
|
background-image: url('https://img.bnyer.cn/vip_box_bg1%20%281%29.png');
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
padding: 40rpx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
.close_button {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 20rpx;
|
|
|
|
|
right: 20rpx;
|
|
|
|
|
width: 60rpx;
|
|
|
|
|
height: 60rpx;
|
|
|
|
|
background-image: url('https://img.bnyer.cn/down_box_close.png');
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
.vip_button {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 20rpx;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%);
|
|
|
|
|
width: 310rpx;
|
|
|
|
|
height: 100rpx;
|
|
|
|
|
background-image: url('https://img.bnyer.cn/down_box_vip.png');
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
.ad_button {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 360rpx;
|
|
|
|
|
right: 30rpx;
|
|
|
|
|
// transform: translateX(-50%);
|
|
|
|
|
width: 190rpx;
|
|
|
|
|
height: 80rpx;
|
|
|
|
|
background-image: url('https://img.bnyer.cn/ad_button1.png');
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
.restNum{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 430rpx;
|
|
|
|
|
color: red;
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.imgDetail {
|
|
|
|
|
height: 100vh;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.main-img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
box-shadow: 2rpx 4rpx 8rpx rgba(0, 0, 0, 0.25);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.toolbar {
|
|
|
|
|
width: 60px;
|
|
|
|
|
background-color: rgba(248, 248, 248, 0.5);
|
|
|
|
|
/* 模糊大小就是靠的blur这个函数中的数值大小 */
|
|
|
|
|
backdrop-filter: blur(4rpx);
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 120rpx;
|
|
|
|
|
right: 40rpx;
|
|
|
|
|
border-radius: 60px;
|
|
|
|
|
padding-top: 40rpx;
|
|
|
|
|
box-shadow: 2rpx 4rpx 8rpx rgba(0, 0, 0, 0.25);
|
|
|
|
|
|
|
|
|
|
.share-box {
|
|
|
|
|
|
|
|
|
|
>button {
|
|
|
|
|
line-height: 0 !important;
|
|
|
|
|
padding: 0;
|
|
|
|
|
outline: none;
|
|
|
|
|
background: none;
|
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
>button::after {
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.toolbar-box {
|
|
|
|
|
height: 60px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-bottom: 40rpx;
|
|
|
|
|
|
|
|
|
|
text {
|
|
|
|
|
display: block;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 60rpx;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
image {
|
|
|
|
|
width: 50rpx;
|
|
|
|
|
height: 50rpx;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.toolbar-box:first-child {
|
|
|
|
|
line-height: 40rpx;
|
|
|
|
|
height: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</style>
|
