Merge branch 'ios' of https://e.coding.net/g-cphe0354/duanju/video_app into ios
This commit is contained in:
duan
commit
11b6f3305d
|
|
@ -66,7 +66,7 @@
|
|||
this.$emit('close',key)
|
||||
if(key&&key=='isBindAliPay'){
|
||||
uni.navigateTo({
|
||||
url:'/me/invite/zhifubao'
|
||||
url:'/me/yaoqing/zhifubao-tixain'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
|
|
|
|||
7
main.js
7
main.js
|
|
@ -24,6 +24,13 @@ const app = new Vue({
|
|||
...App
|
||||
})
|
||||
|
||||
Vue.prototype.$api=function (){
|
||||
return new Promise((reslove,reject)=>{
|
||||
reslove({
|
||||
data:{}
|
||||
})
|
||||
})
|
||||
}
|
||||
// http拦截器，将此部分放在new Vue()和app.$mount()之间，才能App.vue中正常使用
|
||||
import httpInterceptor from '@/common/http.interceptor.js'
|
||||
Vue.use(httpInterceptor, app)
|
||||
|
|
|
|||
|
|
@ -0,0 +1,760 @@
|
|||
<template>
|
||||
|
||||
<view class="almost-lottery min-page">
|
||||
<u-navbar title="" back-icon-color="#fff" :background="background" immersive :border-bottom="false"
|
||||
title-color="#fff"></u-navbar>
|
||||
<!-- head -->
|
||||
<view class="almost-lottery__head">
|
||||
<view class="btn-group u-flex u-row-between">
|
||||
<view :class="['action', isApple && 'action-shadow']" @click="toRed">
|
||||
<text class="pack"></text>
|
||||
<text class="content">红包<text class="num">{{ totalMoney }}</text></text>
|
||||
</view>
|
||||
<view :class="['action', isApple && 'action-shadow']" @click="toGift">
|
||||
<text class="gift"></text>
|
||||
<text class="content">我的奖品</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="tip"><text class="tip-content">每次抽奖消耗 {{ goldNum }} 金币，不限次数</text></view> -->
|
||||
</view>
|
||||
<!-- action -->
|
||||
|
||||
<!-- <view class="almost-lottery__action-dev" @tap="handleInitCanvas" v-if="isDev">
|
||||
<text class="text">重新生成画板-开发模式使用</text>
|
||||
</view>
|
||||
<view class="almost-lottery__action-dev" @tap="handleCheckPopup">
|
||||
<text class="text">查看 uni-popup 用例</text>
|
||||
</view> -->
|
||||
|
||||
<!-- lottery -->
|
||||
<view class="almost-lottery__wheel">
|
||||
<view class="almost-lottery__count">
|
||||
<text class="text">剩余免费抽奖 {{ freeNum }} 次</text>
|
||||
</view>
|
||||
<!-- <button @click="showLingPop">showLingPop</button> -->
|
||||
<almost-lottery :lottery-size="lotteryConfig.lotterySize" :action-size="lotteryConfig.actionSize"
|
||||
:selfTime="selfTime"
|
||||
:ring-count="2" :duration="1" :self-rotaty="false" :img-circled="true" :canvasCached="true"
|
||||
:prize-list="prizeList" :prize-index="prizeIndex" :lotteryBg="lotteryBg" :actionBg="actionBg"
|
||||
@reset-index="prizeIndex = -1" @draw-before="handleDrawBefore" @draw-start="handleDrawStart"
|
||||
@draw-end="handleDrawEnd" @finish="handleDrawFinish" v-if="prizeList.length" />
|
||||
|
||||
</view>
|
||||
<!-- rule -->
|
||||
<view class="almost-lottery__rule">
|
||||
<view class="rule-head">
|
||||
<view class="line"></view>
|
||||
<text class="title">活动规则</text>
|
||||
<view class="line"></view>
|
||||
</view>
|
||||
<view class="rule-body">
|
||||
<view class="item">
|
||||
<view class="number">1</view>
|
||||
<view class="text">
|
||||
<text>抽奖细则：</text>
|
||||
<text>每日前{{ freeNumDay }}次付款均可获得抽奖机会</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item item-rule">
|
||||
<view class="number">2</view>
|
||||
<view class="text">
|
||||
<text>奖励说明：红包奖励将自动发放到红包余额，已绑定支付宝账号将会自动发起提现。其余奖品则需联系客服领取。</text>
|
||||
<!-- <text>b.金币奖：系统会即时转入金币账户，可在平台内使用。</text> -->
|
||||
</view>
|
||||
</view>
|
||||
<!-- <template >
|
||||
<view class="item">
|
||||
<view class="number">3</view>
|
||||
<view class="text">本次活动由XXXXXXX发起。</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="number">4</view>
|
||||
<view class="text">本活动仅限17岁以上用户参加。</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="number">5</view>
|
||||
<view class="text">本活动最终解释权归XXXXXXX所有。</view>
|
||||
</view>
|
||||
</template> -->
|
||||
</view>
|
||||
</view>
|
||||
<ling-qu ref="refLingqu" @close="lingquClose" ></ling-qu>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AlmostLottery from '@/uni_modules/almost-lottery/components/almost-lottery/almost-lottery.vue'
|
||||
import lingQu from '@/components/pop-ling-qu.vue'
|
||||
import {
|
||||
clearCacheFile,
|
||||
clearStore
|
||||
} from '@/uni_modules/almost-lottery/utils/almost-utils.js'
|
||||
export default {
|
||||
name: 'Home',
|
||||
components: {
|
||||
AlmostLottery,lingQu
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// 1 订单拉起抽奖
|
||||
// 2 周任务拉起抽奖
|
||||
// 3 月任务拉起抽奖
|
||||
source:1,
|
||||
background:{
|
||||
background:'transparent'
|
||||
},
|
||||
//红包余额
|
||||
totalMoney:0,
|
||||
//抽奖结果
|
||||
result:'',
|
||||
// 开启调试模式
|
||||
isDev: true,
|
||||
option: {},
|
||||
// 以下是转盘配置相关数据
|
||||
lotteryConfig: {
|
||||
// 抽奖转盘的整体尺寸，单位rpx
|
||||
lotterySize: 600,
|
||||
// 抽奖按钮的尺寸，单位rpx
|
||||
actionSize: 200
|
||||
},
|
||||
selfTime:2000,
|
||||
// 以下是转盘 UI 配置
|
||||
// 转盘外环图，如有需要，请参考替换为自己的设计稿
|
||||
lotteryBg: require('@/uni_modules/almost-lottery/static/almost-lottery/almost-lottery__bg2x.png'),
|
||||
// 抽奖按钮图
|
||||
actionBg: require('@/uni_modules/almost-lottery/static/almost-lottery/almost-lottery__action2x.png'),
|
||||
|
||||
// 以下是奖品配置数据
|
||||
// 奖品数据
|
||||
prizeList: [],
|
||||
// 奖品是否设有库存
|
||||
onStock: true,
|
||||
// 中奖下标
|
||||
prizeIndex: -1,
|
||||
|
||||
// 是否正在抽奖中，避免重复触发
|
||||
prizeing: false,
|
||||
|
||||
// 以下为中奖概率有关数据
|
||||
// 是否由前端控制概率，默认不开启，强烈建议由后端控制
|
||||
onFrontend: false,
|
||||
// 权重随机数的最大值
|
||||
prizeWeightMax: 0,
|
||||
// 权重数组
|
||||
prizeWeightArr: [],
|
||||
|
||||
// 以下为业务需求有关示例数据
|
||||
// 金币余额
|
||||
goldCoin: 20,
|
||||
// 当日免费抽奖次数余额
|
||||
freeNum: 0,
|
||||
// 每次消耗的金币数
|
||||
goldNum: 20,
|
||||
// 每天免费抽奖次数
|
||||
freeNumDay: 0
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isApple() {
|
||||
return uni.getSystemInfoSync().platform === 'ios'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
lingquClose(key){
|
||||
console.log('lingquClose');
|
||||
console.log(key);
|
||||
if(key&&key=='isBindAliPay'){
|
||||
uni.navigateTo({
|
||||
url:'/me/yaoqing/zhifubao-tixain'
|
||||
})
|
||||
}
|
||||
},
|
||||
toRed(){
|
||||
uni.navigateTo({
|
||||
url: '/me/yaoqing/ymg-yaoqing-tixian'
|
||||
})
|
||||
|
||||
},
|
||||
toGift() {
|
||||
console.log('1');
|
||||
|
||||
uni.navigateTo({
|
||||
url: '/me/gift/gift?source='+this.source
|
||||
})
|
||||
},
|
||||
// 重新生成
|
||||
handleInitCanvas() {
|
||||
clearCacheFile()
|
||||
clearStore()
|
||||
|
||||
this.prizeList = []
|
||||
this.getPrizeList()
|
||||
},
|
||||
// 通过 popup 打开
|
||||
handleCheckPopup() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/popup/popup'
|
||||
})
|
||||
},
|
||||
// 获取奖品列表
|
||||
async getPrizeList() {
|
||||
uni.showLoading({
|
||||
title: '奖品准备中...'
|
||||
})
|
||||
|
||||
// 等待接口返回的数据进一步处理
|
||||
let res = await this.requestApiGetPrizeList()
|
||||
console.log('获取奖品列表', res)
|
||||
|
||||
if (res.ok) {
|
||||
let data = res.data
|
||||
if (data.length) {
|
||||
this.prizeList = data
|
||||
console.log('已获取到奖品列表数据，开始绘制抽奖转盘')
|
||||
|
||||
// 计算开始绘制的时间
|
||||
if (console.time) {
|
||||
console.time('绘制转盘用时')
|
||||
}
|
||||
|
||||
// 如果开启了前端控制概率
|
||||
// 得出权重的最大值并生成权重数组
|
||||
if (this.onFrontend) {
|
||||
// 生成权重数组并排序取得最大值
|
||||
this.prizeWeightArr = this.prizeList.map(item => item.prizeWeight)
|
||||
let prizeWeightArrSort = [...this.prizeWeightArr]
|
||||
prizeWeightArrSort.sort((a, b) => b - a)
|
||||
|
||||
// 开放自定义权重最大值，没有自定义则取权重数组中的最大值
|
||||
this.prizeWeightMax = this.prizeWeightMax > 0 ? this.prizeWeightMax : prizeWeightArrSort[0]
|
||||
}
|
||||
}
|
||||
} else {
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: '获取奖品失败',
|
||||
mask: true,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
// 模拟请求 获取奖品列表 接口，
|
||||
// 注意这里返回的是一个 Promise
|
||||
// 大哥，这里只是模拟，别告诉我你不会对接自己的接口
|
||||
async requestApiGetPrizeList() {
|
||||
const res = await this.$Request.getT('/app/discSpinning/selectDiscSpinning',{source:this.source})
|
||||
if (res.code == 0) {
|
||||
return {
|
||||
ok: true,
|
||||
data: res.data.records.map(v => {
|
||||
return {
|
||||
...v,
|
||||
prizeId: v.id,
|
||||
prizeName: v.name,
|
||||
prizeStock: 10,
|
||||
prizeWeight: 200,
|
||||
prizeImage: v.url,
|
||||
// prizeImage: require('@/static/git.png')
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
return
|
||||
// return new Promise((resolve, reject) => {
|
||||
// let requestTimer = setTimeout(() => {
|
||||
// clearTimeout(requestTimer)
|
||||
// requestTimer = null
|
||||
|
||||
// // prizeStock 奖品库存
|
||||
// // prizeWeight 中奖概率，数值越大中奖概率越高，权重一样时随机中奖
|
||||
// resolve({
|
||||
// ok: true,
|
||||
// data: [{
|
||||
// prizeId: 1,
|
||||
// prizeName: '0.1元现金',
|
||||
// prizeStock: 10,
|
||||
// prizeWeight: 200,
|
||||
// prizeImage: require('@/static/git.png')
|
||||
// },
|
||||
// {
|
||||
// prizeId: 2,
|
||||
// prizeName: '10元现金',
|
||||
// prizeStock: 0,
|
||||
// prizeWeight: 50,
|
||||
// prizeImage: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/56f085e0-bcfe-11ea-b244-a9f5e5565f30.png'
|
||||
// },
|
||||
// {
|
||||
// prizeId: 3,
|
||||
// prizeName: '5元话费',
|
||||
// prizeStock: 1,
|
||||
// prizeWeight: 80
|
||||
// },
|
||||
// {
|
||||
// prizeId: 4,
|
||||
// prizeName: '50元现金',
|
||||
// prizeStock: 0,
|
||||
// prizeWeight: 10,
|
||||
// prizeImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAB2klEQVRIia3Wv09TURjG8U+u2kQZcNENh2ok0cnJ0R+L0RB2g/EvwITEwRgnV0Zx0fAHYBh0khBD4sBAmAgDiwQNg4qwmSBDAYf7Fi+n97al9UlObnvO836f3tO355b2GsAYZrCBPRzGdSPmx8J3YtXwDDsB7TR2wl/rNmAYK13C07ES9W11E9s9BjTHdnBKVf8PAcWgehpwCssF0w/5FzqLgw7AA7zDQ/wqzC8H90jjSeFMYW0Yr8PzALfjOh7z1wve2YTzpLlQw2ay+KZ1N7vS24SziVqGexhKzB07pEJXk/dDwTetdZ9HewwZLWFNw2oyudZjQFNrCW8109pqS32GpPX1TOu586fPkLR+IEMjmbzYZ0ha34Atx/fwW58hXxPeFixo7Yg7PQbcKmEtZFgsMb/C4AkDBuUnQKpFuFZI3cZuvP6C+8g6wDP572O95C4Og49/W/YJl/G5YPqO9yV3dh4f8LMCfhjcI93Afix8xAX5SVx2YBY10yagEdxjmiwY7uISXuIFrlSEPG0TMllWcAbzYViXd0rzeXC6ImSiImA+eKU6h7mCeV/eCBMnCJkLzpHSztnFCJ7L//ZkOFv1iRLtRd1IcLpSHVP4jccVnkexPqXkmd7UX15b7tiz29ReAAAAAElFTkSuQmCC'
|
||||
// },
|
||||
// {
|
||||
// prizeId: 5,
|
||||
// prizeName: '1卷抽纸',
|
||||
// prizeStock: 3,
|
||||
// prizeWeight: 3000,
|
||||
// prizeImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABCElEQVRoge3YMa4BURSH8Y8o7UAp0WgkotBZwluAfhqlZSgUGr23ENUUCpppJnTswAIUSCaTiziZJ8d9/193zdzrfMltABF5plb+oLscDoAV0Pn8OC/lwDhL0k35QT3wstcIuM61Cj0IhXiNuAvOFwr5SgrxRiHeKMSbhnHfAVgU1i1gajhnBpwK6wnQtgxkDTlmSTq/L7rLYQ9byG+WpLvCOT8YQ6K5WgrxRiHeKMQbhXijEG8U4o1CvIkmxPrDquwMrI37KlFJSJake2BUxVlW0VytaEKsV6t5+8Ohak3rRmtIH9hav/QvRHO1FOKNQrwJheQfn+I9wflCIeNHLzuQc51PRP6rC1ZeIm1I8cC5AAAAAElFTkSuQmCC'
|
||||
// },
|
||||
// {
|
||||
// prizeId: 6,
|
||||
// prizeName: '0.2元现金',
|
||||
// prizeStock: 8,
|
||||
// prizeWeight: 120
|
||||
// },
|
||||
// {
|
||||
// prizeId: 7,
|
||||
// prizeName: '谢谢参与',
|
||||
// prizeStock: 100,
|
||||
// prizeWeight: 10000
|
||||
// },
|
||||
// {
|
||||
// prizeId: 8,
|
||||
// prizeName: '100金币',
|
||||
// prizeStock: 100,
|
||||
// prizeWeight: 3000
|
||||
// }
|
||||
// ]
|
||||
// })
|
||||
// }, 200)
|
||||
// })
|
||||
},
|
||||
// 抽奖开始之前
|
||||
async handleDrawBefore(callback) {
|
||||
|
||||
console.log('抽奖开始之前')
|
||||
let flag = false
|
||||
|
||||
// 还有免费数次
|
||||
if (this.freeNum > 0) {
|
||||
flag = true
|
||||
} else {
|
||||
flag = false
|
||||
uni.showToast({
|
||||
title: '抽奖次数不足',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
|
||||
callback(flag)
|
||||
},
|
||||
// 本次抽奖开始
|
||||
handleDrawStart() {
|
||||
console.log('触发抽奖按钮')
|
||||
if (this.prizeing) return
|
||||
this.prizeing = true
|
||||
this.tryLotteryDraw()
|
||||
},
|
||||
// 尝试发起抽奖
|
||||
tryLotteryDraw() {
|
||||
console.log('旋转开始，获取中奖下标......')
|
||||
// 判断是否由前端控制概率
|
||||
if (this.onFrontend) {
|
||||
this.localGetPrizeIndex()
|
||||
} else {
|
||||
this.remoteGetPrizeIndex()
|
||||
}
|
||||
},
|
||||
// 本地获取中奖下标
|
||||
localGetPrizeIndex() {
|
||||
console.warn('###当前处于前端控制中奖概率，安全起见，强烈建议由后端控制###')
|
||||
// 前端控制概率的情况下，需要拿到最接近随机权重且大于随机权重的值
|
||||
// 后端控制概率的情况下，通常会直接返回 prizeId
|
||||
if (!this.prizeWeightMax || !this.prizeWeightArr.length) {
|
||||
console.warn('###当前已开启前端控制中奖概率，但是奖品数据列表中的 prizeWeight 参数似乎配置不正确###')
|
||||
return
|
||||
}
|
||||
console.log('当前权重最大值为 =>', this.prizeWeightMax)
|
||||
|
||||
// 注意这里使用了 Math.ceil，如果某个权重的值为 0，则始终无法中奖
|
||||
let randomWeight = Math.ceil(Math.random() * this.prizeWeightMax)
|
||||
console.log('本次权重随机数 =>', randomWeight)
|
||||
|
||||
// 生成大于等于随机权重的数组
|
||||
let tempMaxArrs = []
|
||||
this.prizeList.forEach((item) => {
|
||||
if (item.prizeWeight >= randomWeight) {
|
||||
tempMaxArrs.push(item.prizeWeight)
|
||||
}
|
||||
})
|
||||
console.log('tempMaxArrs', tempMaxArrs)
|
||||
|
||||
// 如果大于随机权重的数组有值，先对这个数组排序然后取值
|
||||
// 反之新建一个临时的包含所有权重的已排序数组，然后取值
|
||||
let tempMaxArrsLen = tempMaxArrs.length
|
||||
if (tempMaxArrsLen) {
|
||||
tempMaxArrs.sort((a, b) => a - b)
|
||||
// 取值时，如果存在多个值，分两种情况
|
||||
if (tempMaxArrsLen > 1) {
|
||||
// 检查是否存在重复的值
|
||||
let sameCount = 0
|
||||
for (let i = 0; i < tempMaxArrs.length; i++) {
|
||||
if (tempMaxArrs[i] === tempMaxArrs[0]) {
|
||||
sameCount++
|
||||
}
|
||||
}
|
||||
|
||||
// 值不相等的情况下取最接近的值，也就是第1个值
|
||||
if (sameCount === 1) {
|
||||
this.prizeIndex = this.prizeWeightArr.indexOf(tempMaxArrs[0])
|
||||
} else {
|
||||
// 存在值相等时，随机取值，当然这里你可以自己决定是否随机取值
|
||||
let sameWeight = tempMaxArrs[0]
|
||||
let sameWeightArr = []
|
||||
let sameWeightItem = {}
|
||||
this.prizeWeightArr.forEach((item, index) => {
|
||||
if (item === sameWeight) {
|
||||
sameWeightArr.push({
|
||||
prizeWeight: item,
|
||||
index
|
||||
})
|
||||
}
|
||||
})
|
||||
console.log('sameWeightArr', sameWeightArr)
|
||||
sameWeightItem = sameWeightArr[Math.floor(Math.random() * sameWeightArr.length)]
|
||||
console.log('sameWeightItem', sameWeightItem)
|
||||
this.prizeIndex = sameWeightItem.index
|
||||
}
|
||||
} else {
|
||||
this.prizeIndex = this.prizeWeightArr.indexOf(tempMaxArrs[0])
|
||||
}
|
||||
}
|
||||
|
||||
console.log('本次抽中奖品 =>', this.prizeList[this.prizeIndex].prizeName)
|
||||
|
||||
// 如果奖品设有库存
|
||||
if (this.onStock) {
|
||||
console.log('本次奖品库存 =>', this.prizeList[this.prizeIndex].prizeStock)
|
||||
}
|
||||
},
|
||||
// 远程请求接口获取中奖下标
|
||||
// 大哥，这里只是模拟，别告诉我你不会对接自己的接口
|
||||
async remoteGetPrizeIndex() {
|
||||
this.result=''
|
||||
console.warn('###当前处于模拟的请求接口，并返回了中奖信息###')
|
||||
const res = await this.$Request.getT('app/discSpinning/draw',{source:this.source})
|
||||
this.freeNum--
|
||||
// this.getCount()
|
||||
console.log(res);
|
||||
if (res.code != 0) {
|
||||
return uni.showToast({
|
||||
title: res.msg
|
||||
})
|
||||
}
|
||||
this.result=res.data
|
||||
|
||||
let list = [...this.prizeList]
|
||||
// 这里随机产生的 prizeId 是模拟后端返回的 prizeId
|
||||
const arr=list.filter(v=>v.type==res.data.type)
|
||||
let prizeId = arr[0].prizeId
|
||||
|
||||
// 拿到后端返回的 prizeId 后，开始循环比对得出那个中奖的数据
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
let item = list[i]
|
||||
if (item.prizeId === prizeId) {
|
||||
// 中奖下标
|
||||
this.prizeIndex = i
|
||||
break
|
||||
}
|
||||
}
|
||||
console.log('本次抽中奖品 =>', this.prizeList[this.prizeIndex].prizeName)
|
||||
},
|
||||
// 本次抽奖结束
|
||||
handleDrawEnd() {
|
||||
console.log('旋转结束，执行拿到结果后到逻辑')
|
||||
// 旋转结束后，开始处理拿到结果后的逻辑
|
||||
// const prize = this.prizeList[this.prizeIndex]
|
||||
const prize = this.result
|
||||
let {name} = prize
|
||||
let tipContent = ''
|
||||
|
||||
if (name.type ==1) {
|
||||
tipContent = '很遗憾，没有中奖，请再接再厉！'
|
||||
} else {
|
||||
tipContent = `恭喜您，获得 ${name}${this.result.type==2?(this.result.number+'元'):''} ！`
|
||||
}
|
||||
const _this=this;
|
||||
console.log(this.result);
|
||||
this.showLingPop({...this.result})
|
||||
this.result=''
|
||||
this.prizeing = false
|
||||
return
|
||||
// uni.showModal({
|
||||
// content: tipContent,
|
||||
// showCancel: false,
|
||||
// success() {
|
||||
// const {
|
||||
// orderId,id
|
||||
// }=_this.result
|
||||
// _this.$Request.postJson('app/discSpinning/receive',_this.result).then(res=>{
|
||||
// _this.result=''
|
||||
// console.log(res)
|
||||
// if(res.code==0){
|
||||
// uni.showToast({
|
||||
// title: '领取成功',
|
||||
// icon:'none'
|
||||
// })
|
||||
// _this.getRedPack()
|
||||
// }else{
|
||||
// uni.showToast({
|
||||
// title: '领取失败',
|
||||
// icon:'none'
|
||||
// })
|
||||
// }
|
||||
// })
|
||||
// },
|
||||
// complete: () => {
|
||||
// this.prizeing = false
|
||||
// }
|
||||
// })
|
||||
},
|
||||
// 抽奖转盘绘制完成
|
||||
handleDrawFinish(res) {
|
||||
console.log('抽奖转盘绘制完成', res)
|
||||
|
||||
if (res.ok) {
|
||||
// 计算结束绘制的时间
|
||||
if (console.timeEnd) {
|
||||
console.timeEnd('绘制转盘用时')
|
||||
}
|
||||
}
|
||||
|
||||
let stoTimer = setTimeout(() => {
|
||||
stoTimer = null
|
||||
|
||||
uni.hideLoading()
|
||||
// uni.showToast({
|
||||
// title: res.msg,
|
||||
// mask: true,
|
||||
// icon: 'none'
|
||||
// })
|
||||
}, 50)
|
||||
},
|
||||
async getRedPack(){
|
||||
const res=await this.$Request.getT('app/moneyDetails/selectUserMoney')
|
||||
if(res.code==0){
|
||||
this.totalMoney=res.data.amount
|
||||
}
|
||||
},
|
||||
async getCount(){
|
||||
const res=await this.$Request.getT('app/discSpinning/drawCount',{source:this.source})
|
||||
if(res.code==0){
|
||||
this.freeNum=res.count||0
|
||||
this.freeNumDay=res.sum||0
|
||||
}
|
||||
},
|
||||
lingquClose(){
|
||||
// this.getCount()
|
||||
this.getRedPack()
|
||||
},
|
||||
showLingPop(data){
|
||||
this.$refs.refLingqu.open(data)
|
||||
}
|
||||
},
|
||||
onLoad(opt) {
|
||||
this.option = opt
|
||||
if(opt.source){
|
||||
this.source=opt.source
|
||||
}
|
||||
this.prizeList = []
|
||||
this.getCount()
|
||||
this.getRedPack()
|
||||
this.getPrizeList()
|
||||
},
|
||||
onUnload() {
|
||||
uni.hideLoading()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.btn-group {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
top: 180px;
|
||||
gap: 20rpx;
|
||||
padding: 0 32rpx;
|
||||
}
|
||||
|
||||
.almost-lottery {
|
||||
flex: 1;
|
||||
background-color: #FF893F;
|
||||
}
|
||||
|
||||
.almost-lottery__head {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 460rpx;
|
||||
background: url('~static/images/lottery/top-bg.png') no-repeat center center/cover;
|
||||
|
||||
.action {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
margin: 0 auto;
|
||||
color: #FFFFFF;
|
||||
font-size: 32rpx;
|
||||
background-color: rgba(255, 136, 61, 1);
|
||||
border-radius: 44rpx;
|
||||
}
|
||||
|
||||
.action-shadow {
|
||||
box-shadow: 0px 14rpx 0px 0px rgba(235, 112, 36, 1);
|
||||
}
|
||||
|
||||
.pack {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
margin-right: 10rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: contain;
|
||||
background-image: url("~static/red-pack.png");
|
||||
}
|
||||
|
||||
.gift {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
margin-right: 10rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: contain;
|
||||
background-image: url("~static/gift.png");
|
||||
}
|
||||
|
||||
|
||||
.num {
|
||||
color: #F9FC31;
|
||||
}
|
||||
|
||||
.tip {
|
||||
position: relative;
|
||||
top: 428rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.almost-lottery__wheel {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
margin-top: -10rpx;
|
||||
.almost-lottery__count {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
padding: 20rpx 0 40rpx 0;
|
||||
}
|
||||
|
||||
.text {
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.almost-lottery__rule {
|
||||
padding: 0 28rpx;
|
||||
color: #FFF8CB;
|
||||
|
||||
.rule-head {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
margin: 40rpx 0;
|
||||
|
||||
.line {
|
||||
flex: 1;
|
||||
height: 1px;
|
||||
background-color: #FFF3A5;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 280rpx;
|
||||
color: #F63857;
|
||||
line-height: 70rpx;
|
||||
text-align: center;
|
||||
margin: 0 20rpx;
|
||||
border-radius: 8rpx;
|
||||
background-image: linear-gradient(0deg, rgba(255, 242, 158, 1), rgba(255, 244, 168, 1));
|
||||
}
|
||||
}
|
||||
|
||||
.rule-body {
|
||||
color: #FFF8CB;
|
||||
font-size: 24rpx;
|
||||
padding: 10rpx 0 40rpx;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.number {
|
||||
position: relative;
|
||||
top: 4rpx;
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
line-height: 28rpx;
|
||||
text-align: center;
|
||||
color: #F63857;
|
||||
background: #FFF8CB;
|
||||
border-radius: 50%;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.item-rule .text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.almost-lottery__action-dev {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 400rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
background-color: red;
|
||||
margin: 0 auto 40rpx;
|
||||
|
||||
.text {
|
||||
color: #FFFFFF;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.almost-lottery__popup-wrap {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.almost-lottery {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
},
|
||||
getOut() {
|
||||
uni.navigateTo({
|
||||
url: '/me/invite/cashDetail'
|
||||
url: '/me/yaoqing/ymg-yaoqing-tixian'
|
||||
});
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -0,0 +1,221 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="jifen u-flex u-col-center u-row-between ">
|
||||
<view class="ymf-jifen-l">
|
||||
<view class="ymf-jifen-l-t">
|
||||
当前积分
|
||||
</view>
|
||||
<view class="ymf-jifen-l-b">
|
||||
{{num}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="jifen-r">
|
||||
<view class="jifen-r-t">
|
||||
兑换说明
|
||||
</view>
|
||||
<view class="jifen-r-b">
|
||||
{{duihuanBili}}:1兑换，最少{{duihuanBili}}积分
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ymf-listTitle flex align-center">
|
||||
<u-icon name="order" color="#2e2f33" size="50"></u-icon>
|
||||
<text>
|
||||
兑换数量
|
||||
</text>
|
||||
</view>
|
||||
<!-- <view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view> -->
|
||||
<view class="ymf-list">
|
||||
<view class="ymf-list-input">
|
||||
<u-input v-model="value" placeholder="请输入兑换数量" type="number" :border="true" />
|
||||
</view>
|
||||
<view class="ymf-list-btn">
|
||||
<view @click="userIntegral()" class="ymf-list-btn-s flex align-center justify-center">
|
||||
提交兑换
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
num: 0,
|
||||
value: '',
|
||||
duihuanBili: 0,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getNum()
|
||||
this.getduihuanBili()
|
||||
},
|
||||
methods: {
|
||||
//兑换积分
|
||||
userIntegral() {
|
||||
if (!this.value) {
|
||||
uni.showToast({
|
||||
title: '请输入兑换的积分数量',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (Number(this.value) < Number(this.duihuanBili)) {
|
||||
uni.showToast({
|
||||
title: '兑换的积分数量不能小于' + this.duihuanBili + '积分',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
let data = {
|
||||
integral: this.value
|
||||
}
|
||||
this.$Request.postT('/app/integral/creditsExchange', data).then(res => {
|
||||
if (res.code === 0) {
|
||||
uni.showToast({
|
||||
title: '积分兑换成功'
|
||||
})
|
||||
this.getNum()
|
||||
this.value = ''
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1500)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
//获取积分兑换比例
|
||||
getduihuanBili() {
|
||||
this.$u.get('/app/common/type/104').then(res => { // 积分兑换比例 104
|
||||
if (res.code === 0 && res.data) {
|
||||
this.duihuanBili = res.data.value
|
||||
}
|
||||
});
|
||||
},
|
||||
//获取当前积分
|
||||
getNum() {
|
||||
this.$Request.getT('/app/integral/selectByUserId').then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code == 0) {
|
||||
this.num = res.data.integralNum
|
||||
} else {
|
||||
this.num = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.jifen {
|
||||
width: 100%;
|
||||
height: 252rpx;
|
||||
background: linear-gradient(90deg, rgba(255, 117, 129, 0.6) 0%, #ff7581 100%);
|
||||
padding: 0 40rpx;
|
||||
|
||||
.ymf-jifen-l-t {
|
||||
color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.ymf-jifen-l-b {
|
||||
font-size: 40rpx;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.jifen-r {
|
||||
color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
|
||||
.jifen-r-b {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ymf-listTitle {
|
||||
width: 100%;
|
||||
height: 110rpx;
|
||||
margin-top: -40rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 30rpx 30rpx 0 0;
|
||||
padding-left: 20rpx;
|
||||
|
||||
text {
|
||||
color: #2e2f33;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
margin-left: 20rpx;
|
||||
padding-top: 8rpx;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.ymf-list {
|
||||
width: 100%;
|
||||
|
||||
.ymf-list-input {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.ymf-list-btn {
|
||||
padding: 40rpx;
|
||||
|
||||
}
|
||||
|
||||
.ymf-list-btn-s {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
color: #ffffff;
|
||||
background-color: #ff7581;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,18 +1,48 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="jf flex align-center justify-between">
|
||||
<view class="jf-l">
|
||||
<view class="jf-l-t">
|
||||
<view class="ymf-jf flex align-center justify-between">
|
||||
<view class="ymf-jf-l">
|
||||
<view class="ymf-jf-l-t">
|
||||
当前积分
|
||||
</view>
|
||||
<view class="jf-l-b">
|
||||
<view class="ymf-jf-l-b">
|
||||
{{num}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="jf-r" @click="goNav('/me/jifen/duihuan')">
|
||||
<view class="ymf-jf-r" @click="ymfgoNav('/me/jifen/duanju-jifen-duihuan')">
|
||||
积分兑换
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view> -->
|
||||
<view class="listTitle flex align-center">
|
||||
<u-icon name="order" color="#2e2f33" size="50"></u-icon>
|
||||
<text>
|
||||
|
|
@ -20,8 +50,8 @@
|
|||
</text>
|
||||
</view>
|
||||
<view class="list">
|
||||
<scroll-view @scrolltolower="scrolltolower" :refresher-enabled="refresherTriggered"
|
||||
@scrolltoupper="scrolltoupper" scroll-y="true"
|
||||
<scroll-view :refresher-enabled="refresherTriggered"
|
||||
@scrolltoupper="ymfscrolltoupper" scroll-y="true"
|
||||
style="width: 100%;height: 100%;background-color: #ffffff;padding-bottom: 30rpx;">
|
||||
<view class="list-item flex align-center justify-center" v-for="(item,index) in list" :key="index">
|
||||
<view class="list-item-box flex align-center justify-between">
|
||||
|
|
@ -73,37 +103,37 @@
|
|||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getNum()
|
||||
this.getList()
|
||||
this.ymfgetNum()
|
||||
this.ymfgetList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.getNum()
|
||||
this.ymfgetNum()
|
||||
},
|
||||
methods: {
|
||||
goNav(url) {
|
||||
ymfgoNav(url) {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
},
|
||||
//上拉刷新
|
||||
scrolltoupper() {
|
||||
ymfscrolltoupper() {
|
||||
this.page = 1
|
||||
this.refresherTriggered = true
|
||||
this.getList()
|
||||
this.ymfgetList()
|
||||
},
|
||||
//加载更多
|
||||
scrolltolower() {
|
||||
ymfscrolltoupper() {
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loading'
|
||||
this.page += 1
|
||||
this.getList()
|
||||
this.ymfgetList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
|
||||
},
|
||||
//获取积分明细
|
||||
getList() {
|
||||
ymfgetList() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit
|
||||
|
|
@ -128,7 +158,7 @@
|
|||
})
|
||||
},
|
||||
//获取当前积分
|
||||
getNum() {
|
||||
ymfgetNum() {
|
||||
this.$Request.getT('/app/integral/selectByUserId').then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code === 0) {
|
||||
|
|
@ -147,25 +177,25 @@
|
|||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.jf {
|
||||
.ymf-jf {
|
||||
width: 100%;
|
||||
height: 252rpx;
|
||||
background: linear-gradient(90deg, rgba(255, 117, 129, 0.6) 0%, #ff7581 100%);
|
||||
padding: 0 40rpx;
|
||||
|
||||
.jf-l-t {
|
||||
.ymf-jf-l-t {
|
||||
color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.jf-l-b {
|
||||
.ymf-jf-l-b {
|
||||
font-size: 40rpx;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.jf-r {
|
||||
.ymf-jf-r {
|
||||
padding: 20rpx 40rpx;
|
||||
border-radius: 40rpx;
|
||||
color: #ff7581;
|
||||
|
|
@ -1,191 +0,0 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="jf flex align-center justify-between">
|
||||
<view class="jf-l">
|
||||
<view class="jf-l-t">
|
||||
当前积分
|
||||
</view>
|
||||
<view class="jf-l-b">
|
||||
{{num}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="jf-r">
|
||||
<view class="jf-r-t">
|
||||
兑换说明
|
||||
</view>
|
||||
<view class="jf-r-b">
|
||||
{{bili}}:1兑换，最少{{bili}}积分
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="listTitle flex align-center">
|
||||
<u-icon name="order" color="#2e2f33" size="50"></u-icon>
|
||||
<text>
|
||||
兑换数量
|
||||
</text>
|
||||
</view>
|
||||
<view class="list">
|
||||
<view class="list-input">
|
||||
<u-input v-model="value" placeholder="请输入兑换数量" type="number" :border="true" />
|
||||
</view>
|
||||
<view class="list-btn">
|
||||
<view @click="userIntegral()" class="list-btn-s flex align-center justify-center">
|
||||
提交兑换
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
num: 0,
|
||||
value: '',
|
||||
bili: 0,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getNum()
|
||||
this.getBili()
|
||||
},
|
||||
methods: {
|
||||
//兑换积分
|
||||
userIntegral() {
|
||||
if (!this.value) {
|
||||
uni.showToast({
|
||||
title: '请输入兑换的积分数量',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (Number(this.value) < Number(this.bili)) {
|
||||
uni.showToast({
|
||||
title: '兑换的积分数量不能小于' + this.bili + '积分',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
let data = {
|
||||
integral: this.value
|
||||
}
|
||||
this.$Request.postT('/app/integral/creditsExchange', data).then(res => {
|
||||
if (res.code === 0) {
|
||||
uni.showToast({
|
||||
title: '积分兑换成功'
|
||||
})
|
||||
this.getNum()
|
||||
this.value = ''
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1500)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
//获取积分兑换比例
|
||||
getBili() {
|
||||
this.$u.get('/app/common/type/104').then(res => { // 积分兑换比例 104
|
||||
if (res.code === 0 && res.data) {
|
||||
this.bili = res.data.value
|
||||
}
|
||||
});
|
||||
},
|
||||
//获取当前积分
|
||||
getNum() {
|
||||
this.$Request.getT('/app/integral/selectByUserId').then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code == 0) {
|
||||
this.num = res.data.integralNum
|
||||
} else {
|
||||
this.num = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.jf {
|
||||
width: 100%;
|
||||
height: 252rpx;
|
||||
background: linear-gradient(90deg, rgba(255, 117, 129, 0.6) 0%, #ff7581 100%);
|
||||
padding: 0 40rpx;
|
||||
|
||||
.jf-l-t {
|
||||
color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.jf-l-b {
|
||||
font-size: 40rpx;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.jf-r {
|
||||
color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
|
||||
.jf-r-b {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.listTitle {
|
||||
width: 100%;
|
||||
height: 110rpx;
|
||||
margin-top: -40rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 30rpx 30rpx 0 0;
|
||||
padding-left: 20rpx;
|
||||
|
||||
text {
|
||||
color: #2e2f33;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
margin-left: 20rpx;
|
||||
padding-top: 8rpx;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
width: 100%;
|
||||
|
||||
.list-input {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.list-btn {
|
||||
padding: 40rpx;
|
||||
|
||||
}
|
||||
|
||||
.list-btn-s {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
color: #ffffff;
|
||||
background-color: #ff7581;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,245 @@
|
|||
<template>
|
||||
<view class="u-p-30">
|
||||
<view class="box u-m-t-20 u-relative">
|
||||
<view class="u-flex">
|
||||
<view class="color-000 font-bold u-font-40">
|
||||
专家模式
|
||||
</view>
|
||||
<view class="pro u-m-l-20">
|
||||
<view>Pro</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="u-flex u-m-t-40">
|
||||
<view class="u-relative">
|
||||
<view class="line-b u-relative u-font-48 font-bold">更像更美</view>
|
||||
<view class="u-absolute u-m-t-20 color-999 u-line-1" style="top: 100%;">上传 10-20 张照片</view>
|
||||
</view>
|
||||
<view class="u-m-l-60 u-relative">
|
||||
<view class="line-b u-relative u-font-48 font-bold">排队时间短</view>
|
||||
<view class="u-absolute u-m-t-20 color-999" style="top: 100%;">
|
||||
VIP专属通道</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex" style="margin-top: 100rpx;">
|
||||
<view class="" style="color: rgb(239,176,84);">包含以下权益:</view>
|
||||
</view>
|
||||
<view class="u-flex u-m-t-40">
|
||||
<view class="u-relative">
|
||||
<view class="line-b u-relative font-bold">
|
||||
<text class="u-font-48 ">30+ </text>
|
||||
<text class="u-m-l-10">模板</text>
|
||||
</view>
|
||||
<view class="u-absolute u-m-t-20 color-999 u-line-1" style="top: 100%;">价值￥40</view>
|
||||
</view>
|
||||
<view class="u-m-l-60 u-relative">
|
||||
<view class="line-b u-relative font-bold">
|
||||
<image src="/static/zuan.png" style="width: 40rpx;height: 30rpx;" mode=""></image>
|
||||
<text class="u-font-48">10</text>
|
||||
<text class="u-m-l-10">赠送</text>
|
||||
</view>
|
||||
<view class="u-absolute u-m-t-20 color-999 u-line-1" style="top: 100%;">
|
||||
可解锁付费模板</view>
|
||||
</view>
|
||||
<view class="u-relative u-m-l-60">
|
||||
<view class="line-b u-relative font-bold">
|
||||
<text class="u-font-48 ">1</text>
|
||||
<text class="u-m-l-10">次重置</text>
|
||||
</view>
|
||||
<view class="u-absolute u-m-t-20 color-999 u-line-1" style="top: 100%;">可重置数字分身</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex u-row-between" style="margin-top: 130rpx;margin-bottom: 30rpx;">
|
||||
<view class="u-flex u-relative">
|
||||
<view class="zhuan-img zhuan-img1 u-absolute">
|
||||
<image src="/static/1.jpg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="zhuan-img zhuan-img2 u-absolute">
|
||||
<image src="/static/1.jpg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="zhuan-img zhuan-img3 u-absolute">
|
||||
<image src="/static/1.jpg" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-relative" >
|
||||
<view class="zhekou u-absolute">
|
||||
<text class="" style="text-decoration: line-through;">￥29.9</text><text>限时特惠</text>
|
||||
</view>
|
||||
<my-button @click="$u.route('/pages/control-fenshen/ceate-fenshen')"> <text>￥ {{config1.model_train_price/100}} 马上生成</text></my-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
<!-- <view class="box u-m-t-20">
|
||||
<view class="u-flex">
|
||||
<view class="font-bold ">数字分身兑换码</view>
|
||||
<image src="/static/gift1.png" class="u-m-l-6" style="width: 40rpx;height: 30rpx;" mode=""></image>
|
||||
</view>
|
||||
<view class="u-m-t-20 u-flex">
|
||||
<view class="u-flex-1 input-border u-flex u-p-l-30">
|
||||
<u-input placehoder="请输入数字分身礼包码"></u-input>
|
||||
</view>
|
||||
<view class="border duihuan u-m-l-20">
|
||||
确认兑换
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
userInfo:uni.getStorageSync('userInfo'),
|
||||
config1:uni.getStorageSync('config')
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
let userInfo=uni.getStorageSync('userInfo')
|
||||
if(userInfo){
|
||||
this.userInfo =userInfo
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.$api({
|
||||
url: "user/info"
|
||||
}).then(res => {
|
||||
this.userInfo = res.data
|
||||
uni.setStorageSync('userInfo', res.data)
|
||||
})
|
||||
},
|
||||
methods:{
|
||||
toFree(){
|
||||
this.$u.route('/pages/control-fenshen/free-create-fenshen')
|
||||
// if(!this.userInfo.tried){
|
||||
// this.$u.route('/pages/control-fenshen/free-create-fenshen')
|
||||
// }else{
|
||||
// this.$refs.uToast.show({
|
||||
// title:"您已经不是首次创建分身了"
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.line-b::after {
|
||||
background-color: rgb(250, 195, 40);
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: block;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 12rpx;
|
||||
height: 12rpx;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 2px solid rgb(222, 219, 212);
|
||||
padding: 30rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: rgb(255, 241, 242);
|
||||
}
|
||||
|
||||
.zhekou {
|
||||
top: -20rpx;
|
||||
right: 6rpx;
|
||||
z-index: 10;
|
||||
color: #fff;
|
||||
padding: 0 20rpx;
|
||||
border-radius: 50rpx 50rpx 0 50rpx;
|
||||
font-size: 20rpx;
|
||||
line-height: 40rpx;
|
||||
background-color: rgb(255, 64, 28);
|
||||
}
|
||||
|
||||
.tuijian {
|
||||
background-color: rgb(34, 34, 34);
|
||||
color: #fff;
|
||||
position: absolute;right: -2px;
|
||||
top: -2px;
|
||||
border-radius: 0 30rpx 0 30rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
}
|
||||
.zhuan-img{
|
||||
width: 120rpx;
|
||||
height: 160rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
image{
|
||||
width: 120rpx;
|
||||
height: 160rpx;
|
||||
}
|
||||
}
|
||||
.input-border{
|
||||
border: 1px solid rgb(33, 33, 33);
|
||||
height: 92rpx;
|
||||
line-height: 92rpx;
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
.duihuan{
|
||||
border: 1px solid #999;
|
||||
border-radius: 100rpx;
|
||||
color: #999;
|
||||
height: 92rpx;
|
||||
padding: 0 30rpx;
|
||||
line-height: 92rpx;
|
||||
}
|
||||
.zhuan-img1{
|
||||
z-index: 3;
|
||||
}
|
||||
.zhuan-img2{
|
||||
width: 120rpx;
|
||||
height: 140rpx;
|
||||
z-index: 2;
|
||||
left: 66rpx;
|
||||
transform: rotateZ(15deg);
|
||||
}
|
||||
.zhuan-img3{
|
||||
z-index: 1;
|
||||
width: 100rpx;
|
||||
height: 120rpx;
|
||||
z-index: 1;
|
||||
left: 140rpx;
|
||||
margin-top: 30rpx;
|
||||
transform: rotateZ(30deg);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,458 @@
|
|||
<template>
|
||||
<view>
|
||||
<u-navbar title="我的数字分身"></u-navbar>
|
||||
<u-swiper @change="change" @click="swiperClick" :current="current" border-radius="0" :list="list" height="1000"
|
||||
mode="number" :autoplay="false"></u-swiper>
|
||||
<view class="u-m-t-40">
|
||||
<view class="u-flex u-row-center">
|
||||
<view style="width: 360rpx;">
|
||||
<view class="" style="filter: opacity(0.5);" v-if="data.mainPhoto==swiperCurrent">
|
||||
<my-button type="cancel">
|
||||
<view class="u-flex">
|
||||
<u-icon name="edit-pen"></u-icon>
|
||||
<text class="u-m-l-10">换成这张</text>
|
||||
</view>
|
||||
</my-button>
|
||||
</view>
|
||||
<my-button @click="huan" type="cancel" v-else>
|
||||
<view class="u-flex">
|
||||
<u-icon name="edit-pen"></u-icon>
|
||||
<text class="u-m-l-10">换成这张</text>
|
||||
</view>
|
||||
</my-button>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 240rpx;">
|
||||
|
||||
</view>
|
||||
<view class="fixed_b u-flex u-row-right">
|
||||
<view class="u-flex">
|
||||
<view class="u-flex u-m-r-30 u-relative" @click="share">
|
||||
<u-icon name="share" size="40"></u-icon>
|
||||
<view class="u-m-l-6 font-bold">分享</view>
|
||||
<view class="u-flex u-absolute yaoqing">
|
||||
<view class="u-m-r-6 u-line-1">邀请好友制作分身</view>
|
||||
<image style="width: 36rpx;height: 32rpx;" src="" mode=""></image>
|
||||
<view class="u-m-l-6 ">+20</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex u-relative" @click="download">
|
||||
<view class="u-absolute zuan u-flex">
|
||||
<image src="" mode=""></image>
|
||||
<view>-2</view>
|
||||
</view>
|
||||
<u-icon name="download" size="40"></u-icon>
|
||||
<view class="u-m-l-6 font-bold">下载</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="show" class="share fixed u-flex u-row-right u-flex-col"
|
||||
style="z-index: 990; left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, .5);">
|
||||
<view class="u-m-b-60">
|
||||
<view class="u-flex" style="border-radius: 30rpx;overflow: hidden;">
|
||||
<image style="width: 630rpx;height: 730rpx;" :src="src" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg-fff w-full u-p-30" style="border-radius: 30rpx 30rpx 0 0;">
|
||||
<view class="u-flex u-row-right">
|
||||
<u-icon name="close" @click="toggle('show')"></u-icon>
|
||||
</view>
|
||||
<view class="u-m-t-30 color-000 u-text-center font-bold">生成分享图</view>
|
||||
<view class=" u-m-t-40 u-flex u-row-center" style="padding-bottom: 60rpx;">
|
||||
<view class="u-flex u-flex-col u-row-center" @click="ondown(src)">
|
||||
<view class="u-flex u-row-center"
|
||||
style="width: 100rpx;height: 100rpx; background-color: rgb(240, 240, 240);border-radius: 50%;">
|
||||
<u-icon name="download" size="60" color="#000"></u-icon>
|
||||
</view>
|
||||
<view class="u-m-t-10 color-999">保存到相册</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode="">
|
||||
</image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp"
|
||||
mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp"
|
||||
mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp"
|
||||
mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp"
|
||||
mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp"
|
||||
mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp"
|
||||
mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp"
|
||||
mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp"
|
||||
mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<my-pop ref="myPop1" :borderRadius="32" :closeable="false">
|
||||
<view>
|
||||
<view class="u-flex color-000 font-bold u-row-center">
|
||||
<view>下载需消耗</view>
|
||||
<view class="u-flex">
|
||||
<image src="" style="width: 40rpx;height: 32rpx;" mode=""></image>
|
||||
</view>
|
||||
<view>2</view>
|
||||
</view>
|
||||
<view class="u-m-t-20 u-font-24 u-text-center color-999">
|
||||
钻石余额：{{userInfo.diamond}}
|
||||
</view>
|
||||
<view class="u-m-t-40 u-p-l-30 u-p-r-30 u-flex">
|
||||
<view class="u-flex-1 u-p-r-16">
|
||||
<my-button type="cancel" @click="cancel1">取消</my-button>
|
||||
</view>
|
||||
<view class="u-flex-1 u-p-l-16">
|
||||
<my-button @click="confirm1">确认</my-button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-m-t-30 u-flex u-row-center u-font-24 u-p-b-40">
|
||||
<view class="u-flex">
|
||||
<u-checkbox-group width="34rpx" shape="circle" :active-color="config.color.main">
|
||||
<u-checkbox v-model="checked1" :disabled="false"></u-checkbox>
|
||||
</u-checkbox-group>
|
||||
</view>
|
||||
<view class="color-999 u-m-l-20">不再提醒</view>
|
||||
</view>
|
||||
</view>
|
||||
</my-pop>
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
let isdownloadIng = false
|
||||
import config from '@/common/config/config.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
current: 0,
|
||||
show: false,
|
||||
imgs: [],
|
||||
id: '',
|
||||
config,
|
||||
swiperCurrent: '',
|
||||
isCole: false,
|
||||
nowSel: '',
|
||||
list: [],
|
||||
data: '',
|
||||
checked1: uni.getStorageSync('tips3'),
|
||||
userInfo: uni.getStorageSync('userInfo')
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
userInfo: {
|
||||
deep: true, //深度监听设置为 true
|
||||
handler: function(newV, oldV) {
|
||||
uni.setStorageSync('userInfo', newV)
|
||||
}
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.userInfo = uni.getStorageSync('userInfo')
|
||||
},
|
||||
onLoad(opt) {
|
||||
this.id = opt.id || undefined
|
||||
if (this.id) {
|
||||
this.$api({
|
||||
url: 'model/info/' + this.id
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
this.data = res.data
|
||||
this.nowSel = res.data.modelAvartars[0].imageUrl
|
||||
this.swiperCurrent = res.data.modelAvartars[0].imageUrl
|
||||
this.list = res.data.modelAvartars.map(v => {
|
||||
return {
|
||||
...v,
|
||||
image: v.smallUrl
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
swiperChange(e) {
|
||||
this.current = e
|
||||
},
|
||||
cancel1() {
|
||||
this.$refs.myPop1.close()
|
||||
},
|
||||
confirm1() {
|
||||
uni.setStorageSync('tips3', this.checked1)
|
||||
const item = this.list.find(v => v.imageUrl == this.swiperCurrent)
|
||||
this.$refs.myPop1.close()
|
||||
this.$api({
|
||||
url: 'model/download/' + item.id
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
if (res.code == 200) {
|
||||
this.userInfo.diamond = this.userInfo.diamond - 2
|
||||
this.ondown(res.data)
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
/* open和close方法一般用不到，但是在一些特殊场景会用到，
|
||||
* 比如预览图片时你需要覆盖 NavigationBar和 TabBar，
|
||||
* 或者在app中需要预览图片时覆盖住原生组件，比如video或者map等，
|
||||
* 你可以根据open和close去做一些操作，例如隐藏导航栏或者隐藏一些原生组件等
|
||||
*/
|
||||
open() { //监听组件显示 （隐藏TabBar和NavigationBar，隐藏video原生组件）
|
||||
// uni.hideTabBar()
|
||||
// uni.setNavigationBarColor({
|
||||
// frontColor: '#000000', // 设置前景色为黑色
|
||||
// backgroundColor: '#000000', // 设置背景色为黑色
|
||||
// })
|
||||
// this.videoShow = false
|
||||
},
|
||||
close() { //监听组件隐藏 （显示TabBar和NavigationBar，显示video原生组件）
|
||||
// uni.showTabBar()
|
||||
// uni.setNavigationBarColor({
|
||||
// frontColor: '#ffffff', // 设置前景色为白色
|
||||
// backgroundColor: '#000000', // 设置背景色为黑色
|
||||
// })
|
||||
// this.videoShow = true
|
||||
},
|
||||
swiperClick(e) {
|
||||
console.log(e);
|
||||
const _this = this
|
||||
const arr = this.list.map(v => {
|
||||
return v.imageUrl
|
||||
})
|
||||
console.log(arr);
|
||||
this.imgs = arr
|
||||
// #ifdef MP-WEIXIN
|
||||
this.$nextTick(() => {
|
||||
this.$refs.previewImage.open(arr[e]); // 传入当前选中的图片地址(小程序必须添加$nextTick，解决组件首次加载无图)
|
||||
})
|
||||
// #endif
|
||||
// #ifndef MP-WEIXIN
|
||||
this.$refs.previewImage.open(arr[e]); // 传入当前选中的图片地址
|
||||
// #endif
|
||||
return
|
||||
uni.previewImage({
|
||||
urls: _this.list,
|
||||
current: 0,
|
||||
longPressActions: {
|
||||
itemList: ['发送给朋友', '保存图片', '收藏'],
|
||||
success: function(data) {
|
||||
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
|
||||
},
|
||||
fail: function(err) {
|
||||
console.log(err.errMsg);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
change(e) {
|
||||
console.log(e);
|
||||
this.current = e
|
||||
this.swiperCurrent = this.list[e].imageUrl
|
||||
},
|
||||
share() {
|
||||
const item = this.list.find(v => v.imageUrl == this.swiperCurrent)
|
||||
this.$api({
|
||||
url: 'model/share/' + item.id
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
if (res.code == 200) {
|
||||
// #ifdef MP-WEIXIN
|
||||
wx.downloadFile({
|
||||
url: res.data,
|
||||
success: (res1) => {
|
||||
wx.showShareImageMenu({
|
||||
path: res1.tempFilePath
|
||||
})
|
||||
}
|
||||
})
|
||||
// #endif
|
||||
// this.src = res.data
|
||||
// this.show = true
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
download() {
|
||||
if (this.userInfo.diamond < 2) {
|
||||
return this.$refs.uToast.show({
|
||||
title: '钻石不足，请充值！',
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
const item = this.list.find(v => v.imageUrl == this.swiperCurrent)
|
||||
if (this.checked1) {
|
||||
this.$api({
|
||||
url: 'model/download/' + item.id
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
if (res.code == 200) {
|
||||
this.userInfo.diamond = this.userInfo.diamond - 2
|
||||
this.ondown(res.data)
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$refs.myPop1.open()
|
||||
}
|
||||
|
||||
},
|
||||
huan() {
|
||||
console.log(this.swiperCurrent);
|
||||
const item = this.list.find(v => v.imageUrl == this.swiperCurrent)
|
||||
this.$api({
|
||||
url: 'model/change-main-photo/' + this.data.id + '/' + item.id
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
this.data.mainPhoto = item.imageUrl
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
if (res.code == 200) {
|
||||
this.$api({
|
||||
url: "user/info"
|
||||
}).then(res => {
|
||||
uni.setStorageSync('userInfo', res.data)
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
ondown(url) {
|
||||
let that = this
|
||||
if (isdownloadIng) {
|
||||
that.$refs.uToast.show({
|
||||
position: 'top',
|
||||
title: '保存中，请勿重复点击！',
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
uni.showLoading({
|
||||
title: '保存中……'
|
||||
})
|
||||
isdownloadIng = true
|
||||
uni.downloadFile({
|
||||
url,
|
||||
success(res) {
|
||||
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: res.tempFilePath,
|
||||
success(res) {
|
||||
console.log('保存成功')
|
||||
uni.hideLoading()
|
||||
that.$refs.uToast.show({
|
||||
title: '保存成功',
|
||||
type: 'success'
|
||||
})
|
||||
isdownloadIng = false
|
||||
},
|
||||
fail(res) {
|
||||
console.log(res)
|
||||
uni.hideLoading()
|
||||
that.$refs.uToast.show({
|
||||
title: '保存失败',
|
||||
type: 'error'
|
||||
})
|
||||
isdownloadIng = false
|
||||
}
|
||||
})
|
||||
},
|
||||
fail(res) {
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
},
|
||||
changeKey(key, val) {
|
||||
this[key] = val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.fixed_b {
|
||||
padding-bottom: 80rpx;
|
||||
padding-top: 60rpx;
|
||||
border-top: 1px solid rgb(244, 244, 244);
|
||||
background-color: #fff;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.hd {
|
||||
border-radius: 4rpx;
|
||||
font-size: 20rpx;
|
||||
border: 2px solid #333;
|
||||
}
|
||||
|
||||
.yaoqing {
|
||||
padding: 10rpx 10rpx;
|
||||
bottom: 120%;
|
||||
right: 20rpx;
|
||||
border: 1px solid #333;
|
||||
border-radius: 40rpx 40rpx 0 40rpx;
|
||||
font-size: 24rpx;
|
||||
background-color: $my-main-color;
|
||||
}
|
||||
|
||||
.zuan {
|
||||
padding: 10rpx 10rpx;
|
||||
bottom: 120%;
|
||||
right: 20rpx;
|
||||
border: 1px solid #333;
|
||||
border-radius: 40rpx 40rpx 0 40rpx;
|
||||
|
||||
image {
|
||||
width: 36rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,155 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="ymf-list flex align-center justify-between flex-wrap">
|
||||
<view class="ymf-list-item" v-for="(item,index) in list" :key="index" @click="ymfgoCourse(item.courseId,item.courseDetailsId)">
|
||||
<view class="ymf-list-item-img">
|
||||
<image :src="item.titleImg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="ymf-list-item-title">
|
||||
{{item.title}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="ymf-list-item" style="height: 0;"></view>
|
||||
</view>
|
||||
<!-- <view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view> -->
|
||||
<view class="" style="margin: 20rpx;" v-if="list.length > 0">
|
||||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
|
||||
<empty v-if="list.length == 0" title="暂无记录" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
status: 'loadmore',
|
||||
list: [],
|
||||
page: 1,
|
||||
pages: 1,
|
||||
limit: 10,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.ymfgetList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.ymfgetList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.page < this.pages) {
|
||||
this.page += 1
|
||||
this.status = 'loading'
|
||||
this.ymfgetList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 跳转资源详情
|
||||
ymfgoCourse(e,courseDetailsId) {
|
||||
uni.navigateTo({
|
||||
url: '/me/detail/detail?id=' + e+'&courseDetailsId='+courseDetailsId
|
||||
})
|
||||
},
|
||||
//获取观看记录
|
||||
ymfgetList() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
classify: 2
|
||||
}
|
||||
this.$Request.getT('/app/courseCollect/selectByUserId', data).then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code == 0) {
|
||||
this.pages = res.data.pages
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loadmore'
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
if (this.page == 1) {
|
||||
this.list = res.data.records
|
||||
} else {
|
||||
this.list = [...this.list, ...res.data.records]
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.ymf-list {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 20rpx;
|
||||
padding: 0 20rpx;
|
||||
|
||||
.ymf-list-item {
|
||||
width: calc((100% - 40rpx) / 3);
|
||||
height: 100%;
|
||||
margin-bottom: 20rpx;
|
||||
.ymf-list-item-img {
|
||||
width: 100%;
|
||||
height: 280rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ymf-list-item-title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 60rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0 0 24rpx 24rpx;
|
||||
padding: 0 10rpx;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,193 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="ymf-list flex align-center justify-center" v-for="(item,index) in list" :key="index"
|
||||
@click="ymfgoCourse(item.courseId,item.courseDetailsId)">
|
||||
<view class="ymf-list-box flex align-center justify-between">
|
||||
<view class="ymf-list-box-l">
|
||||
<image :src="item.titleImg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="list-box-r flex flex-wrap">
|
||||
<view class="list-box-r-title">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="list-box-r-jilu">
|
||||
看到{{item.courseDetailsName}}
|
||||
</view>
|
||||
<view class="list-box-r-new flex align-center justify-between">
|
||||
<view class="list-box-r-new-l">
|
||||
{{item.over==1?'完结':'更新'+item.courseDetailsCount+'集'}}
|
||||
</view>
|
||||
<view class="list-box-r-new-r">
|
||||
继续观看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view> -->
|
||||
<view class="" style="margin: 20rpx;" v-if="list.length > 0">
|
||||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
<empty v-if="list.length == 0" title="暂无记录" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
status: 'loadmore',
|
||||
list: [],
|
||||
page: 1,
|
||||
pages: 1,
|
||||
limit: 10,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.ymfgetList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.ymfgetList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.page < this.pages) {
|
||||
this.page += 1
|
||||
this.status = 'loading'
|
||||
this.ymfgetList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 跳转资源详情
|
||||
ymfgoCourse(e, courseDetailsId) {
|
||||
uni.navigateTo({
|
||||
url: '/me/detail/detail?id=' + e + '&courseDetailsId=' + courseDetailsId
|
||||
})
|
||||
},
|
||||
//获取观看记录
|
||||
ymfgetList() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
classify: 1
|
||||
}
|
||||
this.$Request.getT('/app/courseCollect/selectByUserId', data).then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code == 0) {
|
||||
this.pages = res.data.pages
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loadmore'
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
if (this.page == 1) {
|
||||
this.list = res.data.records
|
||||
} else {
|
||||
this.list = [...this.list, ...res.data.records]
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.ymf-list {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.ymf-list-box {
|
||||
width: 686rpx;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
|
||||
.ymf-list-box-l {
|
||||
width: 150rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 24rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.list-box-r {
|
||||
width: calc(100% - 170rpx);
|
||||
height: 200rpx;
|
||||
padding: 20rpx;
|
||||
|
||||
.list-box-r-title {
|
||||
width: 100%;
|
||||
color: #2e2f33;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.list-box-r-jilu {
|
||||
width: 100%;
|
||||
color: #ff7581;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.list-box-r-new {
|
||||
width: 100%;
|
||||
font-size: 28rpx;
|
||||
|
||||
.list-box-r-new-l {
|
||||
color: #aeb2c1;
|
||||
|
||||
}
|
||||
|
||||
.list-box-r-new-r {
|
||||
padding: 10rpx 20rpx;
|
||||
background-color: #ff7581;
|
||||
color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,194 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="ymf-list flex align-center justify-center" v-for="(item,index) in list" :key="index"
|
||||
@click="ymfgoCourse(item.courseId,item.courseDetailsId)">
|
||||
<view class="ymf-list-box flex align-center justify-between">
|
||||
<view class="ymf-list-box-l">
|
||||
<image :src="item.titleImg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="ymf-list-box-r flex flex-wrap">
|
||||
<view class="ymf-list-box-r-title">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="ymf-list-box-r-jilu">
|
||||
看到{{item.courseDetailsName}}
|
||||
</view>
|
||||
<view class="ymf-list-box-r-new flex align-center justify-between">
|
||||
<view class="ymf-list-box-r-new-l">
|
||||
{{item.over===1?'完结':'更新'+item.courseDetailsCount+'集'}}
|
||||
</view>
|
||||
<view class="ymf-list-box-r-new-r">
|
||||
继续观看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view> -->
|
||||
<view class="" style="margin: 20rpx;" v-if="list.length > 0">
|
||||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
<empty v-if="list.length === 0" title="暂无记录" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
status: 'loadmore',
|
||||
list: [],
|
||||
page: 1,
|
||||
pages: 1,
|
||||
limit: 10,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.ymfgetDataList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.ymfgetDataList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.page < this.pages) {
|
||||
this.page += 1
|
||||
this.status = 'loading'
|
||||
this.ymfgetDataList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 跳转资源详情
|
||||
ymfgoCourse(e, courseDetailsId) {
|
||||
uni.navigateTo({
|
||||
url: '/me/detail/detail?id=' + e + '&courseDetailsId=' + courseDetailsId
|
||||
})
|
||||
},
|
||||
//获取观看记录
|
||||
ymfgetDataList() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
classify: 3
|
||||
}
|
||||
this.$Request.getT('/app/courseCollect/selectByUserId', data).then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code === 0) {
|
||||
this.pages = res.data.pages
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loadmore'
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
if (this.page === 1) {
|
||||
this.list = res.data.records
|
||||
} else {
|
||||
this.list = [...this.list, ...res.data.records]
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.ymf-list {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.ymf-list-box {
|
||||
width: 686rpx;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.ymf-list-box-l {
|
||||
width: 150rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 24rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.ymf-list-box-r {
|
||||
width: calc(100% - 170rpx);
|
||||
height: 200rpx;
|
||||
padding: 20rpx;
|
||||
|
||||
.ymf-list-box-r-title {
|
||||
width: 100%;
|
||||
color: #2e2f33;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ymf-list-box-r-jilu {
|
||||
width: 100%;
|
||||
color: #ff7581;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.ymf-list-box-r-new {
|
||||
width: 100%;
|
||||
font-size: 28rpx;
|
||||
|
||||
.ymf-list-box-r-new-l {
|
||||
color: #aeb2c1;
|
||||
|
||||
}
|
||||
|
||||
.ymf-list-box-r-new-r {
|
||||
padding: 10rpx 20rpx;
|
||||
background-color: #ff7581;
|
||||
color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,163 +0,0 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="list flex align-center justify-center" v-for="(item,index) in list" :key="index"
|
||||
@click="goCourse(item.courseId,item.courseDetailsId)">
|
||||
<view class="list-box flex align-center justify-between">
|
||||
<view class="list-box-l">
|
||||
<image :src="item.titleImg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="list-box-r flex flex-wrap">
|
||||
<view class="list-box-r-title">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="list-box-r-jilu">
|
||||
看到{{item.courseDetailsName}}
|
||||
</view>
|
||||
<view class="list-box-r-new flex align-center justify-between">
|
||||
<view class="list-box-r-new-l">
|
||||
{{item.over==1?'完结':'更新'+item.courseDetailsCount+'集'}}
|
||||
</view>
|
||||
<view class="list-box-r-new-r">
|
||||
继续观看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" style="margin: 20rpx;" v-if="list.length > 0">
|
||||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
<empty v-if="list.length == 0" title="暂无记录" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
status: 'loadmore',
|
||||
list: [],
|
||||
page: 1,
|
||||
pages: 1,
|
||||
limit: 10,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.getList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.page < this.pages) {
|
||||
this.page += 1
|
||||
this.status = 'loading'
|
||||
this.getList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 跳转资源详情
|
||||
goCourse(e, courseDetailsId) {
|
||||
uni.navigateTo({
|
||||
url: '/me/detail/detail?id=' + e + '&courseDetailsId=' + courseDetailsId
|
||||
})
|
||||
},
|
||||
//获取观看记录
|
||||
getList() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
classify: 1
|
||||
}
|
||||
this.$Request.getT('/app/courseCollect/selectByUserId', data).then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code == 0) {
|
||||
this.pages = res.data.pages
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loadmore'
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
if (this.page == 1) {
|
||||
this.list = res.data.records
|
||||
} else {
|
||||
this.list = [...this.list, ...res.data.records]
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.list {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.list-box {
|
||||
width: 686rpx;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
|
||||
.list-box-l {
|
||||
width: 150rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 24rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.list-box-r {
|
||||
width: calc(100% - 170rpx);
|
||||
height: 200rpx;
|
||||
padding: 20rpx;
|
||||
|
||||
.list-box-r-title {
|
||||
width: 100%;
|
||||
color: #2e2f33;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.list-box-r-jilu {
|
||||
width: 100%;
|
||||
color: #ff7581;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.list-box-r-new {
|
||||
width: 100%;
|
||||
font-size: 28rpx;
|
||||
|
||||
.list-box-r-new-l {
|
||||
color: #aeb2c1;
|
||||
|
||||
}
|
||||
|
||||
.list-box-r-new-r {
|
||||
padding: 10rpx 20rpx;
|
||||
background-color: #ff7581;
|
||||
color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,125 +0,0 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="list flex align-center justify-between flex-wrap">
|
||||
<view class="list-item" v-for="(item,index) in list" :key="index" @click="goCourse(item.courseId,item.courseDetailsId)">
|
||||
<view class="list-item-img">
|
||||
<image :src="item.titleImg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="list-item-title">
|
||||
{{item.title}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-item" style="height: 0;"></view>
|
||||
</view>
|
||||
<view class="" style="margin: 20rpx;" v-if="list.length > 0">
|
||||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
|
||||
<empty v-if="list.length == 0" title="暂无记录" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
status: 'loadmore',
|
||||
list: [],
|
||||
page: 1,
|
||||
pages: 1,
|
||||
limit: 10,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.getList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.page < this.pages) {
|
||||
this.page += 1
|
||||
this.status = 'loading'
|
||||
this.getList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 跳转资源详情
|
||||
goCourse(e,courseDetailsId) {
|
||||
uni.navigateTo({
|
||||
url: '/me/detail/detail?id=' + e+'&courseDetailsId='+courseDetailsId
|
||||
})
|
||||
},
|
||||
//获取观看记录
|
||||
getList() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
classify: 2
|
||||
}
|
||||
this.$Request.getT('/app/courseCollect/selectByUserId', data).then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code == 0) {
|
||||
this.pages = res.data.pages
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loadmore'
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
if (this.page == 1) {
|
||||
this.list = res.data.records
|
||||
} else {
|
||||
this.list = [...this.list, ...res.data.records]
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.list {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 20rpx;
|
||||
padding: 0 20rpx;
|
||||
|
||||
.list-item {
|
||||
width: calc((100% - 40rpx) / 3);
|
||||
height: 100%;
|
||||
margin-bottom: 20rpx;
|
||||
.list-item-img {
|
||||
width: 100%;
|
||||
height: 280rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.list-item-title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 60rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0 0 24rpx 24rpx;
|
||||
padding: 0 10rpx;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,283 @@
|
|||
<template>
|
||||
<view class="u-p-30">
|
||||
<view class="box" v-if="config1.open_try">
|
||||
<view class="color-000 font-bold u-font-40">
|
||||
体验模式
|
||||
</view>
|
||||
<view class="u-flex u-m-t-40">
|
||||
<view class="u-relative">
|
||||
<view class="line-b u-relative u-font-48 font-bold">上传 5 张照片</view>
|
||||
<view class="u-absolute u-m-t-20 color-999" style="top: 100%;">与本人的相似程度约为
|
||||
专家模式的70%</view>
|
||||
</view>
|
||||
<view class="u-m-l-60 u-relative">
|
||||
<view class="line-b u-relative u-font-48 font-bold">等待时间长</view>
|
||||
<view class="u-absolute u-m-t-20 color-999" style="top: 100%;">
|
||||
排队人数较多</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex" style="margin-top: 180rpx;">
|
||||
<view class="u-relative">
|
||||
<view class="line-b u-relative u-font-48 font-bold">模板使用受限</view>
|
||||
<view class="u-absolute u-m-t-20 color-999" style="top: 100%;">仅赠送都市证件照模板部分模板不可用</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex u-row-right" style="margin-top: 100rpx;">
|
||||
<view class="u-relative" >
|
||||
<view class="zhekou u-absolute">
|
||||
<text :class="{'line-th':!userInfo.tried}">￥{{config1.trial_model_train_price/100}}</text><text>首次免费</text>
|
||||
</view>
|
||||
<my-button type="cancel" @click="toFree"> <text>马上生成</text></my-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box u-m-t-20 u-relative">
|
||||
<view class="tuijian">
|
||||
推荐
|
||||
</view>
|
||||
<view class="u-flex">
|
||||
<view class="color-000 font-bold u-font-40">
|
||||
专家模式
|
||||
</view>
|
||||
<view class="pro u-m-l-20">
|
||||
<view>Pro</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="u-flex u-m-t-40">
|
||||
<view class="u-relative">
|
||||
<view class="line-b u-relative u-font-48 font-bold">更像更美</view>
|
||||
<view class="u-absolute u-m-t-20 color-999 u-line-1" style="top: 100%;">上传 10-20 张照片</view>
|
||||
</view>
|
||||
<view class="u-m-l-60 u-relative">
|
||||
<view class="line-b u-relative u-font-48 font-bold">排队时间短</view>
|
||||
<view class="u-absolute u-m-t-20 color-999" style="top: 100%;">
|
||||
VIP专属通道</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex" style="margin-top: 100rpx;">
|
||||
<view class="" style="color: rgb(239,176,84);">包含以下权益:</view>
|
||||
</view>
|
||||
<view class="u-flex u-m-t-40">
|
||||
<view class="u-relative">
|
||||
<view class="line-b u-relative font-bold">
|
||||
<text class="u-font-48 ">30+ </text>
|
||||
<text class="u-m-l-10">模板</text>
|
||||
</view>
|
||||
<view class="u-absolute u-m-t-20 color-999 u-line-1" style="top: 100%;">价值￥40</view>
|
||||
</view>
|
||||
<view class="u-m-l-60 u-relative">
|
||||
<view class="line-b u-relative font-bold">
|
||||
<image src="/static/zuan.png" style="width: 40rpx;height: 30rpx;" mode=""></image>
|
||||
<text class="u-font-48">10</text>
|
||||
<text class="u-m-l-10">赠送</text>
|
||||
</view>
|
||||
<view class="u-absolute u-m-t-20 color-999 u-line-1" style="top: 100%;">
|
||||
可解锁付费模板</view>
|
||||
</view>
|
||||
<view class="u-relative u-m-l-60">
|
||||
<view class="line-b u-relative font-bold">
|
||||
<text class="u-font-48 ">1</text>
|
||||
<text class="u-m-l-10">次重置</text>
|
||||
</view>
|
||||
<view class="u-absolute u-m-t-20 color-999 u-line-1" style="top: 100%;">可重置数字分身</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
<view class="u-flex u-row-between" style="margin-top: 130rpx;margin-bottom: 30rpx;">
|
||||
<view class="u-flex u-relative">
|
||||
<view class="zhuan-img zhuan-img1 u-absolute">
|
||||
<image src="/static/1.jpg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="zhuan-img zhuan-img2 u-absolute">
|
||||
<image src="/static/1.jpg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="zhuan-img zhuan-img3 u-absolute">
|
||||
<image src="/static/1.jpg" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-relative" >
|
||||
<view class="zhekou u-absolute">
|
||||
<text class="" style="text-decoration: line-through;">￥29.9</text><text>限时特惠</text>
|
||||
</view>
|
||||
<my-button @click="$u.route('/pages/control-fenshen/ceate-fenshen')"> <text>￥ {{config1.model_train_price/100}} 马上生成</text></my-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="box u-m-t-20">
|
||||
<view class="u-flex">
|
||||
<view class="font-bold ">数字分身兑换码</view>
|
||||
<image src="/static/gift1.png" class="u-m-l-6" style="width: 40rpx;height: 30rpx;" mode=""></image>
|
||||
</view>
|
||||
<view class="u-m-t-20 u-flex">
|
||||
<view class="u-flex-1 input-border u-flex u-p-l-30">
|
||||
<u-input placehoder="请输入数字分身礼包码"></u-input>
|
||||
</view>
|
||||
<view class="border duihuan u-m-l-20">
|
||||
确认兑换
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
userInfo:uni.getStorageSync('userInfo'),
|
||||
config1:uni.getStorageSync('config')
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
let userInfo=uni.getStorageSync('userInfo')
|
||||
if(userInfo){
|
||||
this.userInfo =userInfo
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.$api({
|
||||
url: "user/info"
|
||||
}).then(res => {
|
||||
this.userInfo = res.data
|
||||
uni.setStorageSync('userInfo', res.data)
|
||||
})
|
||||
},
|
||||
methods:{
|
||||
toFree(){
|
||||
this.$u.route('/pages/control-fenshen/free-create-fenshen')
|
||||
// if(!this.userInfo.tried){
|
||||
// this.$u.route('/pages/control-fenshen/free-create-fenshen')
|
||||
// }else{
|
||||
// this.$refs.uToast.show({
|
||||
// title:"您已经不是首次创建分身了"
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.line-th{
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.line-b::after {
|
||||
background-color: rgb(250, 195, 40);
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: block;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 12rpx;
|
||||
height: 12rpx;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 2px solid rgb(222, 219, 212);
|
||||
padding: 30rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: rgb(255, 241, 242);
|
||||
}
|
||||
|
||||
.zhekou {
|
||||
top: -20rpx;
|
||||
right: 6rpx;
|
||||
z-index: 10;
|
||||
color: #fff;
|
||||
padding: 0 20rpx;
|
||||
border-radius: 50rpx 50rpx 0 50rpx;
|
||||
font-size: 20rpx;
|
||||
line-height: 40rpx;
|
||||
background-color: rgb(255, 64, 28);
|
||||
}
|
||||
|
||||
.tuijian {
|
||||
background-color: rgb(34, 34, 34);
|
||||
color: #fff;
|
||||
position: absolute;right: -2px;
|
||||
top: -2px;
|
||||
border-radius: 0 30rpx 0 30rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
}
|
||||
.zhuan-img{
|
||||
width: 120rpx;
|
||||
height: 160rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
image{
|
||||
width: 120rpx;
|
||||
height: 160rpx;
|
||||
}
|
||||
}
|
||||
.input-border{
|
||||
border: 1px solid rgb(33, 33, 33);
|
||||
height: 92rpx;
|
||||
line-height: 92rpx;
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
.duihuan{
|
||||
border: 1px solid #999;
|
||||
border-radius: 100rpx;
|
||||
color: #999;
|
||||
height: 92rpx;
|
||||
padding: 0 30rpx;
|
||||
line-height: 92rpx;
|
||||
}
|
||||
.zhuan-img1{
|
||||
z-index: 3;
|
||||
}
|
||||
.zhuan-img2{
|
||||
width: 120rpx;
|
||||
height: 140rpx;
|
||||
z-index: 2;
|
||||
left: 66rpx;
|
||||
transform: rotateZ(15deg);
|
||||
}
|
||||
.zhuan-img3{
|
||||
z-index: 1;
|
||||
width: 100rpx;
|
||||
height: 120rpx;
|
||||
z-index: 1;
|
||||
left: 140rpx;
|
||||
margin-top: 30rpx;
|
||||
transform: rotateZ(30deg);
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,164 +0,0 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="list flex align-center justify-center" v-for="(item,index) in list" :key="index"
|
||||
@click="goCourse(item.courseId,item.courseDetailsId)">
|
||||
<view class="list-box flex align-center justify-between">
|
||||
<view class="list-box-l">
|
||||
<image :src="item.titleImg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="list-box-r flex flex-wrap">
|
||||
<view class="list-box-r-title">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="list-box-r-jilu">
|
||||
看到{{item.courseDetailsName}}
|
||||
</view>
|
||||
<view class="list-box-r-new flex align-center justify-between">
|
||||
<view class="list-box-r-new-l">
|
||||
{{item.over===1?'完结':'更新'+item.courseDetailsCount+'集'}}
|
||||
</view>
|
||||
<view class="list-box-r-new-r">
|
||||
继续观看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" style="margin: 20rpx;" v-if="list.length > 0">
|
||||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
<empty v-if="list.length === 0" title="暂无记录" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
status: 'loadmore',
|
||||
list: [],
|
||||
page: 1,
|
||||
pages: 1,
|
||||
limit: 10,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getDataList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.getDataList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.page < this.pages) {
|
||||
this.page += 1
|
||||
this.status = 'loading'
|
||||
this.getDataList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 跳转资源详情
|
||||
goCourse(e, courseDetailsId) {
|
||||
uni.navigateTo({
|
||||
url: '/me/detail/detail?id=' + e + '&courseDetailsId=' + courseDetailsId
|
||||
})
|
||||
},
|
||||
//获取观看记录
|
||||
getDataList() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
classify: 3
|
||||
}
|
||||
this.$Request.getT('/app/courseCollect/selectByUserId', data).then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code === 0) {
|
||||
this.pages = res.data.pages
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loadmore'
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
if (this.page === 1) {
|
||||
this.list = res.data.records
|
||||
} else {
|
||||
this.list = [...this.list, ...res.data.records]
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.list {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.list-box {
|
||||
width: 686rpx;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.list-box-l {
|
||||
width: 150rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 24rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.list-box-r {
|
||||
width: calc(100% - 170rpx);
|
||||
height: 200rpx;
|
||||
padding: 20rpx;
|
||||
|
||||
.list-box-r-title {
|
||||
width: 100%;
|
||||
color: #2e2f33;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.list-box-r-jilu {
|
||||
width: 100%;
|
||||
color: #ff7581;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.list-box-r-new {
|
||||
width: 100%;
|
||||
font-size: 28rpx;
|
||||
|
||||
.list-box-r-new-l {
|
||||
color: #aeb2c1;
|
||||
|
||||
}
|
||||
|
||||
.list-box-r-new-r {
|
||||
padding: 10rpx 20rpx;
|
||||
background-color: #ff7581;
|
||||
color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,185 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<view class="ymf-plot flex align-center justify-center">
|
||||
<view class="ymf-plot-box">
|
||||
<view class="ymf-plot-box-item flex justify-between"
|
||||
@click="ymfgoCourse(item.courseId,item.courseDetailsId)" v-for="(item,index) in juQingList"
|
||||
:key="index">
|
||||
<view class="ymf-plot-box-item-l">
|
||||
<image :src="item.titleImg" mode=""></image>
|
||||
</view>
|
||||
<view class="ymf-plot-box-item-r">
|
||||
<view class="ymf-plot-box-item-r-title">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="ymf-plot-box-item-r-content" v-html="item.details">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-if="juQingList.length == 0" />
|
||||
<!-- <view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view> -->
|
||||
<u-loadmore v-if="juQingList.length > 4" :status="status" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
juQingList: [], //剧情列表
|
||||
page: 1,
|
||||
limit: 10,
|
||||
pages: 1,
|
||||
status: 'loadmore',
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
this.ymfgetjuQingList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.page < this.pages) {
|
||||
this.page += 1
|
||||
this.status = 'loading'
|
||||
this.ymfgetjuQingList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.ymfgetjuQingList()
|
||||
},
|
||||
methods: {
|
||||
// 跳转资源详情
|
||||
ymfgoCourse(e, courseDetailsId) {
|
||||
let userId = uni.getStorageSync('userId')
|
||||
if (userId) {
|
||||
uni.navigateTo({
|
||||
url: '/me/detail/detail?id=' + e + '&courseDetailsId=' + courseDetailsId
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: "/pages/login/login"
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 获取剧情列表
|
||||
*/
|
||||
ymfgetjuQingList() {
|
||||
let data = {
|
||||
limit: this.limit,
|
||||
page: this.page,
|
||||
sort: '',
|
||||
}
|
||||
this.$u.api.courseList(data).then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code === 0) {
|
||||
this.pages = res.data.totalPage
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loadmore'
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
if (this.page === 1) {
|
||||
this.juQingList = res.data.list
|
||||
} else {
|
||||
this.juQingList = [...this.juQingList, ...res.data.list]
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
padding-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.ymf-plot {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding-top: 20rpx;
|
||||
|
||||
.ymf-plot-box {
|
||||
width: 686rpx;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ymf-plot-box-item {
|
||||
width: 100%;
|
||||
margin-bottom: 20rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.ymf-plot-box-item-l {
|
||||
width: 200rpx;
|
||||
height: 260rpx;
|
||||
border-radius: 16rpx;
|
||||
|
||||
image {
|
||||
width: 200rpx;
|
||||
height: 260rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.ymf-plot-box-item-r {
|
||||
width: calc(686rpx - 260rpx);
|
||||
}
|
||||
|
||||
.ymf-plot-box-item-r-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #2e2f33;
|
||||
}
|
||||
|
||||
.ymf-plot-box-item-r-content {
|
||||
font-size: 28rpx;
|
||||
color: #2e2f33;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,150 +0,0 @@
|
|||
<template>
|
||||
<view style="padding-bottom: 40rpx;">
|
||||
<view class="plot flex align-center justify-center">
|
||||
<view class="plot-box">
|
||||
<view class="plot-box-item flex justify-between" @click="goCourse(item.courseId,item.courseDetailsId)"
|
||||
v-for="(item,index) in jqList" :key="index">
|
||||
<view class="plot-box-item-l">
|
||||
<image :src="item.titleImg" mode=""></image>
|
||||
</view>
|
||||
<view class="plot-box-item-r">
|
||||
<view class="plot-box-item-r-title">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="plot-box-item-r-content" v-html="item.details">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-if="jqList.length == 0" />
|
||||
<u-loadmore v-if="jqList.length > 4" :status="status" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '../../components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
jqList: [], //剧情列表
|
||||
page: 1,
|
||||
limit: 10,
|
||||
pages: 1,
|
||||
status: 'loadmore',
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
this.getJqList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.page < this.pages) {
|
||||
this.page += 1
|
||||
this.status = 'loading'
|
||||
this.getJqList()
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.page = 1
|
||||
this.getJqList()
|
||||
},
|
||||
methods: {
|
||||
// 跳转资源详情
|
||||
goCourse(e, courseDetailsId) {
|
||||
let userId = uni.getStorageSync('userId')
|
||||
if (userId) {
|
||||
uni.navigateTo({
|
||||
url: '/me/detail/detail?id=' + e + '&courseDetailsId=' + courseDetailsId
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: "/pages/login/login"
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 获取剧情列表
|
||||
*/
|
||||
getJqList() {
|
||||
let data = {
|
||||
limit: this.limit,
|
||||
page: this.page,
|
||||
sort: '',
|
||||
}
|
||||
this.$u.api.courseList(data).then(res => {
|
||||
uni.stopPullDownRefresh()
|
||||
if (res.code === 0) {
|
||||
this.pages = res.data.totalPage
|
||||
if (this.page < this.pages) {
|
||||
this.status = 'loadmore'
|
||||
} else {
|
||||
this.status = 'nomore'
|
||||
}
|
||||
if (this.page === 1) {
|
||||
this.jqList = res.data.list
|
||||
} else {
|
||||
this.jqList = [...this.jqList, ...res.data.list]
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.plot {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding-top: 20rpx;
|
||||
|
||||
.plot-box {
|
||||
width: 686rpx;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.plot-box-item {
|
||||
width: 100%;
|
||||
margin-bottom: 20rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.plot-box-item-l {
|
||||
width: 200rpx;
|
||||
height: 260rpx;
|
||||
border-radius: 16rpx;
|
||||
|
||||
image {
|
||||
width: 200rpx;
|
||||
height: 260rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.plot-box-item-r {
|
||||
width: calc(686rpx - 260rpx);
|
||||
}
|
||||
|
||||
.plot-box-item-r-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #2e2f33;
|
||||
}
|
||||
|
||||
.plot-box-item-r-content {
|
||||
font-size: 28rpx;
|
||||
color: #2e2f33;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
<template>
|
||||
<view class="u-p-l-40 u-p-r-40">
|
||||
<view class="u-text-center u-font-32 font-bold color-000">你的数字分身制作好啦!</view>
|
||||
<view class="color-999 u-font-24 u-text-center u-m-t-10">为你随机生成了几张照片</view>
|
||||
<view class="color-999 u-font-24 u-text-center ">选一个最满意的作为数字分身头像吧</view>
|
||||
<view class="list u-flex u-flex-wrap u-row-between u-m-t-20" style="padding-bottom: 200rpx;">
|
||||
<view class="list-item u-m-b-20" @click="changeSel(index)" v-for="(item,index) in arr" :key="index">
|
||||
<view class="item">
|
||||
<view class="u-absolute u-flex u-row-center u-col-center">
|
||||
<view class="gou" v-if="sel==index">
|
||||
<u-icon name="checkmark" size="40" color="#fff"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<image :src="item.smallUrl" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
<view class="u-flex u-row-center">
|
||||
<view class="" style="width: 420rpx;">
|
||||
<my-button @click="start">开始制作大片</my-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
sel: 0,
|
||||
data: '',
|
||||
arr: [],
|
||||
};
|
||||
},
|
||||
onLoad(opt) {
|
||||
this.$api({
|
||||
url: 'model/info/' + opt.id
|
||||
}).then(res => {
|
||||
this.data = res.data
|
||||
this.arr = res.data.modelAvartars
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
changeSel(i){
|
||||
this.sel=i
|
||||
},
|
||||
async start() {
|
||||
console.log(this.arr[this.sel]);
|
||||
const item = this.arr[this.sel].id
|
||||
const res = await this.$api({
|
||||
url: 'model/change/' + this.data.id,
|
||||
})
|
||||
const res2 = await this.$api({
|
||||
url: 'model/change-main-photo/' + this.data.id + '/' + this.arr[this.sel].id
|
||||
})
|
||||
const res1 = await this.$api({
|
||||
url: "user/info"
|
||||
})
|
||||
this.userInfo = res1.data
|
||||
uni.setStorageSync('userInfo', res1.data)
|
||||
uni.switchTab({
|
||||
url:'/pages/index/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.list {
|
||||
.item {
|
||||
display: flex;
|
||||
border: 1px solid rgb(32, 33, 29);
|
||||
border-radius: 30rpx;
|
||||
overflow: hidden;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
.u-absolute {
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
|
||||
.pro {
|
||||
position: absolute;
|
||||
left: 10rpx;
|
||||
bottom: 10rpx;
|
||||
}
|
||||
|
||||
.gou {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding-top: 10rpx;
|
||||
padding-left: 10rpx;
|
||||
border-radius: 30rpx 0 0 0;
|
||||
background-color: rgb(35, 33, 34);
|
||||
}
|
||||
}
|
||||
|
||||
image {
|
||||
width: 320rpx;
|
||||
height: 320rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,214 @@
|
|||
<template>
|
||||
<view class="u-p-l-30 u-p-r-30">
|
||||
<view class="u-flex u-row-center u-text-center" v-if="!isFinish">
|
||||
<view class="color-999">预计需要</view>
|
||||
<u-count-down v-if="isAjax" separator="zh" ref="uCountDown" :timestamp="time"></u-count-down>
|
||||
</view>
|
||||
<view class="u-flex u-flex-wrap u-m-t-20">
|
||||
<view class="box1 u-m-r-10 " :class="{donghua:isStart}" v-for="(item1,index1) in arr" :key="index1">
|
||||
<image v-if="item1" :src="item1.smallUrl" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-m-t-40 color-999 u-font-24 u-text-center" v-if="!isFinish">
|
||||
您可以关闭页面稍后进入小程序查看训练结果
|
||||
</view>
|
||||
<view class="u-m-t-60" v-if="isFinish">
|
||||
<view class="font-bold color-000 u-font-32 u-text-center">制作完成</view>
|
||||
<view class="u-m-t-60 u-flex u-row-center">
|
||||
<view style="width: 360rpx;">
|
||||
<my-button @click="toDetail">立即查看</my-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
time: 15 * 60,
|
||||
isStart: false,
|
||||
id: '',
|
||||
arr: [],
|
||||
timer: null,
|
||||
isFinish:false,
|
||||
isAjax:false,
|
||||
userInfo: uni.getStorageSync('userInfo')
|
||||
};
|
||||
},
|
||||
onUnload() {
|
||||
clearInterval(this.timer)
|
||||
this.timer = null
|
||||
},
|
||||
methods:{
|
||||
toDetail(){
|
||||
if(!userInfo.modelId){
|
||||
return this.$u.route({
|
||||
url:'/pages/first/fenshen-select',
|
||||
params:{id:this.id}
|
||||
})
|
||||
}
|
||||
this.$u.route('/pages/control-fenshen/fensehn-detail?id='+(this.id))
|
||||
}
|
||||
},
|
||||
onLoad(opt) {
|
||||
this.id = opt.id || undefined
|
||||
if (this.id) {
|
||||
this.$api({
|
||||
url: 'model/info/' + this.id
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
this.isStart = true
|
||||
// this.arr = (res.data.modelPhotos || []).slice(0, 20)
|
||||
this.arr = (res.data.modelPhotos || []).filter(v=>{
|
||||
return v.suitable
|
||||
})
|
||||
if(res.data.trainTime){
|
||||
const time=15 * 60-(+new Date()-(+new Date(res.data.trainTime.replace('T',' ').replaceAll('-','/')) )) /1000
|
||||
this.time=time<=0?0:time;
|
||||
console.log(this.time);
|
||||
}
|
||||
this.isAjax=true
|
||||
if(res.code==200&res.data.state==3){
|
||||
this.isFinish=true
|
||||
this.isStart = false
|
||||
// this.$u.route('/pages/control-fenshen/fensehn-detail?id='+(res.data.id||this.id))
|
||||
}
|
||||
})
|
||||
this.timer=setInterval(()=>{
|
||||
this.$api({
|
||||
url: 'model/info/' + this.id
|
||||
}).then(res => {
|
||||
if(res.code==200&res.data.trainTime){
|
||||
// this.time=res.data.trainTime
|
||||
}
|
||||
if(res.code==200&res.data.state==3){
|
||||
this.isFinish=true
|
||||
this.isStart = false
|
||||
// this.$u.route('/pages/control-fenshen/fensehn-detail?id='+(res.data.id||this.id))
|
||||
}
|
||||
})
|
||||
},1000*10)
|
||||
if (opt.isPay) {
|
||||
this.$api({
|
||||
url: 'model/start-train/' + this.id
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.isStart = true
|
||||
}else{
|
||||
clearInterval(this.timer)
|
||||
this.timer = null
|
||||
this.isStart = false
|
||||
}
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.box1 {
|
||||
overflow: hidden;
|
||||
background-color: rgb(244, 244, 244);
|
||||
border-radius: 20rpx;
|
||||
width: 128rpx;
|
||||
height: 140rpx;
|
||||
margin-bottom: 10rpx;
|
||||
|
||||
image {
|
||||
width: 128rpx;
|
||||
height: 140rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.img-box {
|
||||
position: relative;
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
display: flex;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.wh120 {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.ani1 {
|
||||
animation: keys 2s ease-in-out alternate infinite;
|
||||
}
|
||||
|
||||
.ani2 {
|
||||
animation: keys2 2s ease-in-out alternate infinite;
|
||||
}
|
||||
|
||||
.ani {
|
||||
animation: anikeys 3s ease-in-out alternate infinite;
|
||||
}
|
||||
|
||||
@keyframes keys2 {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes keys {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,144 @@
|
|||
<!-- 消息中心 -->
|
||||
<template>
|
||||
<view>
|
||||
<view v-if="xiaoxiList.length" class="flex margin-lr padding-tb-sm u-border-bottom"
|
||||
v-for="(item,index) in xiaoxiList" :key='index'>
|
||||
<u-image src="@/me/static/message/xitong.png" width="82rpx" mode="widthFix"></u-image>
|
||||
<view class="flex-sub margin-left">
|
||||
<view class="u-flex u-row-between">
|
||||
<view class="text-bold text-lg">{{item.title}}</view>
|
||||
<view class="text-gray">{{item.createAt}}</view>
|
||||
</view>
|
||||
<view class="text-gray">{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view> -->
|
||||
<empty v-if="!xiaoxiList.length" title="暂无消息" :isShow="false"></empty>
|
||||
<!-- <view class="page-box" v-if="!xiaoxiList.length">
|
||||
<view class="ymf-centre">
|
||||
<image src="../static/none.png" mode=""></image>
|
||||
<view class="ymf-tips">
|
||||
暂无消息
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '@/components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
xiaoxiList: []
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.ymfgetMsg()
|
||||
},
|
||||
methods: {
|
||||
ymfgetMsg() {
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
})
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
state: 5
|
||||
}
|
||||
this.$u.api.message(data).then(res => {
|
||||
if (res.code === 0) {
|
||||
if (this.page === 1) {
|
||||
this.xiaoxiList = res.data.list
|
||||
uni.stopPullDownRefresh();
|
||||
return
|
||||
}
|
||||
this.xiaoxiList = [...this.xiaoxiList, ...res.data.list]
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
duration: 1000,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
uni.hideLoading()
|
||||
uni.stopPullDownRefresh();
|
||||
})
|
||||
}
|
||||
},
|
||||
onReachBottom: function() {
|
||||
this.page = this.page + 1;
|
||||
this.ymfgetMsg()
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.page = 1;
|
||||
// this.xiaoxiList = []
|
||||
this.ymfgetMsg()
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.ymf-centre {
|
||||
text-align: center;
|
||||
margin: 200rpx auto;
|
||||
font-size: 32rpx;
|
||||
image {
|
||||
width: 360rpx;
|
||||
height: 360rpx;
|
||||
margin: 0 auto 20rpx;
|
||||
}
|
||||
.ymf-tips {
|
||||
font-size: 34rpx;
|
||||
color: #5074FF;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.btn {
|
||||
margin: 80rpx auto;
|
||||
width: 600rpx;
|
||||
border-radius: 32rpx;
|
||||
line-height: 90rpx;
|
||||
color: #ffffff;
|
||||
font-size: 34rpx;
|
||||
background: #5074FF;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,119 +0,0 @@
|
|||
<!-- 消息中心 -->
|
||||
<template>
|
||||
<view>
|
||||
<view v-if="msgList.length" class="flex margin-lr padding-tb-sm u-border-bottom" v-for="(item,index) in msgList"
|
||||
:key='index'>
|
||||
<u-image src="@/me/static/message/xitong.png" width="82rpx" mode="widthFix"></u-image>
|
||||
<view class="flex-sub margin-left">
|
||||
<view class="flex justify-between">
|
||||
<view class="text-bold text-lg">{{item.title}}</view>
|
||||
<view class="text-gray">{{item.createAt}}</view>
|
||||
</view>
|
||||
<view class="text-gray">{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-if="!msgList.length" title="暂无消息" :isShow="false"></empty>
|
||||
<!-- <view class="page-box" v-if="!msgList.length">
|
||||
<view class="centre">
|
||||
<image src="../static/none.png" mode=""></image>
|
||||
<view class="tips">
|
||||
暂无消息
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import empty from '@/components/empty.vue'
|
||||
export default {
|
||||
components: {
|
||||
empty
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
msgList: []
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getMsg()
|
||||
},
|
||||
methods: {
|
||||
getMsg() {
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
})
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
state: 5
|
||||
}
|
||||
this.$u.api.message(data).then(res => {
|
||||
if (res.code === 0) {
|
||||
if (this.page === 1) {
|
||||
this.msgList = res.data.list
|
||||
uni.stopPullDownRefresh();
|
||||
return
|
||||
}
|
||||
this.msgList = [...this.msgList, ...res.data.list]
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
duration: 1000,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
uni.hideLoading()
|
||||
uni.stopPullDownRefresh();
|
||||
})
|
||||
}
|
||||
},
|
||||
onReachBottom: function() {
|
||||
this.page = this.page + 1;
|
||||
this.getMsg()
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.page = 1;
|
||||
// this.msgList = []
|
||||
this.getMsg()
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.centre {
|
||||
text-align: center;
|
||||
margin: 200rpx auto;
|
||||
font-size: 32rpx;
|
||||
|
||||
image {
|
||||
width: 360rpx;
|
||||
height: 360rpx;
|
||||
// margin-bottom: 20rpx;
|
||||
margin: 0 auto 20rpx;
|
||||
// border: 1px dotted #000000;
|
||||
}
|
||||
|
||||
.tips {
|
||||
font-size: 34rpx;
|
||||
color: #5074FF;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 80rpx auto;
|
||||
width: 600rpx;
|
||||
border-radius: 32rpx;
|
||||
line-height: 90rpx;
|
||||
color: #ffffff;
|
||||
font-size: 34rpx;
|
||||
background: #5074FF;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,298 @@
|
|||
<template>
|
||||
<view>
|
||||
<u-navbar title=" " :title-size="32" title-color="#000000" :is-back="false" :background="background">
|
||||
<view class="u-p-l-30 font-bold u-font-40 ">
|
||||
<text class="font-lob color-23 ">百灵相机</text>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
<view class="fixed u-flex u-flex-col" v-if="showtips">
|
||||
<!-- <view class="w-full u-p-l-60" style="margin-top: 60px;">
|
||||
<view class="u-flex w-full">
|
||||
<view class=" font-bold color-000" style="color: rgb(225, 192, 138);font-size: 52rpx;">
|
||||
<text class="font-lob">百灵相机</text>
|
||||
</view>
|
||||
<view class="u-font-40 font-lob color-fff u-m-l-20 ">轻松创建酷炫写真</view>
|
||||
</view>
|
||||
<view class="u-m-t-40 u-font-28 font-lob w-full" style="color: #eee;">
|
||||
上传一张照片，选择模板，快速生成写真照
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="w-full">
|
||||
<u-swiper mode="none" bg-color="transparent" border-radius="0" :interval="6000" :list="list" img-mode="aspectFill" :height="height">
|
||||
</u-swiper>
|
||||
</view>
|
||||
|
||||
<view class="u-absolute bottom u-p-l-30 ">
|
||||
<view class="u-flex u-p-r-30 u-row-between">
|
||||
<view class="step1 step u-flex u-flex-col u-row-center u-col-center">
|
||||
<view class="img-box u-flex">
|
||||
<image src="/static/1.jpg" style="height: 280rpx;width: 210rpx;" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="u-m-t-20 color-000 font-bold">制作数字分身</view>
|
||||
<view class="u-absolute u-flex">
|
||||
<view>STEP</view>
|
||||
<view class="u-m-l-20 main-text-color">1</view>
|
||||
</view>
|
||||
<view class="youjian">
|
||||
<image src="/static/arrow-right.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="step1 step u-flex u-flex-col u-row-center u-col-center">
|
||||
<view class="img-box u-flex">
|
||||
<image src="/static/1.jpg" style="height: 280rpx;width: 210rpx;" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="u-m-t-20 color-000 font-bold">生产写真</view>
|
||||
<view class="u-absolute u-flex">
|
||||
<view>STEP</view>
|
||||
<view class="u-m-l-20 main-text-color">2</view>
|
||||
</view>
|
||||
<view class="youjian">
|
||||
<image src="/static/arrow-right.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="step1 step u-flex u-flex-col u-row-center u-col-center">
|
||||
<view class="img-box u-flex">
|
||||
<image src="/static/1.jpg" style="height: 280rpx;width: 210rpx;" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="u-m-t-20 color-000 font-bold">精修下载</view>
|
||||
<view class="u-absolute u-flex">
|
||||
<view>STEP</view>
|
||||
<view class="u-m-l-20 main-text-color">3</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="u-flex u-row-between u-m-t-60 u-p-b-60">
|
||||
<u-icon name="setting" color="#232323" :size="40" @click="$u.route('/pages/setting/setting')"></u-icon>
|
||||
<view class="u-m-l-60 u-m-r-60 u-flex-1">
|
||||
<my-button @click="popshow">制作数字分身</my-button>
|
||||
</view>
|
||||
<view class="font-lob color-23 liaojie" @click="$u.route('/pages/liaojie/liaojie')">
|
||||
<view>了解</view>
|
||||
<view>百灵</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<my-pop ref="myPop" :closeable="false">
|
||||
<view slot="top" class="u-text-center">用户隐私保护提示</view>
|
||||
<view>
|
||||
<scroll-view scroll-y="true" style="height: 500rpx;">
|
||||
<u-parse :html="content"></u-parse>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view slot="bottom" class=" u-flex u-p-l-40 u-p-r-40 u-flex u-row-between">
|
||||
<view class="u-flex-1 u-p-r-16">
|
||||
<my-button type="cancel" @click="close">不同意并退出</my-button>
|
||||
</view>
|
||||
<view class="u-flex-1 u-p-l-16">
|
||||
<my-button @click="next">同意并继续</my-button>
|
||||
</view>
|
||||
</view>
|
||||
</my-pop>
|
||||
<my-login ref="myLogin"></my-login>
|
||||
<!-- <view class="box u-m-t-40 u-flex-1 w-full">
|
||||
<view class="color-000 u-text-center font-bold u-font-40 u-m-t-20">海量模板任你选</view>
|
||||
<view class="u-m-t-40">
|
||||
<u-swiper bg-color="transparent" :interval="3000" :list="list" img-mode="aspectFit"
|
||||
:height="height">
|
||||
</u-swiper>
|
||||
</view>
|
||||
<view class="u-m-t-40" style="padding: 0 150rpx;">
|
||||
<my-button @click="iKnow" shape="circle">玩起来</my-button>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import config from '@/common/config/config.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
content:`
|
||||
欢迎您使用“百灵相机”!
|
||||
百灵相机由未序网络科技 (上海)有限公司为您提供服。
|
||||
1.当您注册/登录百灵相机时，我们将收集您的手机号码:当您使用浏览/生成照片/分享/下载等基本功能时，我们将收集您的设备信息、日志信息等信息:当您使用支付功能时，我们将收集您的交易信息。我们仅会根据您使用我们的产品/服务的具体功能需求，收集必要的个人信息，具体您可查阅《隐私政策》快速了解我们收集和使用您个人信息的情况。
|
||||
2.当您使用信息上传/下载功能时，我们将可能会申请调用您的相册/相机权限。我们将在首次调用时询问您是否允许使用该权限，您有权拒绝或取消授权，具体您可查阅《隐私协议》
|
||||
`,
|
||||
background: {
|
||||
background: 'transparent'
|
||||
},
|
||||
bj: '/static/1.jpg',
|
||||
showtips: false,
|
||||
list: [],
|
||||
height: 600
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
},
|
||||
onLoad() {
|
||||
uni.hideTabBar()
|
||||
const _this = this
|
||||
uni.getSystemInfo({
|
||||
success(res) {
|
||||
console.log(res);
|
||||
_this.height = res.windowHeight*2*0.7
|
||||
}
|
||||
})
|
||||
const first = uni.getStorageSync('first')
|
||||
console.log(first === '');
|
||||
if (first === '' || first) {
|
||||
return this.init()
|
||||
}
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
close(){
|
||||
this.$refs.myPop.close()
|
||||
},
|
||||
next(){
|
||||
this.$refs.myLogin.open()
|
||||
return
|
||||
uni.setStorageSync('first', false)
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
},
|
||||
popshow(){
|
||||
this.$refs.myPop.open()
|
||||
},
|
||||
async init() {
|
||||
this.showtips = true
|
||||
this.list=[
|
||||
'http://xz.brainybot.cc/v/template/7n701dqVh1frU2eEoJLSZqnHStfs03t1.jpg',
|
||||
'http://xz.brainybot.cc/v/template/bEi6CWC5A1RrJQunEtdS1ToXXaDVh0Z4.jpg',
|
||||
'http://xz.brainybot.cc/v/template/ISA4OSt7yqUxgXpauRP5MGUGPXzg3GUe.jpg',
|
||||
'http://xz.brainybot.cc/v/template/hlE8eZW4fFWNLWBzvaZWvjpdLxNTHUjZ.jpg',
|
||||
'http://xz.brainybot.cc/v/template/JgtgVK4ZKg5WuVOxjObn0seMlHks18O1.jpg']
|
||||
const res = await this.$api({
|
||||
url: "cms/example"
|
||||
})
|
||||
// this.list = res.data.welcome_Images || [
|
||||
// 'http://xz.brainybot.cc/v/template/7n701dqVh1frU2eEoJLSZqnHStfs03t1.jpg',
|
||||
// 'http://xz.brainybot.cc/v/template/bEi6CWC5A1RrJQunEtdS1ToXXaDVh0Z4.jpg',
|
||||
// 'http://xz.brainybot.cc/v/template/ISA4OSt7yqUxgXpauRP5MGUGPXzg3GUe.jpg',
|
||||
// 'http://xz.brainybot.cc/v/template/hlE8eZW4fFWNLWBzvaZWvjpdLxNTHUjZ.jpg',
|
||||
// 'http://xz.brainybot.cc/v/template/JgtgVK4ZKg5WuVOxjObn0seMlHks18O1.jpg'
|
||||
// ]
|
||||
|
||||
|
||||
},
|
||||
iKnow() {
|
||||
uni.setStorageSync('first', false)
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/deep/ .u-border-bottom:after {
|
||||
border-bottom-color:transparent;
|
||||
}
|
||||
.color-23{
|
||||
color: #232323;
|
||||
}
|
||||
.box {
|
||||
background-color: #fff;
|
||||
padding: 30rpx;
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
.bottom{
|
||||
padding-top: 40rpx;
|
||||
border-radius: 100rpx 100rpx 0 0;
|
||||
background-color: #fff;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.fixed {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
background-size: cover;
|
||||
}
|
||||
.img-box{
|
||||
border-radius: 300rpx 300rpx 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.step{
|
||||
position: relative;
|
||||
border: 2px solid #1A1A1A;
|
||||
border-radius: 300rpx;
|
||||
padding-bottom: 60rpx;
|
||||
.u-absolute{
|
||||
padding-left: 4px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
font-size: 36rpx;
|
||||
right: 0;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
-webkit-text-stroke:4px transparent;
|
||||
background:#222;
|
||||
-webkit-background-clip: text;
|
||||
// text-shadow: 2px 2px 0 #222,
|
||||
// -2px 2px 0 #222,
|
||||
// 2px -2px 0 #222,
|
||||
// -2px -2px 0 #222;
|
||||
}
|
||||
.youjian{
|
||||
position: absolute;
|
||||
left: 95%;
|
||||
z-index: 3;
|
||||
image{
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.liaojie{
|
||||
border-top: 1px solid #232323;
|
||||
border-left: 1px solid #232323;
|
||||
height: 80rpx;
|
||||
border-bottom: 1px solid #232323;
|
||||
padding-left: 30rpx;
|
||||
border-radius: 100rpx 0 0 100rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,220 @@
|
|||
<template>
|
||||
<view class="u-p-30">
|
||||
<!-- <u-navbar title="修改资料" :title-size="32" title-color="#000" :is-back="false">
|
||||
</u-navbar> -->
|
||||
<view class="margin-top: 30vh;">
|
||||
<view class="u-flex u-row-center">
|
||||
<button open-type="chooseAvatar" @chooseavatar="chooseAvatar">
|
||||
<view class="avatar">
|
||||
<image mode="aspectFill" v-if="src" :src="src">
|
||||
</image>
|
||||
<image v-else mode="aspectFill" src="/static/man.png">
|
||||
</image>
|
||||
</view>
|
||||
</button>
|
||||
</view>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
<view class="u-m-t-40 u-flex">
|
||||
<view>昵称</view>
|
||||
<view class="u-flex-1 u-p-l-30"><input @blur="onblur" type="nickname" v-model="nickname" placeholder="请输入昵称">
|
||||
</view>
|
||||
</view>
|
||||
<view class=" fixed_b">
|
||||
<button class="xz-button" @click="submit">提交</button>
|
||||
</view>
|
||||
</view>
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import config from '@/common/config/config.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
config,
|
||||
src: '',
|
||||
nickname: '',
|
||||
timer:null
|
||||
};
|
||||
},
|
||||
onUnload() {
|
||||
clearInterval(this.timer)
|
||||
},
|
||||
methods: {
|
||||
onblur(e) {
|
||||
console.log(e);
|
||||
this.nickname = e.detail.value
|
||||
},
|
||||
chooseAvatar(e) {
|
||||
console.log(e);
|
||||
// this.src = e.detail.avatarUrl
|
||||
const _this = this
|
||||
const token = uni.getStorageSync('token') || ''
|
||||
uni.showLoading({
|
||||
title:'图片上传中'
|
||||
})
|
||||
console.log(e.detail.avatarUrl);
|
||||
uni.uploadFile({
|
||||
url: config.fileServe,
|
||||
method: 'POST',
|
||||
filePath: e.detail.avatarUrl,
|
||||
name: 'file',
|
||||
header: {
|
||||
'Authorization': token
|
||||
},
|
||||
success: (response) => {
|
||||
console.log(response);
|
||||
if(response.statusCode!==200){
|
||||
uni.hideLoading()
|
||||
return _this.$refs.uToast.show({
|
||||
title: '上传失败' ,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
const data = JSON.parse(response.data)
|
||||
_this.$refs.uToast.show({
|
||||
title: data.code == 200 ? '上传成功' : data.message,
|
||||
type: data.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
if(data.code == 200){
|
||||
_this.src=data.data
|
||||
}
|
||||
uni.hideLoading()
|
||||
}
|
||||
})
|
||||
},
|
||||
getuserinfo() {
|
||||
this.$api({
|
||||
url: "/u/info"
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
if(res.code==401){
|
||||
return this.token=''
|
||||
}
|
||||
const defaultimg='https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132'
|
||||
this.src=res.data.avatarurl!=defaultimg?res.data.avatarurl:''
|
||||
this.nickname=res.data.username!='微信用户'?res.data.username:''
|
||||
})
|
||||
},
|
||||
submit() {
|
||||
if(!this.src){
|
||||
return this.$refs.uToast.show({
|
||||
title:'请上传头像',
|
||||
type:'error'
|
||||
})
|
||||
}
|
||||
if(!this.nickname){
|
||||
return this.$refs.uToast.show({
|
||||
title:'请输入昵称',
|
||||
type:'error'
|
||||
})
|
||||
}
|
||||
this.$api({
|
||||
url:"u/update",
|
||||
method:'POST',
|
||||
data:{
|
||||
nickname:this.nickname,
|
||||
avatarUrl:this.src
|
||||
}
|
||||
}).then(res=>{
|
||||
this.$refs.uToast.show({
|
||||
title: res.code == 200 ? '修改成功' : res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
if(res.code==200){
|
||||
this.timer=setTimeout(()=>{
|
||||
uni.switchTab({
|
||||
url:'/pages/index/index'
|
||||
})
|
||||
},1000)
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
},
|
||||
onUnload() {},
|
||||
onLoad() {
|
||||
this.getuserinfo()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.fixed_b{
|
||||
|
||||
}
|
||||
.xz-button {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background-color: #41b883;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 2px 25px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
height: 140rpx;
|
||||
width: 140rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 30%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.avatar image {
|
||||
height: 140rpx;
|
||||
width: 140rpx;
|
||||
}
|
||||
|
||||
button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,31 +1,63 @@
|
|||
<template>
|
||||
<view style="padding: 20rpx 0;">
|
||||
<view class="u-p-l-20 u-p-r-20">
|
||||
|
||||
<!-- <view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view> -->
|
||||
|
||||
<!-- 视频简介 -->
|
||||
<view class="info flex align-center justify-center">
|
||||
<view class="info-box flex align-center">
|
||||
<view class="info-box-l">
|
||||
<view class="ymf-info flex align-center justify-center">
|
||||
<view class="ymf-info-box flex align-center">
|
||||
<view class="ymf-info-box-l">
|
||||
<image :src="titleImg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="info-box-r">
|
||||
<view class="info-box-r-t">
|
||||
<view class="ymf-info-box-r">
|
||||
<view class="ymf-info-box-r-t">
|
||||
{{type==1?name:courseDetailsName}}
|
||||
</view>
|
||||
<view class="info-box-r-b flex align-center" v-if="type == 1">
|
||||
<view class="ymf-info-box-r-b flex align-center" v-if="type == 1">
|
||||
全集价格：
|
||||
<view class="flex align-center">
|
||||
<image style="width: 38rpx;height: 38rpx;margin-right: 10rpx;"
|
||||
src="../../static/images/me/jindou.png" mode="">
|
||||
</image>
|
||||
{{parsePrice(zongPrice)}}
|
||||
{{ymfparsePrice(zongPrice)}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-box-r-b flex align-center" v-else>
|
||||
<view class="ymf-info-box-r-b flex align-center" v-else>
|
||||
单集价格：
|
||||
<view class="flex align-center">
|
||||
<image style="width: 38rpx;height: 38rpx;margin-right: 10rpx;"
|
||||
src="../../static/images/me/jindou.png" mode="">
|
||||
</image>
|
||||
{{parsePrice(price)}}
|
||||
{{ymfparsePrice(price)}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -41,13 +73,13 @@
|
|||
<image style="width: 38rpx;height: 38rpx;margin-right: 10rpx;"
|
||||
src="../../static/images/me/jindou.png" mode="">
|
||||
</image>
|
||||
{{parsePrice(zongPrice)}}
|
||||
{{ymfparsePrice(zongPrice)}}
|
||||
</view>
|
||||
<view class="price-box-price flex align-center" v-else>
|
||||
<image style="width: 38rpx;height: 38rpx;margin-right: 10rpx;"
|
||||
src="../../static/images/me/jindou.png" mode="">
|
||||
</image>
|
||||
{{parsePrice(price)}}
|
||||
{{ymfparsePrice(price)}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -71,19 +103,19 @@
|
|||
</u-radio-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="illustrate flex align-center justify-center">
|
||||
<view class="illustrate-box flex align-center">
|
||||
<view class="ymf-illustrate flex align-center justify-center">
|
||||
<view class="ymf-illustrate-box flex align-center">
|
||||
<u-checkbox v-model="checked" :size="40" shape="circle"></u-checkbox>
|
||||
<text @click="checked = !checked">我已经阅读并同意</text>
|
||||
<view @click="goXieyi()" class="illustrate-box-txt">
|
||||
<view @click="ymfgoXieyi()" class="ymf-illustrate-box-txt">
|
||||
《付费须知说明》
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 支付 -->
|
||||
<view class="submit flex align-center justify-center">
|
||||
<view class="submit-box flex align-center justify-center" @click="getOrderInfo()">
|
||||
支付 ¥{{type==1?parsePrice(zongPrice):parsePrice(price)}}
|
||||
<view class="submit-box flex align-center justify-center" @click="ymfgetOrderInfo()">
|
||||
支付 ¥{{type==1?ymfparsePrice(zongPrice):ymfparsePrice(price)}}
|
||||
</view>
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
|
|
@ -100,7 +132,7 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
courseId: '', //整部视频id
|
||||
ymfCourseId: '', //整部视频id
|
||||
courseDetailsId: '', //单集id
|
||||
titleImg: '', //图片
|
||||
courseDetailsName: '', //名称
|
||||
|
|
@ -241,7 +273,7 @@
|
|||
// #endif
|
||||
if (option.info) {
|
||||
let info = JSON.parse(decodeURIComponent(option.info))
|
||||
this.courseId = info.courseId
|
||||
this.ymfCourseId = info.ymfCourseId
|
||||
this.courseDetailsId = info.courseDetailsId
|
||||
this.titleImg = info.titleImg
|
||||
this.courseDetailsName = info.courseDetailsName
|
||||
|
|
@ -253,7 +285,7 @@
|
|||
},
|
||||
methods: {
|
||||
//去付费须知说明
|
||||
goXieyi() {
|
||||
ymfgoXieyi() {
|
||||
uni.navigateTo({
|
||||
url: '/me/setting/payXieYi'
|
||||
})
|
||||
|
|
@ -262,11 +294,11 @@
|
|||
* @param {Number} price
|
||||
* 价格保留两位小数
|
||||
*/
|
||||
parsePrice(price) {
|
||||
ymfparsePrice(price) {
|
||||
return price.toFixed(2)
|
||||
},
|
||||
//生成订单
|
||||
getOrderInfo() {
|
||||
ymfgetOrderInfo() {
|
||||
if (this.checked == false) {
|
||||
this.$refs.uToast.show({
|
||||
title: '请阅读并同意《付费须知说明》',
|
||||
|
|
@ -275,14 +307,14 @@
|
|||
return
|
||||
}
|
||||
let data = {
|
||||
courseId: this.courseId
|
||||
ymfCourseId: this.ymfCourseId
|
||||
}
|
||||
if (this.type != 1) { //购买单集
|
||||
data.courseDetailsId = this.courseDetailsId
|
||||
}
|
||||
this.$Request.getT('/app/order/insertCourseOrders', data).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.payOrder(res.data.orders.ordersId)
|
||||
this.ymfpayOrder(res.data.orders.ordersId)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
|
|
@ -296,7 +328,7 @@
|
|||
/**
|
||||
* @param {Object} orderId 订单id
|
||||
*/
|
||||
payOrder(orderId) {
|
||||
ymfpayOrder(orderId) {
|
||||
let that = this
|
||||
if (that.payAway == 4) { //抖音支付
|
||||
uni.showLoading({
|
||||
|
|
@ -435,7 +467,7 @@
|
|||
orderId: orderId,
|
||||
}).then(red => {
|
||||
if (red.code == 0) {
|
||||
that.callPay(red.data);
|
||||
that.ymfcallPay(red.data);
|
||||
} else {
|
||||
that.isPay = true
|
||||
uni.showToast({
|
||||
|
|
@ -454,7 +486,7 @@
|
|||
}).then(red => {
|
||||
if (red.code == 0) {
|
||||
console.log(red, '+++++++++++++++++++++')
|
||||
that.setPayment('wxpay', JSON.stringify(red.data));
|
||||
that.ymfsetPayment('wxpay', JSON.stringify(red.data));
|
||||
} else {
|
||||
that.isPay = true
|
||||
uni.showToast({
|
||||
|
|
@ -467,7 +499,7 @@
|
|||
break;
|
||||
case 2: //支付宝
|
||||
// #ifdef H5
|
||||
that.$Request.postT("/app/aliPay/payOrder", {
|
||||
that.$Request.postT("/app/aliPay/ymfpayOrder", {
|
||||
orderId: orderId,
|
||||
classify: 2
|
||||
}).then(red => {
|
||||
|
|
@ -485,12 +517,12 @@
|
|||
});
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
that.$Request.postT("/app/aliPay/payOrder", {
|
||||
that.$Request.postT("/app/aliPay/ymfpayOrder", {
|
||||
orderId: orderId,
|
||||
classify: 1
|
||||
}).then(red => {
|
||||
if (red.code == 0) {
|
||||
that.setPayment('alipay', red.data);
|
||||
that.ymfsetPayment('alipay', red.data);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: red.msg,
|
||||
|
|
@ -501,7 +533,7 @@
|
|||
// #endif
|
||||
break;
|
||||
default: //零钱
|
||||
that.$Request.postT("/app/order/payOrders", {
|
||||
that.$Request.postT("/app/order/ymfpayOrders", {
|
||||
orderId: orderId,
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
|
|
@ -538,19 +570,19 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
callPay: function(response) {
|
||||
ymfcallPay: function(response) {
|
||||
if (typeof WeixinJSBridge === "undefined") {
|
||||
if (document.addEventListener) {
|
||||
document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(response), false);
|
||||
document.addEventListener('WeixinJSBridgeReady', this.ymfonBridgeReady(response), false);
|
||||
} else if (document.attachEvent) {
|
||||
document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(response));
|
||||
document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(response));
|
||||
document.attachEvent('WeixinJSBridgeReady', this.ymfonBridgeReady(response));
|
||||
document.attachEvent('onWeixinJSBridgeReady', this.ymfonBridgeReady(response));
|
||||
}
|
||||
} else {
|
||||
this.onBridgeReady(response);
|
||||
this.ymfonBridgeReady(response);
|
||||
}
|
||||
},
|
||||
onBridgeReady: function(response) {
|
||||
ymfonBridgeReady: function(response) {
|
||||
let that = this;
|
||||
if (!response.package) {
|
||||
return;
|
||||
|
|
@ -587,7 +619,7 @@
|
|||
}
|
||||
);
|
||||
},
|
||||
setPayment(name, order) {
|
||||
ymfsetPayment(name, order) {
|
||||
let that = this;
|
||||
uni.requestPayment({
|
||||
provider: name,
|
||||
|
|
@ -620,15 +652,15 @@
|
|||
display: block !important;
|
||||
}
|
||||
|
||||
.illustrate {
|
||||
.ymf-illustrate {
|
||||
width: 100%;
|
||||
margin: 30rpx 0;
|
||||
|
||||
.illustrate-box {
|
||||
.ymf-illustrate-box {
|
||||
width: 686rpx;
|
||||
}
|
||||
|
||||
.illustrate-box-txt {
|
||||
.ymf-illustrate-box-txt {
|
||||
color: #5173F8;
|
||||
}
|
||||
|
||||
|
|
@ -638,11 +670,11 @@
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
.info {
|
||||
.ymf-info {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
.info-box {
|
||||
.ymf-info-box {
|
||||
width: 686rpx;
|
||||
height: 100%;
|
||||
border-radius: 24rpx;
|
||||
|
|
@ -650,7 +682,7 @@
|
|||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.info-box-l {
|
||||
.ymf-info-box-l {
|
||||
width: 200rpx;
|
||||
height: 150rpx;
|
||||
border-radius: 8rpx;
|
||||
|
|
@ -662,14 +694,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
.info-box-r {
|
||||
.ymf-info-box-r {
|
||||
margin-left: 30rpx;
|
||||
|
||||
.info-box-r-t {
|
||||
.ymf-info-box-r-t {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.info-box-r-b {
|
||||
.ymf-info-box-r-b {
|
||||
margin-top: 20rpx;
|
||||
color: #5074FF;
|
||||
|
||||
|
|
@ -0,0 +1,372 @@
|
|||
<template>
|
||||
<view class="">
|
||||
<view class="my-stauts main-bg"></view>
|
||||
<view class="u-relative top">
|
||||
<view class="u-absolute u-flex u-row-center u-flex-col color-fff">
|
||||
<view class="u-font-32">积分账户</view>
|
||||
<view class="u-font-60 u-m-t-40 font-bold">{{userInfo.member_points||0}}</view>
|
||||
<view class="u-flex w-full btns u-m-t-60 u-row-between u-text-center">
|
||||
<view class="btn u-p-l-40 u-p-r-40 u-p-t-10 u-p-b-10" @click="$u.route('/pages/user/money/recharge')">去充值
|
||||
</view>
|
||||
<view class="btn u-p-l-40 u-p-r-40 u-p-t-10 u-p-b-10" @click="$u.route('/pages/index/integral/detail')">查看明细
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image class="w-full" src="/static/image/index/top-bg.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-p-30" @click="switchPage('/pages/gift/gift')">
|
||||
<view class="u-flex" >
|
||||
<image style="width: 84rpx;" src="/static/image/index/gift.png" mode="widthFix"></image>
|
||||
<view class="u-m-l-20">
|
||||
<view class="color-000 u-font-32">积分抽奖</view>
|
||||
<view class="u-font-24 color-999 u-m-t-10">职分性赏，好礼始不停</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-icon name="arrow-right" color="#999"></u-icon>
|
||||
</view>
|
||||
<view class="u-m-t-50">
|
||||
<view class="u-flex u-row-center ">
|
||||
<view class="u-relative u-flex hot">
|
||||
<image style="width: 48rpx;" src="" mode="widthFix"></image>
|
||||
<view class="u-absolute">
|
||||
<image style="width: 40rpx;" src="" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-p-l-40 u-p-r-40 sen-text-color u-font-32 font-bold">热门兑换</view>
|
||||
<view class="u-relative u-flex hot" style="transform: rotateY(180deg);">
|
||||
<image style="width: 48rpx;" src="" mode="widthFix"></image>
|
||||
<view class="u-absolute">
|
||||
<image style="width: 40rpx;" src="" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-p-30 like">
|
||||
<view class="u-flex u-flex-wrap u-m-t-24 u-row-between u-p-b-60">
|
||||
<view v-for="(item,index) in goods" @click="toGoods(item)" :key="index" class="item u-flex u-flex-col">
|
||||
<u-image class="image" width="325" height="270" :src="item.cover" mode=""></u-image>
|
||||
<view class="u-p-20 desc">
|
||||
<view class=" color-333 u-font-28 u-line-2" style="min-height: 64rpx;">
|
||||
{{item.pgoods_name}}
|
||||
</view>
|
||||
<view class="u-flex u-m-t-18 u-row-between">
|
||||
<view class="u-flex ">
|
||||
<image style="width: 32rpx;" src="" mode="widthFix"></image>
|
||||
<view class="price u-font-28 font-bold u-m-l-6">
|
||||
{{item.pgoods_price}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-font-24 color-999">{{item.pgoods_storage}}份</view>
|
||||
</view>
|
||||
<view class="u-flex u-m-t-18">
|
||||
<!-- <my-button @click="openTransfer(item)" shape="cirlce" size="mini">立即兑换</my-button> -->
|
||||
<my-button @click="toGoods(item)" shape="cirlce" size="mini">立即兑换</my-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="loveAjax&&!goods.length" class="u-flex u-row-center w-full">
|
||||
<my-empty text="暂无商品"></my-empty>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
<u-modal title="" @confirm="confirm(i,e)" v-model="show" :show-cancel-button="true" cancel-color="#A3A3A3"
|
||||
confirm-color="#f9c687" cancel-text="取消兑换" confirm-text="确认兑换" mode="center">
|
||||
<view class="font-bold u-font-30 u-text-center u-p-30">
|
||||
是否使用{{selGoods.goodPrice||0}}积分兑换权益
|
||||
</view>
|
||||
</u-modal>
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
selGoods: '',
|
||||
show: false,
|
||||
goods: [],
|
||||
tuanAjax: false,
|
||||
loveAjax: false,
|
||||
userInfo:{
|
||||
member_points:100
|
||||
}
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
},
|
||||
watch: {
|
||||
userInfo(newValue, oldValue) {
|
||||
console.log('user change');
|
||||
if(oldValue==''){
|
||||
this.getuser()
|
||||
}
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.init()
|
||||
uni.stopPullDownRefresh()
|
||||
},
|
||||
onLoad() {
|
||||
},
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
init(){
|
||||
this.getuser()
|
||||
this.page = 1
|
||||
this.getGoods()
|
||||
this.addressList()
|
||||
},
|
||||
wxLogin(){
|
||||
const _this=this
|
||||
uni.getProvider({
|
||||
service: 'oauth',
|
||||
success: (res) => {
|
||||
if (~res.provider.indexOf('weixin')) { //支持微信、qq和微博等
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
"onlyAuthorize": false, // 微信登录仅请求授权认证
|
||||
success: (loginRes) => {
|
||||
uni.getUserInfo({
|
||||
provider: 'weixin',
|
||||
success: (userInfoRes) => {
|
||||
let obj = {
|
||||
code: loginRes.code,
|
||||
// rawData: userInfoRes
|
||||
// .rawData,
|
||||
signature: userInfoRes
|
||||
.signature,
|
||||
iv: userInfoRes
|
||||
.iv,
|
||||
encryptedData: userInfoRes
|
||||
.encryptedData,
|
||||
}
|
||||
console.log(obj);
|
||||
this.$api({
|
||||
url: this.$url.user.login,
|
||||
method:'POST',
|
||||
data: obj
|
||||
}).then(res=>{
|
||||
uni.setStorageSync('token', res.data
|
||||
.token)
|
||||
uni.setStorageSync('userInfo', res
|
||||
.data.userinfo)
|
||||
_this.init()
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log(
|
||||
'获取信息失败',
|
||||
err);
|
||||
}
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log('获取信息失败', err);
|
||||
}
|
||||
})
|
||||
} else {
|
||||
console.log('请先安装微信APP');
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log('请先安装微信APP', err);
|
||||
}
|
||||
})
|
||||
},
|
||||
getuser(){
|
||||
this.$api({
|
||||
url: 'index/user'
|
||||
}).then(res => {
|
||||
this.userInfo = res.data.user
|
||||
})
|
||||
},
|
||||
addressList() {
|
||||
this.$api({
|
||||
url: this.$url.addressList.addressList
|
||||
}).then(res => {
|
||||
this.arr = res.data.addresslist
|
||||
})
|
||||
},
|
||||
getGoods() {
|
||||
this.$api({
|
||||
url: this.$url.index.index
|
||||
}).then(res => {
|
||||
this.goods = (res.data.pointgoodslist || []).map(v=>{
|
||||
return {...v,cover:this.$config.serveImgUrl+v.pgoods_image}
|
||||
})
|
||||
})
|
||||
},
|
||||
confirm(i, e) {
|
||||
this.$api({
|
||||
url: this.$url.exchange.exchange,
|
||||
method: "POST",
|
||||
data: {
|
||||
id: this.selGoods.pgoods_id,
|
||||
aid: this.arr?.[0]?.address_id || '',
|
||||
// pointoa_telphone: this.arr?.[0]?.address_tel_phone || ''
|
||||
}
|
||||
}).then(res => {
|
||||
console.log('dh', res)
|
||||
this.$refs.uToast.show({
|
||||
title: res.info,
|
||||
type: res.code == 1 ? 'success' : 'error',
|
||||
back: res.code == 1 ? true : false
|
||||
})
|
||||
})
|
||||
},
|
||||
openTransfer(item) {
|
||||
this.selGoods = item
|
||||
this.show = true
|
||||
},
|
||||
toGoods(item) {
|
||||
console.log(item);
|
||||
this.$u.route({
|
||||
url: '/pages/goods/goods',
|
||||
params: {
|
||||
id: item.pgoods_id
|
||||
}
|
||||
})
|
||||
},
|
||||
toCate(i, item) {
|
||||
// this.$u.route('/pages/index/flash?type='+i+'&id='+item.id)
|
||||
this.$u.route({
|
||||
url: '/pages/index/changci',
|
||||
params: {
|
||||
...item,
|
||||
type: i
|
||||
}
|
||||
})
|
||||
},
|
||||
changeKey(key, val) {
|
||||
this[key] = val
|
||||
},
|
||||
toPage(item) {
|
||||
const {
|
||||
url,
|
||||
type
|
||||
} = item
|
||||
if (type) {
|
||||
uni.switchTab({
|
||||
url
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.hot {
|
||||
.u-absolute {
|
||||
left: 24rpx;
|
||||
top: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.btns {
|
||||
padding-left: 100rpx;
|
||||
padding-right: 100rpx;
|
||||
|
||||
.btn {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 100rpx;
|
||||
min-width: 200rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.u-font-60 {
|
||||
font-size: 60rpx;
|
||||
}
|
||||
|
||||
.top {
|
||||
.u-absolute {
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.goods {
|
||||
.color-000 {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.u-absolute {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.color-s-white {
|
||||
color: #FCFCFC;
|
||||
}
|
||||
|
||||
.like {
|
||||
.item {
|
||||
margin-bottom: 40rpx;
|
||||
|
||||
.desc {
|
||||
width: 325rpx;
|
||||
|
||||
.tag {
|
||||
padding: 10rpx;
|
||||
border-radius: 8rpx;
|
||||
background-color: #A792E2;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #C45243;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.w-50 {
|
||||
width: 50%;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,689 @@
|
|||
<template>
|
||||
<view class="template-default">
|
||||
<!-- 顶部自定义导航 -->
|
||||
<tn-nav-bar fixed alpha customBack>
|
||||
<view slot="back" class='tn-custom-nav-bar__back'
|
||||
@click="goBack">
|
||||
<text class='icon tn-icon-left'></text>
|
||||
<text class='icon tn-icon-home-capsule-fill'></text>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
|
||||
<view class="wrapper">
|
||||
<view class="candles">
|
||||
<view class="light__wave"></view>
|
||||
<view class="candle1">
|
||||
<view class="candle1__body">
|
||||
<view class="candle1__eyes">
|
||||
<view class="candle1__eyes-one"></view>
|
||||
<view class="candle1__eyes-two"></view>
|
||||
</view>
|
||||
<view class="candle1__mouth"></view>
|
||||
</view>
|
||||
<view class="candle1__stick"></view>
|
||||
</view>
|
||||
<view class="candle2">
|
||||
<view class="candle2__body">
|
||||
<view class="candle2__eyes">
|
||||
<view class="candle2__eyes-one"></view>
|
||||
<view class="candle2__eyes-two"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="candle2__stick"></view>
|
||||
</view>
|
||||
<view class="candle2__fire"></view>
|
||||
<view class="sparkles-one"></view>
|
||||
<view class="sparkles-two"></view>
|
||||
<view class="candle__smoke-one">
|
||||
</view>
|
||||
<view class="candle__smoke-two">
|
||||
</view>
|
||||
</view>
|
||||
<view class="floor">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="text-shine tn-flex tn-flex-row-center tn-text-xxl tn-text-bold" style="margin-top: 60vh;">
|
||||
这里空空如也
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import template_page_mixin from '@/libs/mixin/template_page_mixin.js'
|
||||
export default {
|
||||
name: 'TemplateDefault',
|
||||
mixins: [template_page_mixin],
|
||||
data(){
|
||||
return {}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.template-default{
|
||||
}
|
||||
|
||||
|
||||
/* 胶囊*/
|
||||
.tn-custom-nav-bar__back {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
border-radius: 1000rpx;
|
||||
border: 1rpx solid rgba(255, 255, 255, 0.5);
|
||||
color: #FFFFFF;
|
||||
font-size: 18px;
|
||||
|
||||
.icon {
|
||||
display: block;
|
||||
flex: 1;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: " ";
|
||||
width: 1rpx;
|
||||
height: 110%;
|
||||
position: absolute;
|
||||
top: 22.5%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
transform: scale(0.5);
|
||||
transform-origin: 0 0;
|
||||
pointer-events: none;
|
||||
box-sizing: border-box;
|
||||
opacity: 0.7;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
/* 蜡烛 start*/
|
||||
.wrapper {
|
||||
background: red;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: scale(1.5, 1.5) translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.floor {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 350px;
|
||||
height: 5px;
|
||||
background: #673C63;
|
||||
transform: translate(-50%, -50%);
|
||||
box-shadow: 0px 2px 5px #111;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.candles {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 250px;
|
||||
height: 150px;
|
||||
transform: translate(-50%, -100%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.candle1 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 35px;
|
||||
height: 100px;
|
||||
background: #fff;
|
||||
border: 3px solid #673C63;
|
||||
border-bottom: 0px;
|
||||
border-radius: 3px;
|
||||
transform-origin: center right;
|
||||
transform: translate(60%, -25%);
|
||||
box-shadow: -2px 0px 0px #95c6f2 inset;
|
||||
animation: expand-body 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle1__stick, .candle2__stick {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
width: 3px;
|
||||
height: 15px;
|
||||
background: #673C63;
|
||||
border-radius: 8px;
|
||||
transform: translate(-50%, -100%);
|
||||
}
|
||||
|
||||
.candle2__stick {
|
||||
height: 12px;
|
||||
transform-origin: bottom center;
|
||||
animation: stick-animation 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle1__eyes, .candle2__eyes {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
width: 35px;
|
||||
height: 30px;
|
||||
transform: translate(-50%, 0%);
|
||||
}
|
||||
|
||||
.candle1__eyes-one {
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: 20%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 100%;
|
||||
background: #673C63;
|
||||
transform: translate(-70%, 0%);
|
||||
animation: blink-eyes 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle1__eyes-two {
|
||||
position: absolute;
|
||||
left: 70%;
|
||||
top: 20%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 100%;
|
||||
background: #673C63;
|
||||
transform: translate(-70%, 0%);
|
||||
animation: blink-eyes 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle1__mouth {
|
||||
position: absolute;
|
||||
left: 40%;
|
||||
top: 20%;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-radius: 20px;
|
||||
background: #673C63;
|
||||
transform: translate(-50%, -50%);
|
||||
animation: uff 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle__smoke-one {
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: 50%;
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
background: grey;
|
||||
transform: translate(-50%, -50%);
|
||||
animation: move-left 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle__smoke-two {
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: 40%;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 10px;
|
||||
background: grey;
|
||||
transform: translate(-50%, -50%);
|
||||
animation: move-top 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle2 {
|
||||
position: absolute;
|
||||
left: 20%;
|
||||
top: 65%;
|
||||
width: 47px;
|
||||
height: 60px;
|
||||
background: #fff;
|
||||
border: 3px solid #673C63;
|
||||
border-bottom: 0px;
|
||||
border-radius: 3px;
|
||||
transform: translate(60%, -15%);
|
||||
transform-origin: center right;
|
||||
box-shadow: -2px 0px 0px #95c6f2 inset;
|
||||
animation: shake-left 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle2__eyes-one {
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
top: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
display: inline-block;
|
||||
border: 0px solid #673C63;
|
||||
border-radius: 100%;
|
||||
float: left;
|
||||
background: #673C63;
|
||||
transform: translate(-80%, 0%);
|
||||
animation: changeto-lower 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle2__eyes-two {
|
||||
position: absolute;
|
||||
left: 70%;
|
||||
top: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
display: inline-block;
|
||||
border: 0px solid #673C63;
|
||||
border-radius: 100%;
|
||||
float: left;
|
||||
background: #673C63;
|
||||
transform: translate(-80%, 0%);
|
||||
animation: changeto-greater 3s infinite linear;
|
||||
}
|
||||
|
||||
.light__wave {
|
||||
position: absolute;
|
||||
top: 35%;
|
||||
left: 35%;
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
border-radius: 100%;
|
||||
z-index: 0;
|
||||
transform: translate(-25%, -50%) scale(2.5, 2.5);
|
||||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||||
animation: expand-light 3s infinite linear;
|
||||
}
|
||||
|
||||
.candle2__fire {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 40%;
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 20px;
|
||||
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
|
||||
background: #FF9800;
|
||||
transform: translate(-50%, -50%);
|
||||
animation: dance-fire 3s infinite linear;
|
||||
}
|
||||
|
||||
@keyframes blink-eyes {
|
||||
0%,35% {
|
||||
opacity: 1;
|
||||
transform: translate(-70%, 0%);
|
||||
}
|
||||
36%,39% {
|
||||
opacity: 0;
|
||||
transform: translate(-70%, 0%);
|
||||
}
|
||||
40% {
|
||||
opacity: 1;
|
||||
transform: translate(-70%, 0%);
|
||||
}
|
||||
50%,65% {
|
||||
transform: translate(-140%, 0%);
|
||||
}
|
||||
66% {
|
||||
transform: translate(-70%, 0%);
|
||||
}
|
||||
}
|
||||
@keyframes expand-body {
|
||||
0%,40% {
|
||||
transform: scale(1, 1) translate(60%, -25%);
|
||||
}
|
||||
45%,55% {
|
||||
transform: scale(1.1, 1.1) translate(60%, -28%);
|
||||
}
|
||||
60% {
|
||||
transform: scale(0.89, 0.89) translate(60%, -25%);
|
||||
}
|
||||
65% {
|
||||
transform: scale(1, 1) translate(60%, -25%);
|
||||
}
|
||||
70% {
|
||||
transform: scale(0.95, 0.95) translate(60%, -25%);
|
||||
}
|
||||
75% {
|
||||
transform: scale(1, 1) translate(60%, -25%);
|
||||
}
|
||||
}
|
||||
@keyframes uff {
|
||||
0%,40% {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
}
|
||||
50%,54% {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
left: 30%;
|
||||
}
|
||||
59% {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
left: 20%;
|
||||
}
|
||||
62% {
|
||||
width: 2px;
|
||||
height: 2px;
|
||||
left: 20%;
|
||||
}
|
||||
67% {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
left: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes move-left {
|
||||
0%,59%,100% {
|
||||
width: 0px;
|
||||
left: 40%;
|
||||
}
|
||||
60% {
|
||||
width: 30px;
|
||||
left: 30%;
|
||||
}
|
||||
68% {
|
||||
width: 0px;
|
||||
left: 20%;
|
||||
}
|
||||
}
|
||||
@keyframes move-top {
|
||||
0%,64%,100% {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
top: 0%;
|
||||
}
|
||||
65% {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 40%;
|
||||
left: 40%;
|
||||
}
|
||||
80% {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
top: 20%;
|
||||
}
|
||||
}
|
||||
@keyframes shake-left {
|
||||
0%,40% {
|
||||
left: 20%;
|
||||
transform: translate(60%, -15%);
|
||||
}
|
||||
50%,54% {
|
||||
left: 20%;
|
||||
transform: translate(60%, -15%);
|
||||
}
|
||||
59% {
|
||||
left: 20%;
|
||||
transform: translate(60%, -15%);
|
||||
}
|
||||
62% {
|
||||
left: 18%;
|
||||
transform: translate(60%, -15%);
|
||||
}
|
||||
65% {
|
||||
left: 21%;
|
||||
transform: translate(60%, -15%);
|
||||
}
|
||||
67% {
|
||||
left: 20%;
|
||||
transform: translate(60%, -15%);
|
||||
}
|
||||
75% {
|
||||
left: 20%;
|
||||
transform: scale(1.15, 0.85) translate(60%, -15%);
|
||||
background: #fff;
|
||||
border-color: #673C63;
|
||||
}
|
||||
91% {
|
||||
left: 20%;
|
||||
transform: scale(1.18, 0.82) translate(60%, -10%);
|
||||
background: #F44336;
|
||||
border-color: #F44336;
|
||||
box-shadow: -2px 0px 0px #F44336 inset;
|
||||
}
|
||||
92% {
|
||||
left: 20%;
|
||||
transform: scale(0.85, 1.15) translate(60%, -15%);
|
||||
}
|
||||
95% {
|
||||
left: 20%;
|
||||
transform: scale(1.05, 0.95) translate(60%, -15%);
|
||||
}
|
||||
97% {
|
||||
left: 20%;
|
||||
transform: scale(1, 1) translate(60%, -15%);
|
||||
}
|
||||
}
|
||||
@keyframes stick-animation {
|
||||
0%,40% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: translate(-50%, -100%);
|
||||
}
|
||||
50%,54% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: translate(-50%, -100%);
|
||||
}
|
||||
59% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: translate(-50%, -100%);
|
||||
}
|
||||
62% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: rotateZ(-15deg) translate(-50%, -100%);
|
||||
}
|
||||
65% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: rotateZ(15deg) translate(-50%, -100%);
|
||||
}
|
||||
70% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: rotateZ(-5deg) translate(-50%, -100%);
|
||||
}
|
||||
72% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: rotateZ(5deg) translate(-50%, -100%);
|
||||
}
|
||||
74%,84% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: rotateZ(0deg) translate(-50%, -100%);
|
||||
}
|
||||
85% {
|
||||
transform: rotateZ(180deg) translate(0%, 120%);
|
||||
}
|
||||
92% {
|
||||
left: 50%;
|
||||
top: 0%;
|
||||
transform: translate(-50%, -100%);
|
||||
}
|
||||
}
|
||||
@keyframes expand-light {
|
||||
10%,29%,59%,89% {
|
||||
transform: translate(-25%, -50%) scale(0, 0);
|
||||
border: 2px solid rgba(255, 255, 255, 0);
|
||||
}
|
||||
90%,20%,50% {
|
||||
transform: translate(-25%, -50%) scale(1, 1);
|
||||
}
|
||||
95%,96%,26%,27%,56%,57% {
|
||||
transform: translate(-25%, -50%) scale(2, 2);
|
||||
border: 2px solid rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
0%,28%,58%,100% {
|
||||
transform: translate(-25%, -50%) scale(2.5, 2.5);
|
||||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
}
|
||||
@keyframes dance-fire {
|
||||
59%,89% {
|
||||
left: 40%;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
}
|
||||
90%,0%,7%,15%,23%,31%,39%,47%,55% {
|
||||
left: 40.8%;
|
||||
width: 16px;
|
||||
height: 20px;
|
||||
background: #FFC107;
|
||||
}
|
||||
94%,3%,11%,19%,27%,35%,43%,51%,58% {
|
||||
left: 41.2%;
|
||||
width: 16px;
|
||||
height: 20px;
|
||||
background: #FF9800;
|
||||
}
|
||||
}
|
||||
@keyframes changeto-lower {
|
||||
0%,70%,90% {
|
||||
padding: 0px;
|
||||
display: inline-block;
|
||||
border-radius: 100%;
|
||||
background: #673C63;
|
||||
border-width: 0 0 0 0;
|
||||
border: 0px solid #673C63;
|
||||
transform: translate(-90%, 0%);
|
||||
}
|
||||
71%,89% {
|
||||
background: none;
|
||||
border: solid #673C63;
|
||||
border-radius: 0px;
|
||||
border-width: 0 2px 2px 0;
|
||||
display: inline-block;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
transform-origin: bottom left;
|
||||
transform: rotate(-45deg) translate(-50%, -65%);
|
||||
-webkit-transform: rotate(-45deg) translate(-50%, -65%);
|
||||
}
|
||||
}
|
||||
@keyframes changeto-greater {
|
||||
0%,70%,90% {
|
||||
top: 50%;
|
||||
padding: 0px;
|
||||
display: inline-block;
|
||||
border-radius: 100%;
|
||||
background: #673C63;
|
||||
border-width: 0 0 0 0;
|
||||
border: 0px solid #673C63;
|
||||
transform: translate(-80%, 0%);
|
||||
}
|
||||
71%,89% {
|
||||
top: 30%;
|
||||
background: none;
|
||||
border: solid #673C63;
|
||||
border-radius: 0px;
|
||||
border-width: 0 2px 2px 0;
|
||||
display: inline-block;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
transform-origin: bottom left;
|
||||
transform: rotate(135deg) translate(-80%, 20%);
|
||||
-webkit-transform: rotate(135deg) translate(-80%, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
/*敬请期待 start*/
|
||||
.text-shine {
|
||||
background: linear-gradient(to right, #080808 0, #fff 10%, #080808 20%);
|
||||
background-position: 0;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
animation: shine 4s infinite linear;
|
||||
animation-fill-mode: forwards;
|
||||
-webkit-text-size-adjust: none;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@-moz-keyframes shine {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
60% {
|
||||
background-position: 280px;
|
||||
}
|
||||
100% {
|
||||
background-position: 280px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes shine {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
60% {
|
||||
background-position: 280px;
|
||||
}
|
||||
100% {
|
||||
background-position: 280px;
|
||||
}
|
||||
}
|
||||
@-o-keyframes shine {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
60% {
|
||||
background-position: 280px;
|
||||
}
|
||||
100% {
|
||||
background-position: 280px;
|
||||
}
|
||||
}
|
||||
@keyframes shine {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
60% {
|
||||
background-position: 280px;
|
||||
}
|
||||
100% {
|
||||
background-position: 280px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 809 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 554 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 381 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 394 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1021 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 818 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,386 @@
|
|||
<template>
|
||||
<view class="u-p-l-40 u-p-r-40">
|
||||
<view>
|
||||
<image src="@/me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png" mode=""></image>
|
||||
<image src="@/me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg" mode=""></image>
|
||||
<image src="@/me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp" mode=""></image>
|
||||
<image src="@/me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp" mode=""></image>
|
||||
</view>
|
||||
<view class="list u-flex u-flex-wrap u-row-between" style="padding-bottom: 200rpx;">
|
||||
<view @click.stop="toDetail(item)" class="list-item u-m-b-40" v-for="(item,index) in arr" :key="index">
|
||||
<view class="item">
|
||||
<view class="u-absolute u-flex u-row-center u-col-center">
|
||||
<view style="position: absolute;top:10rpx;left: 0;right: 0;" class="color-fff font-bold u-text-center">ID:
|
||||
{{item.uuid}}</view>
|
||||
<template v-if="item.state==3">
|
||||
<view class="pro" v-if="item.isPro">
|
||||
<view>Pro</view>
|
||||
</view>
|
||||
<view class="gou" v-if="userInfo.modelId==item.id">
|
||||
<u-icon name="checkmark" size="40" color="#fff"></u-icon>
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<view class="color-fff font-bold u-font-32 u-flex u-row-center">
|
||||
<view v-if="item.state==0">分身未完成</view>
|
||||
<view v-if="item.state==1">分身训练中</view>
|
||||
<view v-if="item.state==2">分身制作失败</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
</view>
|
||||
|
||||
<image :src="item.mainPhoto" :class="{blur:item.state!=3}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="u-flex u-m-t-20 u-row-between u-p-r-10">
|
||||
<view class="u-font-26 color-666" v-if="item.state">生成于{{item.createTime|timer}}</view>
|
||||
<view class="u-font-26 color-666" v-else>-</view>
|
||||
<view class="u-flex" @click.stop="del(item,index)">
|
||||
<u-icon name="trash" color="#999"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<template v-if="item.state==0">
|
||||
<view class="u-flex u-m-t-20">
|
||||
<view v-if="item.isPro" class="u-flex" @click.stop="$u.route('/pages/control-fenshen/ceate-fenshen?id='+item.id)">
|
||||
<view class="btn-chongzhi font-bold">继续制作</view>
|
||||
</view>
|
||||
<view v-else class="u-flex" @click.stop="$u.route('/pages/control-fenshen/free-create-fenshen?id='+item.id)">
|
||||
<view class="btn-chongzhi font-bold">继续制作</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
<template v-if="item.state==1">
|
||||
<view class="u-flex u-m-t-20">
|
||||
<view class="u-flex " @click.stop="$u.route('/pages/control-fenshen/wating-result?id='+item.id)">
|
||||
<view class="btn-chongzhi font-bold">训练中</view>
|
||||
</view>
|
||||
<!-- <view class="status u-m-l-40" @click.stop="chongzhi(item)">免费重置</view> -->
|
||||
</view>
|
||||
|
||||
</template>
|
||||
<template v-if="item.state==2 ">
|
||||
<view class="u-flex u-m-t-20">
|
||||
<view class="u-flex " v-if="!item.resetCount" @click.stop="chongzhi(item)">
|
||||
<view class="btn-chongzhi font-bold">免费重置</view>
|
||||
</view>
|
||||
<view class="status" @click.stop="" v-else>免费重置</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-if="item.state==3&&item.isPro">
|
||||
<view class="u-flex u-row-center u-m-t-20">
|
||||
<view class="btn-chongzhi font-bold" v-if="!item.resetCount" @click.stop="chongzhi(item)">免费重置</view>
|
||||
<view class="status" @click.stop="" v-else>免费重置</view>
|
||||
<view class="status u-m-l-40" v-if="userInfo.modelId==item.id" @click.stop="">使用中</view>
|
||||
<view class="btn-chongzhi font-bold u-m-l-40" v-else @click.stop="qeihuan(item)">切换分身</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-if="item.state==3&&!item.isPro">
|
||||
<view class="u-flex u-m-t-20">
|
||||
<view class="status " v-if="userInfo.modelId==item.id" @click.stop="">使用中</view>
|
||||
<view class="btn-chongzhi font-bold " v-else @click.stop="qeihuan(item)">切换分身</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view v-if="!arr.length" class="u-flex u-row-center min-h-100 u-flex-col">
|
||||
<my-empty></my-empty>
|
||||
</view>
|
||||
|
||||
<my-pop ref="myPoo">
|
||||
<view>
|
||||
<view class="u-font-32 u-p-30 u-text-center">
|
||||
确认要删除当前分身吗
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-m-t-40">
|
||||
<view class="u-flex-1 u-p-r-30"><my-button @click="close" type="cancel">取消</my-button></view>
|
||||
<view class="u-flex-1 u-p-l-30"><my-button @click="delItem">确定</my-button></view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</my-pop>
|
||||
<my-pop ref="mypopChongzhi">
|
||||
<view>
|
||||
<view class="u-font-32 u-p-30 u-text-center">
|
||||
确认要重置该分身吗
|
||||
</view>
|
||||
<view class="u-flex u-row-center u-m-t-20">
|
||||
<view class="u-flex" style="border-radius: 32rpx;overflow: hidden;">
|
||||
<image :src="selItem.smallUrl" style="width: 320rpx;height: 320rpx;" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-m-t-60">
|
||||
<view class="u-flex-1 u-p-r-30"><my-button @click="close" type="cancel">取消</my-button></view>
|
||||
<view class="u-flex-1 u-p-l-30"><my-button @click="confirmChongzhi">确定</my-button></view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</my-pop>
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
<view class="fixed_b">
|
||||
<my-button @click="toCreate">制作新的分身</my-button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
psize: 10,
|
||||
pnum: 1,
|
||||
isEnd: false,
|
||||
arr: [],
|
||||
selItem: '',
|
||||
SelIndex: '',
|
||||
isUser: false,
|
||||
userInfo: uni.getStorageSync('userInfo')
|
||||
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
timer: function(value) {
|
||||
return value.split('T')[0]
|
||||
}
|
||||
},
|
||||
onBackPress(options) {
|
||||
},
|
||||
methods: {
|
||||
toCreate(){
|
||||
const isXunlian=this.arr.some(v=>v.state==1||v.state==0)
|
||||
if(isXunlian){
|
||||
return this.$refs.uToast.show({
|
||||
title:'您有分身正在制作中，请稍后！'
|
||||
})
|
||||
}
|
||||
this.$u.route('/pages/control-fenshen/fenshen-first')
|
||||
// if(!this.userInfo.tried){
|
||||
// this.$u.route('/pages/control-fenshen/fenshen-first')
|
||||
// }else{
|
||||
// this.$u.route('/pages/control-fenshen/ceate-fenshen')
|
||||
// }
|
||||
},
|
||||
close() {
|
||||
this.$refs.mypopChongzhi.close()
|
||||
},
|
||||
confirmChongzhi() {
|
||||
const index = this.arr.findIndex(v => v.id == this.selItem.id)
|
||||
this.$api({
|
||||
url: 'model/reset/' + this.selItem.id
|
||||
}).then(res => {
|
||||
this.$refs.mypopChongzhi.close()
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
if (res.code == 200) {
|
||||
this.$set(this.arr, index, {
|
||||
...this.selItem,
|
||||
state: 0
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
chongzhi(item) {
|
||||
if(this.userInfo.modelId==item.id){
|
||||
return this.$refs.uToast.show({
|
||||
title: '当前分身正在使用，不可重置！',
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
this.selItem = item
|
||||
this.$refs.mypopChongzhi.open()
|
||||
},
|
||||
toDetail(item) {
|
||||
if (item.state == 3) {
|
||||
this.$u.route('/pages/control-fenshen/fensehn-detail?id=' + item.id)
|
||||
}
|
||||
},
|
||||
delItem() {
|
||||
this.$api({
|
||||
url: 'model/delete/' + this.selItem.id
|
||||
}).then(res => {
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
if (res.code == 200) {
|
||||
this.arr.splice(this.SelIndex, 1)
|
||||
this.$refs.myPoo.close()
|
||||
this.$api({
|
||||
url: "user/info"
|
||||
}).then(res => {
|
||||
this.userInfo = res.data
|
||||
uni.setStorageSync('userInfo', res.data)
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
qeihuan(item) {
|
||||
this.$api({
|
||||
url: 'model/change/' + item.id,
|
||||
}).then(res => {
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: res.code == 200 ? 'success' : 'error'
|
||||
})
|
||||
if (res.code == 200) {
|
||||
this.userInfo.modelId = item.id
|
||||
this.$api({
|
||||
url: "user/info"
|
||||
}).then(res => {
|
||||
this.userInfo = res.data
|
||||
uni.setStorageSync('userInfo', res.data)
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
close() {
|
||||
this.selItem = ''
|
||||
this.$refs.myPoo.close()
|
||||
},
|
||||
del(item, index) {
|
||||
if(this.userInfo.modelId==item.id){
|
||||
return this.$refs.uToast.show({
|
||||
title: '当前分身正在使用，不可删除！',
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
this.selItem = item
|
||||
this.SelIndex = index
|
||||
this.$refs.myPoo.open()
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.userInfo = uni.getStorageSync('userInfo')
|
||||
this.pnum = 1
|
||||
this.isEnd=false
|
||||
this.$api({
|
||||
url: 'model/list',
|
||||
data: {
|
||||
psize: this.psize,
|
||||
pnum: this.pnum
|
||||
}
|
||||
}).then(res => {
|
||||
this.arr = res.data
|
||||
})
|
||||
},
|
||||
onLoad(opt) {
|
||||
this.isUser = opt.isUser
|
||||
// this.$api({
|
||||
// url: 'model/list',
|
||||
// data: {
|
||||
// psize: this.psize,
|
||||
// pnum: this.pnum
|
||||
// }
|
||||
// }).then(res => {
|
||||
// this.arr = res.data
|
||||
// })
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.blur {
|
||||
filter: blur(5px);
|
||||
}
|
||||
|
||||
.fixed_b {
|
||||
left: 140rpx;
|
||||
right: 140rpx;
|
||||
bottom: 40rpx;
|
||||
background-color: transparent;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.list {
|
||||
.item {
|
||||
display: flex;
|
||||
border: 1px solid rgb(32, 33, 29);
|
||||
border-radius: 30rpx;
|
||||
overflow: hidden;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
// background-color: rgb(255, 196, 40);
|
||||
.u-absolute {
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
|
||||
.pro {
|
||||
position: absolute;
|
||||
left: 10rpx;
|
||||
bottom: 10rpx;
|
||||
}
|
||||
|
||||
.gou {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding-top: 10rpx;
|
||||
padding-left: 10rpx;
|
||||
border-radius: 30rpx 0 0 0;
|
||||
background-color: rgb(35, 33, 34);
|
||||
}
|
||||
}
|
||||
|
||||
image {
|
||||
width: 320rpx;
|
||||
height: 320rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.status,
|
||||
.btn-chongzhi {
|
||||
width: 130rpx;
|
||||
text-align: center;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 100rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 48rpx;
|
||||
}
|
||||
|
||||
.btn-chongzhi {
|
||||
border-color: #333;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.status {
|
||||
color: #999;
|
||||
border-color: #999;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,16 +1,16 @@
|
|||
<template>
|
||||
<view style="text-align: left">
|
||||
<view class="u-text-left">
|
||||
<view v-if="list.length" v-for="(item, index) in list" :key="index" class="item">
|
||||
<view>
|
||||
|
||||
<view style="color: #000000;font-size: 28upx;">
|
||||
<view style="margin-bottom: 8upx;"> 类型： {{item.title}}</view>
|
||||
<view style="margin-bottom: 8upx"> 内容： {{item.content}}</view>
|
||||
<view style="margin-bottom: 8upx"> 时间： {{item.createTime}}</view>
|
||||
<view style="margin-bottom: 8upx;text-align: right;">
|
||||
<view class="color-000 u-font-28" >
|
||||
<view class="u-m-t-8"> 类型： {{item.title}}</view>
|
||||
<view class="u-m-t-8"> 内容： {{item.content}}</view>
|
||||
<view class="u-m-t-8"> 时间： {{item.createTime}}</view>
|
||||
<view class="u-m-t-8 u-text-right" >
|
||||
<!-- 提现金额： -->
|
||||
<text v-if="item.type===2" style="color: #666;font-size: 32upx;font-weight: 600"> - ￥{{item.money}}</text>
|
||||
<text v-if="item.type===1" style="color: #FD6416;font-size: 32upx;font-weight: 600">+ ￥{{item.money}}</text>
|
||||
<text v-if="item.type===2" class="coor-666 u-font-32" style="font-weight: 600"> - ￥{{item.money}}</text>
|
||||
<text v-if="item.type===1" class="u-font-32" style="color: #FD6416;font-weight: 600">+ ￥{{item.money}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -1,13 +1,13 @@
|
|||
<template>
|
||||
<view style="padding-bottom: 50rpx;">
|
||||
<view class="page" style="">
|
||||
<view class="padding margin radius bg-white" style="">
|
||||
<view class="text-19">当前收益</view>
|
||||
<view class="flex justify-between margin-top">
|
||||
<view class="text-bold text-black">¥<text style="font-size: 34px;">{{inviterRecord}}</text></view>
|
||||
<view class="text-bold text-black">¥<text style="font-size: 34px;">{{yaoqingTongji}}</text></view>
|
||||
<view class="" style="position: relative;overflow: hidden;width: 90px;">
|
||||
<view style="position: absolute;bottom:0;">
|
||||
<!-- <view class="flex"> -->
|
||||
<button @tap="getOut" class="cuBtn round">立即提现</button>
|
||||
<button @tap="ymfgetOut" class="btn round">立即提现</button>
|
||||
<!-- </view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
<!-- <view class="flex justify-between" style="line-height: 30px;" v-for="(item,index) in userList" >
|
||||
<view class="flex" style="width: 300rpx;">
|
||||
<u-image :src="item.avatar" width="30px" mode="widthFix"></u-image>
|
||||
<view class="margin-left-sm userName_view">{{item.userName}}</view>
|
||||
<view class="margin-left-sm infobox">{{item.userName}}</view>
|
||||
</view>
|
||||
<view style="width: 120rpx;">邀请好友</view>
|
||||
<view style="width: 120rpx;">
|
||||
|
|
@ -32,10 +32,10 @@
|
|||
<image :src="item.avatar?item.avatar:'../../static/images/logo.png'"
|
||||
style="width: 80rpx;height:80rpx;border-radius: 50rpx;"></image>
|
||||
<view class="margin-left-sm">
|
||||
<view class="userName_view">{{item.userName}}</view>
|
||||
<view class="text-cut" style="font-size: 24rpx;" v-if="item.userType && item.userType === 2">二级好友
|
||||
<view class="infobox">{{item.userName}}</view>
|
||||
<view class="text-cut u-font-24" v-if="item.userType && item.userType === 2">二级好友
|
||||
</view>
|
||||
<view class="text-cut" style="font-size: 24rpx;" v-else>一级好友
|
||||
<view class="text-cut u-font-24" v-else>一级好友
|
||||
</view>
|
||||
<!-- <u-image :src="item.avatar" width="30px" mode="widthFix"></u-image> -->
|
||||
</view>
|
||||
|
|
@ -61,31 +61,31 @@
|
|||
page: 1,
|
||||
limit: 50,
|
||||
userList: [],
|
||||
inviterRecord: ''
|
||||
yaoqingTongji: ''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getData()
|
||||
this.getInviter()
|
||||
this.ymfgetData()
|
||||
this.ymfgetInviter()
|
||||
},
|
||||
onReachBottom: function() {
|
||||
this.page = this.page + 1;
|
||||
this.getInviter();
|
||||
this.ymfgetInviter();
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.page = 1;
|
||||
this.getData();
|
||||
this.getInviter();
|
||||
this.ymfgetData();
|
||||
this.ymfgetInviter();
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
ymfgetData() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit
|
||||
}
|
||||
this.$u.api.queryInviter(data).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.inviterRecord = res.data.inviteMoney.money
|
||||
this.yaoqingTongji = res.data.inviteMoney.money
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
getInviter() {
|
||||
ymfgetInviter() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit,
|
||||
|
|
@ -118,9 +118,9 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
getOut() {
|
||||
ymfgetOut() {
|
||||
uni.navigateTo({
|
||||
url: '/me/invite/cashDetail'
|
||||
url: '/me/yaoqing/cashDetail'
|
||||
});
|
||||
},
|
||||
}
|
||||
|
|
@ -128,14 +128,16 @@
|
|||
</script>
|
||||
|
||||
<style>
|
||||
.cuBtn {
|
||||
.btn {
|
||||
background: rgba(255, 117, 129, 0.2);
|
||||
color: #ff7581;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.userName_view {
|
||||
.page{
|
||||
padding-bottom: 50rpx;
|
||||
}
|
||||
.infobox {
|
||||
width: 280rpx;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
|
@ -32,17 +32,17 @@
|
|||
您的邀请码
|
||||
</view>
|
||||
<view class="text-center ">
|
||||
<view class=" u-m-t-32 text-xxl text-red text-bold u-m-b-32">
|
||||
<view class=" u-m-t-32 text-xxl red text-bold u-m-b-32">
|
||||
{{invitationCode}}
|
||||
</view>
|
||||
<view class="u-flex u-row-between" style="padding: 0 88rpx;">
|
||||
<!-- #ifdef H5 -->
|
||||
<u-button @tap="sharurl" :custom-style="customStyle" :hair-line="false"
|
||||
<u-button @tap="ymfsharurl" :custom-style="customStyle" :hair-line="false"
|
||||
:ripple="true">一键分享</u-button>
|
||||
<!-- #endif -->
|
||||
|
||||
<!-- #ifdef APP -->
|
||||
<u-button @tap="sharurl" :custom-style="customStyle" :hair-line="false"
|
||||
<u-button @tap="ymfsharurl" :custom-style="customStyle" :hair-line="false"
|
||||
:ripple="true">一键分享</u-button>
|
||||
<!-- #endif -->
|
||||
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
:ripple="true">一键分享</u-button>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-KUAISHOU -->
|
||||
<u-button style="margin-left: 50rpx;" @click.stop="onSaveImg()" :custom-style="customStyle"
|
||||
<u-button style="margin-left: 50rpx;" @click.stop="ymfonSaveImg()" :custom-style="customStyle"
|
||||
:hair-line="false" :ripple="true">保存海报</u-button>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
|
|
@ -68,28 +68,28 @@
|
|||
<view class="flex justify-around u-m-t-32 u-text-center font-bold" style="line-height: 46rpx;">
|
||||
<view>
|
||||
<view class="">已邀请</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviterNumber}}</text>人</view>
|
||||
<view class="red u-m-t-16 "><text class=" u-font-40">{{inviterNumber}}</text>人</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class="">签到</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviteSignCount}}</text>人</view>
|
||||
<view class="red u-m-t-16 "><text class=" u-font-40">{{inviteSignCount}}</text>人</view>
|
||||
</view>
|
||||
<view @click="toGold">
|
||||
<view @click="ymftoGold">
|
||||
<view class="">金币收益</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{earning.inviteGoldMoney}}</text></view>
|
||||
<view class="red u-m-t-16 "><text class=" u-font-40">{{earning.inviteGoldMoney}}</text></view>
|
||||
</view>
|
||||
<view @click="toPack">
|
||||
<view @click="ymftoPack">
|
||||
<view class="">红包收益</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{earning.inviteMoney}}</text></view>
|
||||
<view class="red u-m-t-16 "><text class=" u-font-40">{{earning.inviteMoney}}</text></view>
|
||||
</view>
|
||||
<!-- <view>
|
||||
<view class="">累计收益</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{cumulativeRevenue}}</text>元</view>
|
||||
<view class="red u-m-t-16 "><text class=" u-font-40">{{cumulativeRevenue}}</text>元</view>
|
||||
</view> -->
|
||||
|
||||
<!-- <view>
|
||||
<view class="">已提现</view>
|
||||
<view class="text-red u-m-t-16 "><text class="u-font-40">{{withdrawn}}</text>元</view>
|
||||
<view class="red u-m-t-16 "><text class="u-font-40">{{withdrawn}}</text>元</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="u-m-t-16 color-999 u-text-center u-p-b-32">好友签到成功可额外获得1元现金红包</view>
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
<text class="margin-left-sm">{{item.userName}}</text>
|
||||
</view>
|
||||
<view style="width: 160rpx;" class="u-flex u-row-right font-bold">
|
||||
<text class=" text-red" v-if="item.recordNum>0">已签到</text>
|
||||
<text class=" red" v-if="item.recordNum>0">已签到</text>
|
||||
<text class=" color-999" v-else>未签到</text>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -145,11 +145,11 @@
|
|||
|
||||
|
||||
<tki-qrcode ref="qrcode" :val="erweima" :size="200" background="#fff" foreground="#000" pdground="#000"
|
||||
:onval="true" :loadMake="true" @result="qrR" :show="false"></tki-qrcode>
|
||||
<view class="cu-modal" :class="modalName == 'Image' ? 'show' : ''" @tap="hideModal">
|
||||
<view class="cu-dialog" v-if="bgImg && erweimapath && haibaoShow" @tap="hideModal">
|
||||
:onval="true" :loadMake="true" @result="ymfqrR" :show="false"></tki-qrcode>
|
||||
<view class="cu-modal" :class="modalName == 'Image' ? 'show' : ''" @tap="ymfhideModal">
|
||||
<view class="ymf-dialog" v-if="bgImg && erweimapath && haibaoShow" @tap="ymfhideModal">
|
||||
<view class="bg-img">
|
||||
<wm-poster @success="posterSuccess" @successH5="successH5" :imgSrc="bgImg"
|
||||
<wm-poster @success="ymfposterSuccess" @ymfsuccessH5="ymfsuccessH5" :imgSrc="bgImg"
|
||||
:Referrer="'我的邀请码:'+invitationCode" :QrSrc="erweimapath" :LineType="false"></wm-poster>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -177,7 +177,7 @@
|
|||
inviteGoldMoney: 0,
|
||||
},
|
||||
//已签到人数
|
||||
inviteCount: 0,
|
||||
yaoqingRenshu: 0,
|
||||
hasAjax: false,
|
||||
erweimapath: '',
|
||||
poster: {},
|
||||
|
|
@ -234,12 +234,12 @@
|
|||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getInviter()
|
||||
this.queryInviter()
|
||||
this.ymfgetInviter()
|
||||
this.ymfqueryInviter()
|
||||
|
||||
this.invitationCode = uni.getStorageSync('invitationCode')
|
||||
this.getUserInfoBl()
|
||||
this.getBgImg()
|
||||
this.ymfgetUserInfoBl()
|
||||
this.ymfgetBgImg()
|
||||
if (uni.getStorageSync('qdCode')) {
|
||||
this.qdCode = uni.getStorageSync('qdCode')
|
||||
}
|
||||
|
|
@ -254,25 +254,25 @@
|
|||
.invitationCode + '&qdCode=' + this.qdCode
|
||||
// #endif
|
||||
// #ifdef MP-WEIXIN
|
||||
this.getWxEq()
|
||||
this.ymfgetWxEq()
|
||||
// #endif
|
||||
// #ifdef MP-TOUTIAO
|
||||
this.getTouTiao()
|
||||
this.ymfgetTouTiao()
|
||||
// #endif
|
||||
},
|
||||
methods: {
|
||||
toGold(){
|
||||
ymftoGold(){
|
||||
uni.navigateTo({
|
||||
url:'/me/invite/moneyList?moneyType=2&viewType=1'
|
||||
url:'/me/yaoqing/redPack-mingxi?moneyType=2&viewType=1'
|
||||
})
|
||||
},
|
||||
toPack(){
|
||||
ymftoPack(){
|
||||
uni.navigateTo({
|
||||
url:'/me/invite/moneyList?moneyType=1&viewType=1'
|
||||
url:'/me/yaoqing/redPack-mingxi?moneyType=1&viewType=1'
|
||||
})
|
||||
},
|
||||
//获取用户分销比例
|
||||
getUserInfoBl() {
|
||||
ymfgetUserInfoBl() {
|
||||
this.$Request.getT('/app/user/selectUserById').then(res => {
|
||||
if (res.code == 0) {
|
||||
//一级分销
|
||||
|
|
@ -291,7 +291,7 @@
|
|||
})
|
||||
},
|
||||
//获取头条二维码
|
||||
getTouTiao() {
|
||||
ymfgetTouTiao() {
|
||||
let that = this
|
||||
uni.downloadFile({
|
||||
url: config.APIHOST +
|
||||
|
|
@ -320,7 +320,7 @@
|
|||
});
|
||||
},
|
||||
//获取微信二维码
|
||||
getWxEq() {
|
||||
ymfgetWxEq() {
|
||||
let that = this
|
||||
uni.downloadFile({
|
||||
url: config.APIHOST +
|
||||
|
|
@ -348,9 +348,9 @@
|
|||
}
|
||||
});
|
||||
},
|
||||
sharurl() {
|
||||
ymfsharurl() {
|
||||
let that = this;
|
||||
uni.showModal({
|
||||
uni.ymfshowModal({
|
||||
title: '链接推广',
|
||||
content: this.tuiguang + this.erweima,
|
||||
showCancel: true,
|
||||
|
|
@ -373,12 +373,12 @@
|
|||
}
|
||||
});
|
||||
},
|
||||
posterSuccess(haibaoImg) {
|
||||
ymfposterSuccess(haibaoImg) {
|
||||
this.haibaoImg = haibaoImg;
|
||||
this.modalName = 'Image';
|
||||
uni.hideLoading();
|
||||
},
|
||||
successH5(haibaoImg) {
|
||||
ymfsuccessH5(haibaoImg) {
|
||||
if ( haibaoImg ) {
|
||||
this.haibaoImgH5 = haibaoImg
|
||||
uni.previewImage({
|
||||
|
|
@ -388,7 +388,7 @@
|
|||
}
|
||||
|
||||
},
|
||||
showModal() {
|
||||
ymfshowModal() {
|
||||
// #ifndef H5
|
||||
if (!this.haibaoImg) {
|
||||
this.haibaoShow = true;
|
||||
|
|
@ -427,13 +427,13 @@
|
|||
}
|
||||
// #endif
|
||||
},
|
||||
hideModal() {
|
||||
ymfhideModal() {
|
||||
this.modalName = null;
|
||||
},
|
||||
qrR(path) {
|
||||
ymfqrR(path) {
|
||||
this.erweimapath = path;
|
||||
},
|
||||
getInviter() {
|
||||
ymfgetInviter() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit
|
||||
|
|
@ -451,11 +451,11 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
queryInviter() {
|
||||
ymfqueryInviter() {
|
||||
this.$u.api.queryInviter().then(res => {
|
||||
if (res.code == 0) {
|
||||
this.cumulativeRevenue = res.data.inviteMoney.moneySum //累计收益
|
||||
this.inviterNumber = res.data.inviteCount //邀请人数
|
||||
this.inviterNumber = res.data.yaoqingRenshu //邀请人数
|
||||
this.withdrawn = res.data.inviteMoney.cashOut //已提现
|
||||
this.inviteSignCount = res.data.inviteSignCount
|
||||
Object.assign(this.earning,res.data.earning)
|
||||
|
|
@ -470,14 +470,14 @@
|
|||
},
|
||||
|
||||
|
||||
goNav(e) {
|
||||
ymfgoNav(e) {
|
||||
uni.navigateTo({
|
||||
url: e
|
||||
})
|
||||
},
|
||||
|
||||
//获取背景图
|
||||
getBgImg() {
|
||||
ymfgetBgImg() {
|
||||
this.$u.get('app/banner/selectBannerList?classify=5').then(res => {
|
||||
console.log(res)
|
||||
if (res.code == 0) {
|
||||
|
|
@ -495,7 +495,7 @@
|
|||
},
|
||||
|
||||
//生成h5海报
|
||||
createH5Poster() {
|
||||
ymfcreateH5Poster() {
|
||||
let that = this;
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.showLoading({
|
||||
|
|
@ -593,7 +593,7 @@
|
|||
},
|
||||
|
||||
//生成海报
|
||||
createPoster() {
|
||||
ymfcreatePoster() {
|
||||
let that = this;
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.showLoading({
|
||||
|
|
@ -693,16 +693,16 @@
|
|||
});
|
||||
},
|
||||
// 保存图片
|
||||
async onSaveImg() {
|
||||
this.showModal();
|
||||
async ymfonSaveImg() {
|
||||
this.ymfshowModal();
|
||||
|
||||
return
|
||||
// #ifndef MP-WEIXIN
|
||||
this.showModal();
|
||||
this.ymfshowModal();
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
let imgUrl = await this.createPoster();
|
||||
let imgUrl = await this.ymfcreatePoster();
|
||||
uni.showLoading({
|
||||
title: '海报下载中'
|
||||
});
|
||||
|
|
@ -720,7 +720,7 @@
|
|||
}
|
||||
});
|
||||
} else {
|
||||
uni.showModal({
|
||||
uni.ymfshowModal({
|
||||
title: '提示',
|
||||
content: '请先在设置页面打开“保存相册”使用权限',
|
||||
confirmText: '去设置',
|
||||
|
|
@ -762,11 +762,11 @@
|
|||
<style lang="scss" scoped>
|
||||
$color1: #5857FF;
|
||||
|
||||
.cu-dialog {
|
||||
.ymf-dialog {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
.red {
|
||||
color: $color1;
|
||||
}
|
||||
|
||||
|
|
@ -1,23 +1,23 @@
|
|||
<template>
|
||||
<view style="text-align: left">
|
||||
<view v-if="list.length" v-for="(item, index) in list" :key="index" class="item">
|
||||
<view style="text-align: left list">
|
||||
<view v-if="list.length" v-for="(item, index) in list" :key="index" class="tixian-item">
|
||||
<view>
|
||||
<view style="margin-bottom: 8upx;text-align: right;">
|
||||
<text style="margin-bottom: 8upx;color: green" v-if="item.state===1"> 提现成功</text>
|
||||
<text style="margin-bottom: 8upx;color: green" v-if="item.state===0"> 提现中</text>
|
||||
<text style="margin-bottom: 8upx;color: #FD6416" v-if="item.state===-1"> 提现失败</text>
|
||||
<view class="u-text-right u-m-t-8" >
|
||||
<text class="u-m-t-8" style="color: green" v-if="item.state===1"> 提现成功</text>
|
||||
<text class="u-m-t-8" style="color: green" v-if="item.state===0"> 提现中</text>
|
||||
<text class="u-m-t-8" style="color: #FD6416" v-if="item.state===-1"> 提现失败</text>
|
||||
</view>
|
||||
|
||||
<view style="color: #999999;font-size: 28upx;">
|
||||
<view style="margin-bottom: 8upx"> 收款人账号：{{ item.zhifubao }}</view>
|
||||
<view style="margin-bottom: 8upx"> 收款人姓名：{{ item.zhifubaoName }}</view>
|
||||
<view style="margin-bottom: 8upx"> 发起时间：{{ item.createAt }}</view>
|
||||
<view style="margin-bottom: 8upx" v-if="item.state===1">成功时间 {{ item.outAt }}</view>
|
||||
<view style="margin-bottom: 8upx;color: #FD6416" v-if="item.state===-1">{{ item.refund }}</view>
|
||||
<view class="u-m-t-8"> 收款人账号：{{ item.zhifubao }}</view>
|
||||
<view class="u-m-t-8"> 收款人姓名：{{ item.zhifubaoName }}</view>
|
||||
<view class="u-m-t-8"> 发起时间：{{ item.createAt }}</view>
|
||||
<view class="u-m-t-8" v-if="item.state===1">成功时间 {{ item.outAt }}</view>
|
||||
<view class="u-m-t-8" style="color: #FD6416" v-if="item.state===-1">{{ item.refund }}</view>
|
||||
|
||||
<view style="margin-bottom: 8upx;text-align: right;">
|
||||
<view class="u-m-t-8 u-text-right" >
|
||||
<!-- 提现金额： -->
|
||||
<text style="color: #FD6416;font-size: 32upx;font-weight: 600"> ￥{{ item.money }}</text>
|
||||
<text class="u-font-32 " style="color: #FD6416;font-weight: 600"> ￥{{ item.money }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -42,15 +42,15 @@ export default {
|
|||
list: [],
|
||||
page: 1,
|
||||
limit: 10,
|
||||
totalCount: 0,
|
||||
total: 0,
|
||||
}
|
||||
},
|
||||
onLoad: function (e) {
|
||||
this.getMoney();
|
||||
this.ymfgetMoney();
|
||||
},
|
||||
|
||||
methods: {
|
||||
getMoney() {
|
||||
ymfgetMoney() {
|
||||
let that = this;
|
||||
let token = uni.getStorageSync('token')
|
||||
|
||||
|
|
@ -61,7 +61,7 @@ export default {
|
|||
limit: this.limit
|
||||
}
|
||||
this.$Request.getT('app/cash/selectPayDetails', data).then(res => {
|
||||
this.totalCount = res.data.totalCount;
|
||||
this.total = res.data.total;
|
||||
if (res.data.list.length > 0) {
|
||||
this.list = [...this.list, ...res.data.list];
|
||||
}
|
||||
|
|
@ -71,15 +71,15 @@ export default {
|
|||
},
|
||||
},
|
||||
onReachBottom: function () {
|
||||
if (this.page * this.limit < this.totalCount) {
|
||||
if (this.page * this.limit < this.total) {
|
||||
this.page = this.page + 1;
|
||||
this.getMoney();
|
||||
this.ymfgetMoney();
|
||||
}
|
||||
},
|
||||
onPullDownRefresh: function () {
|
||||
this.page = 1;
|
||||
// that.list = []
|
||||
this.getMoney();
|
||||
this.ymfgetMoney();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
@ -91,7 +91,7 @@ page {
|
|||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.item {
|
||||
.tixian-item {
|
||||
background: white;
|
||||
padding: 32rpx;
|
||||
margin: 32rpx;
|
||||
|
|
@ -1,37 +1,40 @@
|
|||
<template>
|
||||
<view class="cash">
|
||||
<view class="tixian">
|
||||
<view
|
||||
style="background-color: #ff7581;height: 400upx;border-bottom-right-radius: 40upx;border-bottom-left-radius: 40upx;">
|
||||
<view style="font-size: 32upx;color: #FFFFFF;padding-top: 100upx;">可提现总额</view>
|
||||
<view style="font-size: 40upx;color: #FFFFFF;padding-top: 20upx;">¥ {{ mayMoney }}</view>
|
||||
class="top-bg">
|
||||
<view class="class1">可提现总额</view>
|
||||
<view class="class2">¥ {{ mayMoney }}</view>
|
||||
|
||||
<view
|
||||
style="width: 90%;height: max-content;margin-left: 40upx;background-color: #FFFFFF;box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;margin-top: 50upx;border-radius: 20upx;">
|
||||
<view style="display: flex;flex-direction: row;padding: 20upx;">
|
||||
<view style="font-size: 32upx;color: #333333;">提现金额
|
||||
class="class3">
|
||||
<view class="class4" style="">
|
||||
<view class="color-333 u-font-32">提现金额
|
||||
<!-- <text style="font-size: 28upx;color: #ff7581;"
|
||||
v-if="shouxufei">（注：提现手续费为{{shouxufei * 100}}%）</text> -->
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
style="display: flex;flex-direction: row;padding: 20upx;justify-content: space-between;align-items: center;">
|
||||
<view style="display: flex;align-items: center;">
|
||||
<view style="font-size: 40upx;color: #333333;">¥</view>
|
||||
<input type="number" v-model="money" placeholder="请输入金额" @input="moneyInput" @blur="moneyBlur"
|
||||
style="font-size: 40upx;color: #333333;text-align: left;margin-left: 10upx;width: 80%;"/>
|
||||
class="u-flex flex-row justify-between align-center"
|
||||
style="padding: 20upx">
|
||||
<view class="flex align-center" >
|
||||
<view class="color-333" style="font-size: 40upx;">¥</view>
|
||||
<input type="number" v-model="money" placeholder="请输入金额" @input="ymfmoneyInput" @blur="ymfymfmoneyBlur"
|
||||
class="color-333 u-text-left u-m-l-10 u-font-40"
|
||||
style="width: 80%;"/>
|
||||
</view>
|
||||
<view @click="setAllMoney"
|
||||
style="font-size: 30rpx;color: #333333;background: #ff7581;color: white;border-radius: 10rpx;padding: 7rpx 15rpx;flex-shrink: 0;">
|
||||
<view @click="ymfsetAllMoney"
|
||||
class="u-font-28 color-333 u-p-l-15 u-p-r-15 u-p-t-16 u-p-b-16 flex-0 "
|
||||
style="background: #ff7581;color: white;border-radius: 10rpx;">
|
||||
全部
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view style="background: #E6E6E6;width: 100%;height: 1upx;"></view>
|
||||
<!-- <view style="background: #E6E6E6;width: 100%;height: 1upx;"></view> -->
|
||||
|
||||
<!-- <view style="display: flex;flex-direction: row;flex-wrap: wrap;">
|
||||
<view style="display: flex;flex-direction: row;" v-for="(item, index) in moneyList" :key="index">
|
||||
<view style="display: flex;flex-direction: row;" v-for="(item, index) in tixianList" :key="index">
|
||||
<view>
|
||||
<view style="padding: 20upx;" @click="getOut1(item.money)">
|
||||
<view style="padding: 20upx;" @click="ymfymfgetOut1(item.money)">
|
||||
<view
|
||||
style="padding-top: 40upx;width: 180upx; height: 120upx;background-color: #FFFFFF;border:1px solid #ff7581;border-radius: 10upx;">
|
||||
{{ item.money }}
|
||||
|
|
@ -41,43 +44,45 @@
|
|||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view @click="getOut"
|
||||
style="margin: 32upx;font-size: 18px;background: #ff7581;color: white;border-radius: 10px;height: 40px;line-height: 40px;">
|
||||
<view @click="ymfgetOut"
|
||||
class="u-m-40 u-font-36 color-fff u-border-10"
|
||||
style="background: #ff7581;border-radius: 10px;height: 80rpx;line-height: 80rpx;">
|
||||
提现
|
||||
</view>
|
||||
|
||||
<view style="display: flex;width: 100%;justify-content: center;">
|
||||
<view class="u-flex-1" style="color: grey;padding-bottom: 30px;padding-top: 20upx;" @click="goZhifuBao">
|
||||
<view
|
||||
class="flex w-full justify-center ">
|
||||
<view class="u-flex-1" style="color: grey;padding-bottom: 30px;padding-top: 20upx;" @click="ymfgoaliZhiFuBao">
|
||||
提现账号
|
||||
</view>
|
||||
<view class="u-flex-1" style="color: grey;padding-bottom: 30px;padding-top: 20upx;" @click="goqianbao">
|
||||
<view class="u-flex-1" style="color: grey;padding-bottom: 30px;padding-top: 20upx;" @click="ymfgoqianbao">
|
||||
红包明细
|
||||
</view>
|
||||
<!-- <view style="color: grey;padding-bottom: 30px;padding-top: 20upx;width: 33%;" @click="gojilu">提现记录
|
||||
<!-- <view style="color: grey;padding-bottom: 30px;padding-top: 20upx;width: 33%;" @click="ymfgojilu">提现记录
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
<view style="text-align: left" class="moneyList u-p-b-30">
|
||||
<view style="text-align: left" class="tixianList u-p-b-30">
|
||||
<view v-if="list.length" v-for="(item, index) in list" :key="index" class="item">
|
||||
<view>
|
||||
<view style="margin-bottom: 8upx;text-align: right;">
|
||||
<text style="margin-bottom: 8upx;color: green" v-if="item.state===1"> 提现成功</text>
|
||||
<text style="margin-bottom: 8upx;color: green" v-if="item.state===0"> 提现中</text>
|
||||
<text style="margin-bottom: 8upx;color: #FD6416" v-if="item.state===-1||item.state===2">
|
||||
<view style="margin-bottom: 8rpx;text-align: right;">
|
||||
<text style="margin-bottom: 8rpx;color: green" v-if="item.state===1"> 提现成功</text>
|
||||
<text style="margin-bottom: 8rpx;color: green" v-if="item.state===0"> 提现中</text>
|
||||
<text style="margin-bottom: 8rpx;color: #FD6416" v-if="item.state===-1||item.state===2">
|
||||
提现失败
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view style="color: #999999;font-size: 28upx;">
|
||||
<view style="margin-bottom: 8upx"> 收款人账号：{{ item.zhifubao }}</view>
|
||||
<view style="margin-bottom: 8upx"> 收款人姓名：{{ item.zhifubaoName }}</view>
|
||||
<view style="margin-bottom: 8upx"> 发起时间：{{ item.createAt }}</view>
|
||||
<view style="margin-bottom: 8upx" v-if="item.state===1">成功时间 {{ item.outAt }}</view>
|
||||
<view style="margin-bottom: 8upx;color: #FD6416" v-if="item.state===-1||item.state===2">
|
||||
<view class="u-m-t-8"> 收款人账号：{{ item.aliZhiFuBao }}</view>
|
||||
<view class="u-m-t-8"> 收款人姓名：{{ item.aliZhiFuBaoName }}</view>
|
||||
<view class="u-m-t-8"> 发起时间：{{ item.createAt }}</view>
|
||||
<view class="u-m-t-8" v-if="item.state===1">成功时间 {{ item.outAt }}</view>
|
||||
<view style="margin-bottom: 8rpx;color: #FD6416" v-if="item.state===-1||item.state===2">
|
||||
失败原因：{{ item.refund }}
|
||||
</view>
|
||||
|
||||
<view style="margin-bottom: 8upx;text-align: right;">
|
||||
<view style="margin-bottom: 8rpx;text-align: right;">
|
||||
<!-- 提现金额： -->
|
||||
<text style="color: #FD6416;font-size: 32upx;font-weight: 600"> ￥{{ item.money }}</text>
|
||||
</view>
|
||||
|
|
@ -107,7 +112,7 @@ export default {
|
|||
money: '',
|
||||
mayMoney: '0',
|
||||
shouxufei: '',
|
||||
moneyList: [{
|
||||
tixianList: [{
|
||||
money: '10'
|
||||
},
|
||||
{
|
||||
|
|
@ -130,8 +135,8 @@ export default {
|
|||
min: '',
|
||||
token: '',
|
||||
userId: '',
|
||||
zhifubao: '',
|
||||
zhifubaoName: '',
|
||||
aliZhiFuBao: '',
|
||||
aliZhiFuBaoName: '',
|
||||
list: [],
|
||||
page: 1,
|
||||
limit: 10,
|
||||
|
|
@ -139,49 +144,49 @@ export default {
|
|||
};
|
||||
},
|
||||
onLoad() {
|
||||
this.getExtractFei();
|
||||
this.getMoneyDetail();
|
||||
this.ymfgetExtractFei();
|
||||
this.ymfymfgetMoneyDetail();
|
||||
},
|
||||
onShow() {
|
||||
this.token = uni.getStorageSync('token')
|
||||
this.userId = uni.getStorageSync('userId')
|
||||
this.zhifubao = uni.getStorageSync('zhiFuBao')
|
||||
this.zhifubaoName = uni.getStorageSync('zhiFuBaoName')
|
||||
this.getcashMoney()
|
||||
this.aliZhiFuBao = uni.getStorageSync('aliZhiFuBao')
|
||||
this.aliZhiFuBaoName = uni.getStorageSync('aliZhiFuBaoName')
|
||||
this.ymfgetcashMoney()
|
||||
|
||||
},
|
||||
onReachBottom: function () {
|
||||
if (this.page * this.limit < this.totalCount) {
|
||||
this.page = this.page + 1;
|
||||
this.getMoneyDetail();
|
||||
this.ymfymfgetMoneyDetail();
|
||||
}
|
||||
},
|
||||
onPullDownRefresh: function () {
|
||||
this.page = 1;
|
||||
// that.list = []
|
||||
this.getMoneyDetail();
|
||||
this.ymfymfgetMoneyDetail();
|
||||
},
|
||||
onNavigationBarButtonTap() {
|
||||
// this.list();
|
||||
},
|
||||
methods: {
|
||||
moneyInput(e) {
|
||||
ymfmoneyInput(e) {
|
||||
let num = e.detail.value.match(/^\d*(\.?\d{0,2})/g)[0] || null;
|
||||
this.$nextTick(() => {
|
||||
this.money = num;
|
||||
});
|
||||
|
||||
},
|
||||
moneyBlur(e) {
|
||||
ymfymfmoneyBlur(e) {
|
||||
let num = e.detail.value.match(/^\d*(\.?\d{0,2})/g)[0] || null;
|
||||
this.$nextTick(() => {
|
||||
this.money = num;
|
||||
});
|
||||
},
|
||||
setAllMoney() {
|
||||
ymfsetAllMoney() {
|
||||
this.money = Math.floor(this.mayMoney * 100) / 100
|
||||
},
|
||||
getMoneyDetail() {
|
||||
ymfymfgetMoneyDetail() {
|
||||
let that = this;
|
||||
let token = uni.getStorageSync('token')
|
||||
console.log(1);
|
||||
|
|
@ -202,7 +207,7 @@ export default {
|
|||
},
|
||||
|
||||
//获取收取费
|
||||
getExtractFei() {
|
||||
ymfgetExtractFei() {
|
||||
this.$u.get('app/common/type/152').then(res => {
|
||||
if (res.code === 0) {
|
||||
if (res.data && res.data.value) {
|
||||
|
|
@ -220,7 +225,7 @@ export default {
|
|||
|
||||
},
|
||||
// 可提现金额
|
||||
getcashMoney() {
|
||||
ymfgetcashMoney() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit
|
||||
|
|
@ -243,23 +248,23 @@ export default {
|
|||
})
|
||||
},
|
||||
// 提现记录
|
||||
gojilu() {
|
||||
ymfgojilu() {
|
||||
uni.navigateTo({
|
||||
url: '/me/invite/cashList'
|
||||
url: '/me/yaoqing/ymf-yaoqing-tixian-jilu'
|
||||
});
|
||||
},
|
||||
//钱包明细
|
||||
goqianbao() {
|
||||
ymfgoqianbao() {
|
||||
uni.navigateTo({
|
||||
url: '/me/invite/moneyList?moneyType=1&viewType=2'
|
||||
url: '/me/yaoqing/tixianList?moneyType=1&viewType=2'
|
||||
});
|
||||
},
|
||||
goZhifuBao() {
|
||||
ymfgoaliZhiFuBao() {
|
||||
uni.navigateTo({
|
||||
url: '/me/invite/zhifubao'
|
||||
url: '/me/yaoqing/zhifubao-tixain-tixain'
|
||||
});
|
||||
},
|
||||
getMoney() {
|
||||
ymfgetMoney() {
|
||||
let that = this;
|
||||
let token = that.token
|
||||
let userId = that.userId
|
||||
|
|
@ -280,7 +285,7 @@ export default {
|
|||
})
|
||||
that.money = ''
|
||||
setTimeout(function () {
|
||||
that.getcashMoney()
|
||||
that.ymfgetcashMoney()
|
||||
}, 1500)
|
||||
|
||||
} else {
|
||||
|
|
@ -293,17 +298,17 @@ export default {
|
|||
}
|
||||
},
|
||||
//校验用户输入金额
|
||||
checkMobile(money) {
|
||||
ymfcheckMobile(money) {
|
||||
return RegExp(/^1[34578]\d{9}$/).test(money);
|
||||
},
|
||||
getOut() {
|
||||
ymfgetOut() {
|
||||
let that = this;
|
||||
let token = that.token
|
||||
let userId = that.userId
|
||||
let cashMoney = that.cashMoney;
|
||||
|
||||
if (token) {
|
||||
if (that.zhifubao && that.zhifubaoName) {
|
||||
if (that.aliZhiFuBao && that.aliZhiFuBaoName) {
|
||||
if (!/^\d+(\.\d{1,2})?$/.test(that.money)) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
|
|
@ -321,30 +326,30 @@ export default {
|
|||
|
||||
uni.showModal({
|
||||
title: "提现申请提示",
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.zhifubaoName + '\n\n提现金额:' + that
|
||||
.money + '元\n\n收款人账号：' + that.zhifubao + '',
|
||||
// content: '请仔细确认收款人信息\n\n收款人姓名:' + that.zhifubaoName + '\n\n提现金额:' + that
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + that
|
||||
.money + '元\n\n收款人账号：' + that.aliZhiFuBao + '',
|
||||
// content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + that
|
||||
// .money + '元\n\n提现手续费：' + shouxufei +
|
||||
// '\n\n收款人账号：' + that.zhifubao + '',
|
||||
// '\n\n收款人账号：' + that.aliZhiFuBao + '',
|
||||
success: (e) => {
|
||||
if (e.confirm) {
|
||||
// that.money = money
|
||||
that.getMoney();
|
||||
that.getMoneyDetail();
|
||||
that.ymfgetMoney();
|
||||
that.ymfymfgetMoneyDetail();
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
uni.showModal({
|
||||
title: "提现申请提示",
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.zhifubaoName + '\n\n提现金额:' + that
|
||||
.money + '元\n\n收款人账号：' + that.zhifubao +
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + that
|
||||
.money + '元\n\n收款人账号：' + that.aliZhiFuBao +
|
||||
'',
|
||||
success: (e) => {
|
||||
if (e.confirm) {
|
||||
// that.money = money
|
||||
that.getMoney();
|
||||
that.getMoneyDetail();
|
||||
that.ymfgetMoney();
|
||||
that.ymfymfgetMoneyDetail();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -364,7 +369,7 @@ export default {
|
|||
}
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: "/me/invite/zhifubao"
|
||||
url: "/me/yaoqing/aliZhiFuBao"
|
||||
})
|
||||
}
|
||||
} else {
|
||||
|
|
@ -373,28 +378,28 @@ export default {
|
|||
});
|
||||
}
|
||||
},
|
||||
getOut1(money) {
|
||||
ymfymfgetOut1(money) {
|
||||
let that = this;
|
||||
let token = that.token
|
||||
let userId = that.userId
|
||||
if (token) {
|
||||
if (that.zhifubao && that.zhifubaoName) {
|
||||
if (that.aliZhiFuBao && that.aliZhiFuBaoName) {
|
||||
if (parseFloat(this.mayMoney).toFixed(1) >= parseFloat(money)) {
|
||||
if (parseFloat(money).toFixed(1) >= 10) {
|
||||
if (this.shouxufei > 0) {
|
||||
let shouxufei = parseFloat(money * this.shouxufei).toFixed(2);
|
||||
uni.showModal({
|
||||
title: '提现申请提示',
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.zhifubaoName + '\n\n提现金额:' + money +
|
||||
'元\n\n收款人账号：' + that.zhifubao + '',
|
||||
// content: '请仔细确认收款人信息\n\n收款人姓名:' + that.zhifubaoName + '\n\n提现金额:' + money +
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + money +
|
||||
'元\n\n收款人账号：' + that.aliZhiFuBao + '',
|
||||
// content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + money +
|
||||
// '元\n\n提现手续费：' + shouxufei +
|
||||
// '\n\n收款人账号：' + that.zhifubao + '',
|
||||
// '\n\n收款人账号：' + that.aliZhiFuBao + '',
|
||||
confirmColor: '#ff7581',
|
||||
success: e => {
|
||||
if (e.confirm) {
|
||||
this.money = money
|
||||
that.getMoney();
|
||||
that.ymfgetMoney();
|
||||
// uni.showToast({
|
||||
// icon: 'none',
|
||||
// title: '提现成功'
|
||||
|
|
@ -405,13 +410,13 @@ export default {
|
|||
} else {
|
||||
uni.showModal({
|
||||
title: '提现申请提示',
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.zhifubaoName + '\n\n提现金额:' + money +
|
||||
'元\n\n收款人账号：' + that.zhifubao +
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + money +
|
||||
'元\n\n收款人账号：' + that.aliZhiFuBao +
|
||||
'',
|
||||
success: e => {
|
||||
if (e.confirm) {
|
||||
this.money = money
|
||||
that.getMoney();
|
||||
that.ymfgetMoney();
|
||||
// uni.showToast({
|
||||
// icon: 'none',
|
||||
// title: '提现成功'
|
||||
|
|
@ -434,7 +439,7 @@ export default {
|
|||
}
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/me/invite/zhifubao'
|
||||
url: '/me/yaoqing/aliZhiFuBao'
|
||||
});
|
||||
}
|
||||
} else {
|
||||
|
|
@ -449,7 +454,21 @@ export default {
|
|||
|
||||
<style lang="less">
|
||||
// @import '../../static/css/index.css';
|
||||
|
||||
.top-bg{
|
||||
background-color: #ff7581;height: 400upx;border-bottom-right-radius: 40upx;border-bottom-left-radius: 40upx;
|
||||
}
|
||||
.class1{
|
||||
font-size: 32upx;color: #FFFFFF;padding-top: 100upx;
|
||||
}
|
||||
.class2{
|
||||
font-size: 40upx;color: #FFFFFF;padding-top: 20upx;
|
||||
}
|
||||
.class3{
|
||||
width: 90%;height: max-content;margin-left: 40upx;background-color: #FFFFFF;box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;margin-top: 50upx;border-radius: 20upx;
|
||||
}
|
||||
.class4{
|
||||
display: flex;flex-direction: row;padding: 20upx;
|
||||
}
|
||||
.view2-view-text {
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
|
|
@ -463,7 +482,7 @@ export default {
|
|||
margin-left: 50upx;
|
||||
}
|
||||
|
||||
.cash {
|
||||
.tixian {
|
||||
text-align: center;
|
||||
background: white;
|
||||
height: 100%;
|
||||
|
|
@ -483,7 +502,7 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
.moneyList {
|
||||
.tixianList {
|
||||
.item {
|
||||
background: white;
|
||||
padding: 32rpx;
|
||||
|
|
@ -1,11 +1,11 @@
|
|||
<template>
|
||||
<view class="containerView">
|
||||
<view class="page">
|
||||
<list-cell title="收款人姓名" type="text" placeholder="请输入支付宝收款人姓名" v-model="zhiFuBaoName"></list-cell>
|
||||
|
||||
<list-cell title="支付宝账号" type="text" placeholder="请输入要绑定的支付宝手机号" v-model="zhiFuBao"></list-cell>
|
||||
|
||||
|
||||
<button :class="zhiFuBao&&zhiFuBaoName?'confirm-btn':'confirm-btn1'" @click="toLogin"
|
||||
<button :class="zhiFuBao&&zhiFuBaoName?'confirm-btn':'ymf-confirm-btn1'" @click="ymftoLogin"
|
||||
:disabled="logining">绑定账户</button>
|
||||
<view style="padding: 32upx 64upx;font-size: 24upx;color: #999999;">提示：请正确填写收款人的支付宝账户和真实的收款人姓名，否则将无法正常收款</view>
|
||||
|
||||
|
|
@ -49,11 +49,11 @@
|
|||
const key = e.currentTarget.dataset.key;
|
||||
this[key] = e.detail.value;
|
||||
},
|
||||
navBack() {
|
||||
ymfnavBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
|
||||
toLogin() {
|
||||
ymftoLogin() {
|
||||
// console.log(this.zhiFuBao )
|
||||
// console.log(this.zhiFuBaoName )
|
||||
// const {
|
||||
|
|
@ -116,7 +116,7 @@
|
|||
// if (res.data.zhifubaoName) {
|
||||
// this.zhifubaoName = res.data.zhifubaoName;
|
||||
// }
|
||||
// this.navBack();
|
||||
// this.ymfnavBack();
|
||||
// } else {
|
||||
// // this.$queue.showToast(res.msg)
|
||||
// }
|
||||
|
|
@ -134,7 +134,7 @@
|
|||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.containerView {
|
||||
.page {
|
||||
padding-top: 32upx;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
|
@ -143,7 +143,7 @@
|
|||
background: #ffffff;
|
||||
}
|
||||
|
||||
.confirm-btn1 {
|
||||
.ymf-confirm-btn1 {
|
||||
width: 300px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
// this.$emit('close',key)
|
||||
// if(key&&key=='isBindAliPay'){
|
||||
// uni.navigateTo({
|
||||
// url:'/me/invite/zhifubao'
|
||||
// url:'/me/yaoqing/zhifubao-tixain'
|
||||
// })
|
||||
// }
|
||||
// } else {
|
||||
|
|
|
|||
|
|
@ -302,7 +302,7 @@
|
|||
"navigationBarBackgroundColor": "#FFFFFF"
|
||||
}
|
||||
}, {
|
||||
"path": "message/index",
|
||||
"path": "message/duanju-message-home",
|
||||
"style": {
|
||||
"navigationBarTitleText": "消息中心"
|
||||
}
|
||||
|
|
@ -320,7 +320,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/index",
|
||||
"path": "yaoqing/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "分享好友",
|
||||
"navigationStyle": "custom",
|
||||
|
|
@ -332,7 +332,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/inviteDet",
|
||||
"path": "yaoqing/ymf-my-team",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的团队",
|
||||
"h5": {
|
||||
|
|
@ -343,7 +343,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/cashDetail",
|
||||
"path": "yaoqing/cashDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "申请提现",
|
||||
"h5": {
|
||||
|
|
@ -354,7 +354,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/zhifubao",
|
||||
"path": "yaoqing/zhifubao",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提现账号",
|
||||
"h5": {
|
||||
|
|
@ -365,7 +365,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/cashList",
|
||||
"path": "yaoqing/ymf-yaoqing-tixian-jilu",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提现记录",
|
||||
"h5": {
|
||||
|
|
@ -376,7 +376,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/moneyList",
|
||||
"path": "yaoqing/redPack-mingxi",
|
||||
"style": {
|
||||
"navigationBarTitleText": "红包明细",
|
||||
"h5": {
|
||||
|
|
@ -572,42 +572,42 @@
|
|||
}
|
||||
|
||||
}, {
|
||||
"path": "jilu/record",
|
||||
"path": "jilu/duanju-zuijin-guankan",
|
||||
"style": {
|
||||
"navigationBarTitleText": "最近观看",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "jilu/histor",
|
||||
"path": "jilu/duanju-zhjuiju-jilu",
|
||||
"style": {
|
||||
"navigationBarTitleText": "追剧记录",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "jifen/jifen",
|
||||
"path": "jifen/duanju-jifen",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的积分",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "jifen/duihuan",
|
||||
"path": "jifen/duanju-jifen-duihuan",
|
||||
"style": {
|
||||
"navigationBarTitleText": "积分兑换",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "jilu/myLove",
|
||||
"path": "jilu/duanju-love",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的喜欢",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "payOrder/payOrder",
|
||||
"path": "payOrder/duanju-xiadan",
|
||||
"style": {
|
||||
"navigationBarTitleText": "下单",
|
||||
"enablePullDownRefresh": false
|
||||
|
|
@ -628,7 +628,7 @@
|
|||
}
|
||||
|
||||
}, {
|
||||
"path": "juqing/juqing",
|
||||
"path": "juqing/duanju-juqing-home",
|
||||
"style": {
|
||||
"navigationBarTitleText": "剧情介绍",
|
||||
"enablePullDownRefresh": true
|
||||
|
|
|
|||
132
pages.json
132
pages.json
|
|
@ -325,11 +325,23 @@
|
|||
"navigationBarBackgroundColor": "#FFFFFF"
|
||||
}
|
||||
}, {
|
||||
"path": "message/index",
|
||||
"path": "message/duanju-message-home",
|
||||
"style": {
|
||||
"navigationBarTitleText": "消息中心"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "message/new/first",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "message/new/getInfo",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "XxSqJQgyqr/XxSqJQgyqr",
|
||||
"style": {
|
||||
|
|
@ -343,13 +355,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "XxSqJQgyqr/WgyqvIpwXo"
|
||||
},
|
||||
{
|
||||
"path": "XxSqJQgyqr/zgyqHkPkEa"
|
||||
},
|
||||
{
|
||||
"path": "invite/index",
|
||||
"path": "yaoqing/ymf-yaoqing-home",
|
||||
"style": {
|
||||
"navigationBarTitleText": "分享好友",
|
||||
"navigationStyle": "custom",
|
||||
|
|
@ -361,7 +367,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/inviteDet",
|
||||
"path": "yaoqing/ymf-my-team",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的团队",
|
||||
"h5": {
|
||||
|
|
@ -372,7 +378,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/cashDetail",
|
||||
"path": "yaoqing/ymg-yaoqing-tixian",
|
||||
"style": {
|
||||
"navigationBarTitleText": "申请提现",
|
||||
"h5": {
|
||||
|
|
@ -383,7 +389,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/zhifubao",
|
||||
"path": "yaoqing/zhifubao-tixain",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提现账号",
|
||||
"h5": {
|
||||
|
|
@ -394,7 +400,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/cashList",
|
||||
"path": "yaoqing/ymf-yaoqing-tixian-jilu",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提现记录",
|
||||
"h5": {
|
||||
|
|
@ -405,7 +411,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "invite/moneyList",
|
||||
"path": "yaoqing/redPack-mingxi",
|
||||
"style": {
|
||||
"navigationBarTitleText": "红包明细",
|
||||
"h5": {
|
||||
|
|
@ -607,48 +613,99 @@
|
|||
}
|
||||
|
||||
}, {
|
||||
"path": "jilu/record",
|
||||
"path": "jilu/duanju-zuijin-guankan",
|
||||
"style": {
|
||||
"navigationBarTitleText": "最近观看",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "jilu/histor",
|
||||
"path": "jilu/duanju-zhjuiju-jilu",
|
||||
"style": {
|
||||
"navigationBarTitleText": "追剧记录",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "jifen/jifen",
|
||||
"path": "jifen/duanju-jifen",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的积分",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "jifen/duihuan",
|
||||
},
|
||||
{
|
||||
"path": "jifen/duanju-jifen-duihuan",
|
||||
"style": {
|
||||
"navigationBarTitleText": "积分兑换",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "jilu/myLove",
|
||||
"path": "jilu/duanju-love",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的喜欢",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "payOrder/payOrder",
|
||||
},
|
||||
{
|
||||
"path": "jilu/new/fensehn-first",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "jilu/new/free-create-fenshen",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "jifen/new/create-zhuanye-fenshen",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "jifen/new/fenshen-detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "payOrder/duanju-xiadan",
|
||||
"style": {
|
||||
"navigationBarTitleText": "下单",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}, {
|
||||
},
|
||||
{
|
||||
"path": "payOrder/new/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "payOrder/new/newindex",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "setting/logOff",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注销账号",
|
||||
|
|
@ -663,13 +720,28 @@
|
|||
}
|
||||
|
||||
}, {
|
||||
"path": "juqing/juqing",
|
||||
"path": "juqing/duanju-juqing-home",
|
||||
"style": {
|
||||
"navigationBarTitleText": "剧情介绍",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "juqing/new/first-select",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
}, {
|
||||
},
|
||||
{
|
||||
"path": "juqing/new/waiting-result",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
},{
|
||||
"path": "mFYpdwbMdk/mFYpdwbMdk",
|
||||
"style": {
|
||||
"navigationBarTitleText": "壁纸",
|
||||
|
|
@ -736,6 +808,18 @@
|
|||
"style": {
|
||||
"navigationBarTitleText": "兑换礼品"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "yaoqing/new/create-fenshen",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "yaoqing/new/control-fenshen",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
<!-- 统计 -->
|
||||
<view class="statistics flex align-center justify-center">
|
||||
<view class="statistics-box flex align-center justify-between">
|
||||
<view class="statistics-box-item" @click="goNav('/me/jilu/myLove')">
|
||||
<view class="statistics-box-item" @click="goNav('/me/jilu/duanju-love')">
|
||||
<view class="statistics-box-item-top">
|
||||
{{myLoveNum}}
|
||||
</view>
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
我的喜欢
|
||||
</view>
|
||||
</view>
|
||||
<view class="statistics-box-item" @click="goNav('/me/jilu/histor')">
|
||||
<view class="statistics-box-item" @click="goNav('/me/jilu/duanju-zhjuiju-jilu')">
|
||||
<view class="statistics-box-item-top">
|
||||
{{myZhui}}
|
||||
</view>
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
我的追剧
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="statistics-box-item" @click="goNav('/me/jifen/jifen')">
|
||||
<!-- <view class="statistics-box-item" @click="goNav('/me/jifen/duanju-jifen')">
|
||||
<view class="statistics-box-item-top">
|
||||
{{jifen}}
|
||||
</view>
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
我的积分
|
||||
</view>
|
||||
</view> -->
|
||||
<view v-if="isShowMoneyPay" class="statistics-box-item" @click="goNav('/me/invite/cashDetail')">
|
||||
<view v-if="isShowMoneyPay" class="statistics-box-item" @click="goNav('/me/yaoqing/ymg-yaoqing-tixian')">
|
||||
<view class="statistics-box-item-top">
|
||||
{{userInfo.amount || '0.00'}}
|
||||
</view>
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class="money-box-btn" @click="goNav('/me/invite/moneyList?moneyType=2&viewType=2')">
|
||||
<view class="money-box-btn" @click="goNav('/me/yaoqing/redPack-mingxi?moneyType=2&viewType=2')">
|
||||
金币明细
|
||||
</view>
|
||||
<!-- <view class="money-box-btn" @click="goNav('/me/wallet/wallet')">
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
</view>
|
||||
</view> -->
|
||||
<view v-if="isShowMoneyPay" class="tool-box-content-item flex align-center justify-center flex-wrap"
|
||||
@click="goNav('/me/invite/index')">
|
||||
@click="goNav('/me/ymf-yaoqing-home')">
|
||||
<view class="tool-box-content-item-img">
|
||||
<image src="../../static/images/me/vfx.png" mode=""></image>
|
||||
</view>
|
||||
|
|
@ -156,7 +156,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="tool-box-content-item flex align-center justify-center flex-wrap"
|
||||
@click="goNav('/me/message/index')">
|
||||
@click="goNav('/me/message/duanju-message-home')">
|
||||
<view class="tool-box-content-item-img">
|
||||
<image src="../../static/images/me/messige.png" mode=""></image>
|
||||
</view>
|
||||
|
|
@ -176,7 +176,7 @@
|
|||
<u-badge :offset="[0,20]" type="error" :count="numCount"></u-badge>
|
||||
</view>
|
||||
<view class="tool-box-content-item flex align-center justify-center flex-wrap"
|
||||
@click="goNav('/me/jilu/record')">
|
||||
@click="goNav('/me/jilu/duanju-zuijin-guankan')">
|
||||
<view class="tool-box-content-item-img">
|
||||
<image src="../../static/images/me/vlishi.png" mode=""></image>
|
||||
</view>
|
||||
|
|
@ -185,7 +185,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view v-if="rate>0 && isShowMoneyPay" class="tool-box-content-item flex align-center justify-center flex-wrap"
|
||||
@click="goNav('/me/invite/inviteDet')">
|
||||
@click="goNav('/me/yaoqing/ymf-my-team')">
|
||||
<view class="tool-box-content-item-img">
|
||||
<image src="../../static/images/me/vtd.png" mode=""></image>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@
|
|||
<view class="content margin-lr padding bg-white u-relative" v-if="list.length">
|
||||
|
||||
<view class="cell flex justify-between" v-for="(item,index) in list" :key="index"
|
||||
v-if="(item.buttonUrl=='/me/invite/index'&&isShowMoneyPay)||item.buttonUrl!='/me/invite/index'"
|
||||
v-if="(item.buttonUrl=='/me/ymf-yaoqing-home'&&isShowMoneyPay)||item.buttonUrl!='/me/ymf-yaoqing-home'"
|
||||
>
|
||||
<view class="cell_left flex">
|
||||
<view class="cell_title flex">
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
<view class="itemTitle-box-l">
|
||||
最近观看
|
||||
</view>
|
||||
<view class="itemTitle-box-r" @click="goNav('/me/jilu/record')">
|
||||
<view class="itemTitle-box-r" @click="goNav('/me/jilu/duanju-zuijin-guankan')">
|
||||
更多
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -83,7 +83,7 @@
|
|||
<view class="itemTitle-box-l">
|
||||
我的追剧
|
||||
</view>
|
||||
<view class="itemTitle-box-r" @click="goNav('/me/jilu/histor')">
|
||||
<view class="itemTitle-box-r" @click="goNav('/me/jilu/duanju-zhjuiju-jilu')">
|
||||
更多
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
Loading…
Reference in New Issue