czg_team
/
video_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

This commit is contained in:
wwz 2024-12-23 19:03:22 +08:00
parent d747791c9a e2214b8ad2
commit 3a1e2e4a08
154 changed files with 9644 additions and 1717 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
common/config.js
View File

@ -1,10 +1,10 @@
const ROOTPATH1 = "https://dj-api.hnsiyao.cn/sqx_fast/"; //
const ROOTPATH = "https://dj-api.hnsiyao.cn/sqx_fast/"; //后台服务域名
const ROOTPATH2 = "https://dj-h5.hnsiyao.cn"; //后台服务域名
// const ROOTPATH1 = "https://dj-api.hnsiyao.cn/sqx_fast/"; //
// const ROOTPATH = "https://dj-api.hnsiyao.cn/sqx_fast/"; //后台服务域名
// const ROOTPATH2 = "https://dj-h5.hnsiyao.cn"; //后台服务域名
// const ROOTPATH1 = "https://video.hnsiyao.cn/sqx_fast/"; //
// const ROOTPATH = "https://video.hnsiyao.cn/sqx_fast/"; //后台服务域名
// const ROOTPATH2 = "https://video-h5.hnsiyao.cn"; //后台服务域名
const ROOTPATH1 = "https://video.hnsiyao.cn/sqx_fast/"; //
const ROOTPATH = "https://video.hnsiyao.cn/sqx_fast/"; //后台服务域名
const ROOTPATH2 = "https://video-h5.hnsiyao.cn"; //后台服务域名
// const ROOTPATH1 = "http://192.168.1.5:8100/sqx_fast/"; //
// const ROOTPATH = "http://192.168.1.5:8100/sqx_fast/"; //后台服务域名

2
components/pop-choujiang.vue
View File

@ -155,7 +155,7 @@
methods: {
toRed() {
uni.navigateTo({
url: '/me/balance/index'
url: '/me/HEWZtgyqRH/HEWZtgyqRH'
})
},

2
components/pop-ling-qu.vue
View File

@ -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
View File

@ -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)

12
me/wallet/wallet.vue → me/FrdwbsihPr/FrdwbsihPr.vue
View File

@ -1,7 +1,7 @@
<template>
<view style="padding-bottom: 160rpx;">
<view class="padding">
<view class="money">
<view class="MWXwdwbxts">
<view class="money-top">
<image src="../../static/images/me/moneyBanner.png" mode=""></image>
<view class="money-top-title">
@ -97,8 +97,8 @@
</view>
</view>
</view>
<view class="sumbit flex align-center justify-center">
<view class="sumbit-box flex align-center justify-center">
<view class="gwdwbjUBRe flex align-center justify-center">
<view class="gwdwbjUBRe-box flex align-center justify-center">
<!-- #ifdef MP-WEIXIN -->
<button v-if="osName!='ios'"
style="background: #ff7581;color: #FFFFFF;width: 100%;height: 100%;border-radius: 44rpx;"
@ -1216,7 +1216,7 @@
}
}
.sumbit {
.gwdwbjUBRe {
width: 100%;
height: 140rpx;
background-color: #FFFFFF;
@ -1224,7 +1224,7 @@
bottom: 0;
left: 0;
.sumbit-box {
.gwdwbjUBRe-box {
width: 686rpx;
height: 88rpx;
background: #6696FF;
@ -1234,7 +1234,7 @@
}
}
.money {
.MWXwdwbxts {
width: 100%;
height: 100%;
border-radius: 32rpx;

20
me/wallet/wallet_detail.vue → me/FrdwbsihPr/RSKjJIdwbH.vue
View File

@ -1,20 +1,20 @@
<template>
<view style="padding-bottom: 20rpx;">
<view v-for="(item,index) in list" :key="index" class="list flex align-center justify-center">
<view class="list-box">
<view class="list-box-title">
<view class="zdwbUQKCny">
<view class="zdwbUQKCny-title">
{{item.title}}
</view>
<view class="list-box-content">
<view class="zdwbUQKCny-content">
{{item.content}}
</view>
<view class="list-box-time flex align-center justify-between">
<view class="zdwbUQKCny-time flex align-center justify-between">
{{item.createTime}}
<text>{{item.type===1?'+':'-'}}{{item.money}}</text>
</view>
</view>
</view>
<view v-if="list.length > 3" class="loadMore">
<view v-if="list.length > 3" class="jwdSnCdwbd">
<u-loadmore :status="status" />
</view>
@ -91,7 +91,7 @@
height: auto;
margin-top: 20rpx;
.list-box {
.zdwbUQKCny {
width: 686rpx;
height: 100%;
border-radius: 24rpx;
@ -99,18 +99,18 @@
padding: 20rpx;
}
.list-box-title {
.zdwbUQKCny-title {
width: 100%;
font-size: 32rpx;
font-weight: bold;
}
.list-box-content {
.zdwbUQKCny-content {
width: 100%;
margin-top: 20rpx;
}
.list-box-time {
.zdwbUQKCny-time {
width: 100%;
margin-top: 20rpx;
color: #999999;
@ -123,7 +123,7 @@
}
}
.loadMore {
.jwdSnCdwbd {
margin: 20rpx 0;
}
</style>

16
me/wallet/wallets.vue → me/FrdwbsihPr/vkRFXBdwbe.vue
View File

@ -2,16 +2,16 @@
<view style="padding-bottom: 160rpx;">
<view class="padding">
<view class="money">
<view class="money-top">
<view class="qCLEJdwbZctop">
<image src="../../static/images/me/moneyBanner.png" mode=""></image>
<view class="money-top-title">
<view class="qCLEJdwbZctitle">
当前剩余金币
</view>
<view class="money-top-money">
<view class="qCLEJdwbZc">
{{formatNumber(moneyNum)}}
</view>
</view>
<view @click="goNav('/me/wallet/mingxi')" class="money-bto flex align-center justify-between">
<view @click="goNav('/me/wallet/mingxi')" class="qCLEJdwbZcbto flex align-center justify-between">
金币明细
<u-icon name="arrow-right" color="#6696ff" size="40"></u-icon>
</view>
@ -1200,7 +1200,7 @@
border-radius: 32rpx;
background-color: #FFFFFF;
.money-top {
.qCLEJdwbZctop {
width: 100%;
height: 240rpx;
position: relative;
@ -1211,7 +1211,7 @@
border-radius: 32rpx 32rpx 0 0;
}
.money-top-title {
.qCLEJdwbZctitle {
position: absolute;
font-size: 32rpx;
color: hsla(0, 0%, 100%, .9);
@ -1220,7 +1220,7 @@
}
.money-top-money {
.qCLEJdwbZc {
position: absolute;
font-size: 64rpx;
font-weight: 500;
@ -1230,7 +1230,7 @@
}
}
.money-bto {
.qCLEJdwbZcbto {
width: 100%;
height: 108rpx;
border-radius: 0 0 32rpx 32rpx;

24
me/HEWZtgyqRH/EsBgyqacOi.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img wgrqgyqaGW" src="/static/kigqHbgyqpImg/3_gya_65ae131b5480bb88f4e22e3ab3e3bdd242369bb3337eb-uAYvce_fw1200 (1).jpg" mode="widthFix"></image>
<image class="img tgyqnoNIkz" src="/static/kigqHbgyqpImg/3_gya_65ae131b5480bb88f4e22e3ab3e3bdd242369bb3337eb-uAYvce_fw1200 (2).jpg" mode="widthFix"></image>
<image class="img fKrjgyqjVb" src="/static/kigqHbgyqpImg/3_gya_65ae131b5480bb88f4e22e3ab3e3bdd242369bb3337eb-uAYvce_fw1200 (3).jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

20
me/balance/index.vue → me/HEWZtgyqRH/HEWZtgyqRH.vue
View File

@ -1,15 +1,15 @@
<template>
<view>
<view class="jf flex align-center justify-between">
<view class="jf-l">
<view class="jf-l-t">
<view class="dngyqWXoYJ flex align-center justify-between">
<view class="dngyqWXoYJ-l">
<view class="dngyqWXoYJ-l-t">
当前余额
</view>
<view class="jf-l-b">
<view class="dngyqWXoYJ-l-b">
{{amount || '0.00'}}
</view>
</view>
<view class="jf-r" @click="withdraw()">
<view class="dngyqWXoYJ-r" @click="gyqNlYjIdi()">
提现
</view>
</view>
@ -100,7 +100,7 @@
}
})
},
withdraw() {
gyqNlYjIdi() {
let params = {
amount: this.amount
}
@ -177,25 +177,25 @@
background-color: #ffffff;
}
.jf {
.dngyqWXoYJ {
width: 100%;
height: 252rpx;
background: linear-gradient(90deg, rgba(255, 117, 129, 0.6) 0%, #ff7581 100%);
padding: 0 40rpx;
.jf-l-t {
.dngyqWXoYJ-l-t {
color: #ffffff;
font-size: 28rpx;
}
.jf-l-b {
.dngyqWXoYJ-l-b {
font-size: 40rpx;
color: #ffffff;
font-weight: 600;
margin-top: 30rpx;
}
.jf-r {
.dngyqWXoYJ-r {
padding: 20rpx 40rpx;
border-radius: 40rpx;
color: #ff7581;

24
me/HEWZtgyqRH/YGivHgyqkI.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img gyqiDFJCLw" src="/static/kigqHbgyqpImg/4_gya_877066d6fe1d981fb2806fa73f8933c08fd096807d53-KjdBwJ_fw1200 (1).jpg" mode="widthFix"></image>
<image class="img QiXUNgyqsr" src="/static/kigqHbgyqpImg/4_gya_877066d6fe1d981fb2806fa73f8933c08fd096807d53-KjdBwJ_fw1200 (1).png" mode="widthFix"></image>
<image class="img gzgyqstCwR" src="/static/kigqHbgyqpImg/4_gya_877066d6fe1d981fb2806fa73f8933c08fd096807d53-KjdBwJ_fw1200 (2).jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

769
me/VjgyqAzklr/VjgyqAzklr.vue Normal file
View File

@ -0,0 +1,769 @@
<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/invite/zhifubao'
});
}
},
toRed() {
uni.navigateTo({
url: '/me/invite/cashDetail'
});
},
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>

24
me/VjgyqAzklr/YQqgyqeKub.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img aKuVgyqZld" src="/static/kigqHbgyqpImg/8_gyq_84aa5cdd4fcc7e45ab73f90340c21ddccea9c46aa862df-evUZAv_fw1200 (2).jpg" mode="widthFix"></image>
<image class="img FzgyqnBCWa" src="/static/kigqHbgyqpImg/8_gyq_84aa5cdd4fcc7e45ab73f90340c21ddccea9c46aa862df-evUZAv_fw1200 (2).png" mode="widthFix"></image>
<image class="img gyqKnjNYWl" src="/static/kigqHbgyqpImg/8_gyq_84aa5cdd4fcc7e45ab73f90340c21ddccea9c46aa862df-evUZAv_fw1200 (3).jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

23
me/VjgyqAzklr/mEfjXGgyqJ.vue Normal file
View File

@ -0,0 +1,23 @@
<template>
<view class="gyqSxFeTGt">
<image class="img aKuVgyqZld" src="/static/kigqHbgyqpImg/7_gyq_u=3804008751,3868615245&fm=253&gp=0 (1).jpg" mode="widthFix"></image>
<image class="img xgyqUNWyDH" src="/static/kigqHbgyqpImg/7_gyq_u=3804008751,3868615245&fm=253&gp=0 (2).jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

BIN
me/XxSqJQgyqr/IMG_6962.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

BIN
me/XxSqJQgyqr/IMG_6963.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 152 KiB

BIN
me/XxSqJQgyqr/IMG_6964.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

BIN
me/XxSqJQgyqr/IMG_6965.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

BIN
me/XxSqJQgyqr/IMG_7027.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 195 KiB

24
me/XxSqJQgyqr/WgyqvIpwXo.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img RgyqPLhzoI" src="/static/kigqHbgyqpImg/9_gyq_008f8a862e4f38a61dba867fbeb5d46e57abc9771df0c-aEbMiF (1).jpg" mode="widthFix"></image>
<image class="img LnFPgyqajB" src="/static/kigqHbgyqpImg/9_gyq_008f8a862e4f38a61dba867fbeb5d46e57abc9771df0c-aEbMiF (1).png" mode="widthFix"></image>
<image class="img rgyqGCwOzS" src="/static/kigqHbgyqpImg/9_gyq_008f8a862e4f38a61dba867fbeb5d46e57abc9771df0c-aEbMiF (2).jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

10
me/course/index.vue → me/XxSqJQgyqr/XxSqJQgyqr.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="page-box">
<view class="order" v-if="courseList.length" v-for="(item, index) in courseList" :key="index"
@click="goCourse(item.courseId)">
<view class="page-box koOgyqsjHP">
<view class="RIBgyqOkBe" v-if="courseList.length" v-for="(item, index) in courseList" :key="index"
@click="gyqyybWVhZ(item.courseId)">
<view class="item">
<view class="left">
<image :src="item.titleImg" mode="aspectFill" style="width: 200rpx;height: 200rpx;"></image>
@ -93,7 +93,7 @@
})
},
// 跳转资源详情
goCourse(e) {
gyqyybWVhZ(e) {
console.log(e)
let userId = uni.getStorageSync('userId')
if (userId) {
@ -151,7 +151,7 @@
font-size: 26rpx;
}
.order {
.RIBgyqOkBe {
width: 700rpx;
background-color: #ffffff;
margin: 20rpx auto;

27
me/XxSqJQgyqr/imagsconment.vue Normal file
View File

@ -0,0 +1,27 @@
<template>
<view class="gyqSxFeTGt">
<image class="img CBKwkqgyqg" src="./asz.JPG" mode="widthFix"></image>
<image class="img QxmTgyqLtb" src="./IMG_6962.jpg" mode="widthFix"></image>
<image class="img QxmTgyqLtb" src="./IMG_6963.jpg" mode="widthFix"></image>
<image class="img QxmTgyqLtb" src="./IMG_6964.jpg" mode="widthFix"></image>
<image class="img QxmTgyqLtb" src="./IMG_6965.jpg" mode="widthFix"></image>
<image class="img QxmTgyqLtb" src="./IMG_7027.jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

24
me/XxSqJQgyqr/zgyqHkPkEa.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img CBKwkqgyqg" src="/static/kigqHbgyqpImg/10_gyq_42b9ecd11b66a8b5f0bd02bc1b6858142b9732cb28873-pW7yzw (1).jpg" mode="widthFix"></image>
<image class="img QxmTgyqLtb" src="/static/kigqHbgyqpImg/10_gyq_42b9ecd11b66a8b5f0bd02bc1b6858142b9732cb28873-pW7yzw (1).png" mode="widthFix"></image>
<image class="img eZRgyqUbKP" src="/static/kigqHbgyqpImg/10_gyq_42b9ecd11b66a8b5f0bd02bc1b6858142b9732cb28873-pW7yzw (2).png" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

4
me/choujiang/choujiang.vue
View File

@ -165,13 +165,13 @@
console.log(key);
if(key&&key=='isBindAliPay'){
uni.navigateTo({
url:'/me/invite/zhifubao'
url:'/me/yaoqing/zhifubao-tixain'
})
}
},
toRed(){
uni.navigateTo({
url: '/me/invite/cashDetail'
url: '/me/yaoqing/ymg-yaoqing-tixian'
})
},

30
me/components/com-input.vue
View File

@ -1,15 +1,15 @@
<template>
<view>
<view class="mix-list-cell" :class="border" hover-class="cell-hover" :hover-stay-time="50">
<text class="cell-tit">{{title}}</text>
<view class="cYzTAgyqpL" :class="border" hover-class="cell-hover" :hover-stay-time="50">
<text class="KYmugyqoee">{{title}}</text>
<input
class="main-input"
class="JCfohgyqmS"
:value="value"
:type="_type"
placeholder-class="placeholder-class"
:maxlength="maxlength"
:placeholder="placeholder"
:password="type==='password'&&!showPassword"
:password="type==='password'&&!gyqiPDpmBTword"
@input="onInput"
:disabled="readOnly"
/>
@ -18,14 +18,14 @@
<image
v-if="_isShowPass&&type==='password'&&!_isShowCode"
class="img cuIcon"
:class="showPassword?'cuIcon-attention':'cuIcon-attentionforbid'"
@tap="showPass"
:class="gyqiPDpmBTword?'cuIcon-attention':'cuIcon-attentionforbid'"
@tap="gyqiPDpmBT"
></image>
<!-- 倒计时 -->
<view
v-if="_isShowCode&&!_isShowPass"
:class="['vercode',{'vercode-run': second>0}]"
@click="setCode"
@click="igyqPWOcGg"
>{{ getVerCodeSecond }}
</view>
</view>
@ -42,7 +42,7 @@
export default {
data() {
return {
showPassword: false, //是否显示明文
gyqiPDpmBTword: false, //是否显示明文
second: 0, //倒计时
isRunCode: false, //是否开始倒计时
typeList: {
@ -125,15 +125,15 @@
clearInterval(countDown);//先清理一次循环，避免缓存
},
methods: {
showPass() {
gyqiPDpmBT() {
//是否显示密码
this.showPassword = !this.showPassword
this.gyqiPDpmBTword = !this.gyqiPDpmBTword
},
onInput(e) {
//传出值
this.$emit('input', e.target.value)
},
setCode() {
igyqPWOcGg() {
//设置获取验证码的事件
if (this.isRunCode) {
//判断是否开始倒计时，避免重复点击
@ -208,7 +208,7 @@
</script>
<style lang='scss'>
.main-input {
.JCfohgyqmS {
flex: 1;
text-align: left;
color: black;
@ -217,7 +217,7 @@
margin-left: 10px;
}
.icon .mix-list-cell.b-b:after {
.icon .cYzTAgyqpL.b-b:after {
left: 45px;
}
@ -226,7 +226,7 @@
opacity: 0.5;
}
.mix-list-cell {
.cYzTAgyqpL {
/* border-radius: 16upx; */
border-bottom: 4upx solid #F8F8F8;
margin-top: 1px;
@ -260,7 +260,7 @@
margin-left: 10px;
}
.cell-tit {
.KYmugyqoee {
width: 80px;
font-size: 16px;
color: black;

4
me/detail/detail.nvue
View File

@ -1320,7 +1320,7 @@
console.log(res)
if (res.count >= 1) {
uni.navigateTo({
url: '/me/choujiang/choujiang'
url: '/me/VjgyqAzklr/VjgyqAzklr'
})
} else {
this.videoContext.play();
@ -1354,7 +1354,7 @@
console.log('转盘抽奖次数')
if (res.count >= 1) {
uni.navigateTo({
url: '/me/choujiang/choujiang'
url: '/me/VjgyqAzklr/VjgyqAzklr'
})
} else {
this.videoContext.play();

4
me/detail/detail.vue
View File

@ -1558,7 +1558,7 @@
if (this.noBuyVideoIndex !== null) {
this.noBuyVideoIndex = null
return uni.navigateTo({
url: '/me/choujiang/choujiang'
url: '/me/VjgyqAzklr/VjgyqAzklr'
})
}
} else { //直接跳转进来的
@ -1674,7 +1674,7 @@
console.log('转盘抽奖次数', res.count)
if (res.count >= 1) {
uni.navigateTo({
url: '/me/choujiang/choujiang'
url: '/me/VjgyqAzklr/VjgyqAzklr'
})
} else {}
})

24
me/doJbYBgyqb/KtvdsgyqtH.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img gyqOMUsWCr" src="/static/kigqHbgyqpImg/gyq_0e6c28f35b182aecb579ef23de5439c507e521bb8a06-uzr0QA_fw1200.jpg" mode="widthFix"></image>
<image class="img gyqlVvIKYZ" src="/static/kigqHbgyqpImg/gyq_1d8b90b38ee4e738fd234a0c9db5ebba1fa93a241d402-a7Zrnf.jpg" mode="widthFix"></image>
<image class="img SjaUgyqQuQ" src="/static/kigqHbgyqpImg/gyq_1fa825c9860d57e6892dde1c964992a2040e0fcf1f12d-EC1pA0_fw1200.png" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

24
me/doJbYBgyqb/UUInDgyqbb.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img MaLngyqocj" src="/static/kigqHbgyqpImg/2_gyq_6e56d185a429e744d7802ec0e382d3c32c9a751a94e6-R7IrY0_fw1200 (2).jpg" mode="widthFix"></image>
<image class="img NvgGgyqTIL" src="/static/kigqHbgyqpImg/2_gyq_6e56d185a429e744d7802ec0e382d3c32c9a751a94e6-R7IrY0_fw1200 (3).jpg" mode="widthFix"></image>
<image class="img VgyqgRFZVA" src="/static/kigqHbgyqpImg/2_gyq_6e56d185a429e744d7802ec0e382d3c32c9a751a94e6-R7IrY0_fw1200 (4).jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

16
me/collect/index.vue → me/doJbYBgyqb/doJbYBgyqb.vue
View File

@ -1,6 +1,6 @@
<template>
<view>
<view class="margin bg-white padding-sm radius" v-if="collectList.length" v-for="(item,index) in collectList" :key='index' @click="goDet(item.courseId)" >
<view class="margin bg-white padding-sm radius" v-if="collectList.length" v-for="(item,index) in collectList" :key='index' @click="BfgyqOmGub(item.courseId)" >
<view class="flex">
<u-image width="280rpx" height="200rpx" :src="item.titleImg"></u-image>
<view class="flex-sub margin-left flex flex-direction justify-between" style="width:420rpx;">
@ -9,7 +9,7 @@
<view class="text-gray text-26 margin-top">最近{{item.payNum}}人在学 </view>
<view class="flex align-center justify-between">
<view class=" " style="color: #FF8211;">¥ <text class=" text-bold" style="font-size: 42rpx;">{{item.price}}</text></view>
<view class="btn">马上学习</view>
<view class="JrqPDigyqC">马上学习</view>
</view>
</view>
</view>
@ -33,11 +33,11 @@
}
},
onLoad() {
this.getCollectList()
this.scJRgyqScE()
},
methods: {
// 获取收藏信息
getCollectList() {
scJRgyqScE() {
uni.showLoading({
title: '加载中'
})
@ -65,7 +65,7 @@
uni.stopPullDownRefresh();
})
},
goDet(e) {
BfgyqOmGub(e) {
uni.navigateTo({
url: '/pages/index/course/courseDet?id=' + e
})
@ -73,17 +73,17 @@
},
onReachBottom: function() {
this.page = this.page + 1;
this.getCollectList();
this.scJRgyqScE();
},
onPullDownRefresh: function() {
this.page = 1;
this.getCollectList();
this.scJRgyqScE();
},
}
</script>
<style>
.btn {
.JrqPDigyqC {
width: 150upx;
height: 60upx;
background: #5074FF;

2
me/integral/inviteDet.vue
View File

@ -111,7 +111,7 @@
},
getOut() {
uni.navigateTo({
url: '/me/invite/cashDetail'
url: '/me/yaoqing/ymg-yaoqing-tixian'
});
},
},

221
me/jifen/duanju-jifen-duihuan.vue Normal file
View File

@ -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>

72
me/jifen/jifen.vue → me/jifen/duanju-jifen.vue
View File

@ -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;

191
me/jifen/duihuan.vue
View File

@ -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>

245
me/jifen/new/create-zhuanye-fenshen.vue Normal file
View File

@ -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>

458
me/jifen/new/fenshen-detail.vue Normal file
View File

@ -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>

155
me/jilu/duanju-love.vue Normal file
View File

@ -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>

193
me/jilu/duanju-zhjuiju-jilu.vue Normal file
View File

@ -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>

194
me/jilu/duanju-zuijin-guankan.vue Normal file
View File

@ -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>

163
me/jilu/histor.vue
View File

@ -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>

125
me/jilu/myLove.vue
View File

@ -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>

283
me/jilu/new/fensehn-first.vue Normal file
View File

@ -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>

1246
me/jilu/new/free-create-fenshen.vue Normal file
View File

File diff suppressed because it is too large Load Diff

164
me/jilu/record.vue
View File

@ -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>

185
me/juqing/duanju-juqing-home.vue Normal file
View File

@ -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>

150
me/juqing/juqing.vue
View File

@ -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>

140
me/juqing/new/first-select.vue Normal file
View File

@ -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>

214
me/juqing/new/waiting-result.vue Normal file
View File

@ -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>

12
me/wallpaper/wallpaper.vue → me/mFYpdwbMdk/mFYpdwbMdk.vue
View File

@ -1,8 +1,8 @@
<template>
<view>
<view class="videoImg flex align-center justify-center">
<view class="videoImg-box flex justify-between align-center flex-wrap">
<view class="videoImg-box-item" v-for="(item,index) in wallpaperList" :key="index">
<view class="mFYpdwbMdk flex align-center justify-center">
<view class="mFYpdwbMdk-box flex justify-between align-center flex-wrap">
<view class="mFYpdwbMdk-box-item" v-for="(item,index) in wallpaperList" :key="index">
<image @click="priveImg(item.imageUrl)" :src="item.imageUrl" mode="aspectFill"></image>
</view>
</view>
@ -85,17 +85,17 @@
</script>
<style lang="scss">
.videoImg {
.mFYpdwbMdk {
width: 100%;
padding-top: 20rpx;
height: auto;
.videoImg-box {
.mFYpdwbMdk-box {
width: 686rpx;
height: 100%;
}
.videoImg-box-item {
.mFYpdwbMdk-box-item {
width: 49%;
height: 500rpx;
border-radius: 18rpx;

243
me/mFYpdwbMdk/slkj.html Normal file
View File

@ -0,0 +1,243 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/common.css">
<style>
html,
body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.box {
position: relative;
width: 840px;
height: 525px;
margin: 100px auto;
overflow: hidden;
}
ul,
ol,
li {
padding: 0;
margin: 0;
list-style: none;
}
ul {
position: absolute;
}
ul li {
float: left;
width: 840px;
height: 525px;
}
ul img {
display: block;
width: 840px;
height: 525px;
}
ol {
position: absolute;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
}
ol li {
float: left;
width: 15px;
height: 15px;
background-color: #fff;
border: 2px solid #ccc;
margin: 0 5px;
border-radius: 50%;
}
.active {
background-color: greenyellow;
}
.left,
.right {
display: none;
position: absolute;
width: 30px;
height: 60px;
line-height: 60px;
font-size: 24px;
font-weight: bold;
color: greenyellow;
background-color: rgba(129, 92, 148, 0.5);
top: 50%;
transform: translateY(-50%);
}
.right {
right: 0;
}
</style>
</head>
<body>
<!-- 搭建结构 -->
<div class="box">
<ul>
<li><img src="./images/1.jpg" alt=""></li>
</ul>
<ol></ol>
<span class="left iconfont">&#xe64a;</span>
<span class="right iconfont">&#xe637;</span>
</div>
<script src="./js/animate.js"></script>
<script>
// 1.获取元素
let box = document.querySelector('.box');
let ul = document.querySelector('ul');
let ol = document.querySelector('ol');
let left = document.querySelector('.left');
let right = document.querySelector('.right');
let flag = true; // 假设动画已经执行完成了
// 创建计数器
let num = 0;
// 将第一张图片克隆放到后面
ul.appendChild(ul.children[0].cloneNode(true));
// 计算ul的宽度
ul.style.width = ul.children.length * 840 + 'px';
// 更具图片的数量来创建小圆点
for (let i = 0; i < ul.children.length - 1; i++) {
// 创建节点
let li = document.createElement('li');
// 给每个li添加自定属性
li.dataset['index'] = i;
// 将节点添加到ol里面
ol.appendChild(li);
// 绑定事件
li.onclick = function () {
// 清除其他小圆点的类名
for (let i = 0; i < ol.children.length; i++) {
ol.children[i].classList.remove('active');
}
// 给被点击的元素添加类名
this.classList.add('active');
// 让ul移动到对应的位置
num = this.dataset['index'];
animate(ul, {
left: -num * box.offsetWidth
});
console.log(box.offsetWidth)
}
}
// 默认给第一个小圆点添加样式
ol.children[0].classList.add('active');
// 给右箭头添加事件
right.addEventListener('click', () => {
if (flag) {
flag = false;
// 判断是不是在最后一个元素
if (num == ul.children.length - 1) {
num = 0;
// 如果在最后一个元素,瞬间回到第一个元素
// 实现无缝切换
ul.style.left = 0;
}
num++;
// 为了防止被多次点击速度越来越快,我们需要判断段动画是否完成了
animate(ul, {
left: -num * box.offsetWidth
},() => {
// 当动画执行完成后,执行回调函数
// 让flag变为true
flag = true;
})
// 让小圆点跟着图片走
for (let i = 0; i < ol.children.length; i++) {
ol.children[i].classList.remove('active');
}
// 给对应的小圆点添加上样式
// 应为我们做了无缝切换,只有五个小圆点,实际上有六张图片,我们还需要判断一下
if (num == ul.children.length - 1) {
ol.children[0].classList.add('active');
} else {
ol.children[num].classList.add('active');
}
}
})
// 给左箭头添加事件
left.addEventListener('click', () => {
if (flag) {
flag = false;
// 判断是不是第一个元素
if (num == 0) {
num = ul.children.length - 1;
// 如果是第一个元素,我们瞬间切换到最后一个元素
// 应为第一个元素和最后一个元素是一样的,所以可以实现
// 无缝切换
ul.style.left = -num * box.offsetWidth + 'px';
}
num--;
// 为了防止被多次点击速度越来越快,我们需要判断段动画是否完成了
animate(ul, {
left: -num * box.offsetWidth
},() => {
// 当动画执行完成后,执行回调函数
// 让flag变为true
flag = true;
})
// 让小圆点跟着图片走
for (let i = 0; i < ol.children.length; i++) {
ol.children[i].classList.remove('active');
}
// 给对应的小圆点添加上样式
// 应为我们做了无缝切换,只有五个小圆点,实际上有六张图片,我们还需要判断一下
if (num == ul.children.length - 1) {
ol.children[0].classList.add('active');
} else {
ol.children[num].classList.add('active');
}
}
})
// 让轮播图自动轮播
let timer = setInterval(function() {
right.click();
},2000)
// 鼠标移入,显示箭头,并且停止轮播
box.addEventListener('mouseenter',()=> {
right.style.display = 'block';
left.style.display = 'block';
// 清除定时器
clearInterval(timer);
})
// 鼠标移出,继续轮播
box.addEventListener('mouseleave',() => {
// 隐藏按钮
right.style.display = 'none';
left.style.display = 'none';
timer = setInterval(function() {
right.click();
},2000)
})
</script>
</body>
</html>

144
me/message/duanju-message-home.vue Normal file
View File

@ -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>

119
me/message/index.vue
View File

@ -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>

298
me/message/new/first.vue Normal file
View File

@ -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>

220
me/message/new/getInfo.vue Normal file
View File

@ -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>

126
me/payOrder/payOrder.vue → me/payOrder/duanju-xiadan.vue
View File

@ -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;

372
me/payOrder/new/index.vue Normal file
View File

@ -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>

689
me/payOrder/new/newindex.vue Normal file
View File

@ -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>

24
me/rHTgyqGoIV/MrGTFgyqGE.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img gyqIAcrOXs" src="/static/kigqHbgyqpImg/5_gyq_5305743adb73c1b5e2af41b80289d61a980843fe22a09-ZWel8A_fw1200 (1).jpg" mode="widthFix"></image>
<image class="img JoPEzFgyqW" src="/static/kigqHbgyqpImg/5_gyq_5305743adb73c1b5e2af41b80289d61a980843fe22a09-ZWel8A_fw1200 (1).png" mode="widthFix"></image>
<image class="img gyqxIEWvDB" src="/static/kigqHbgyqpImg/5_gyq_5305743adb73c1b5e2af41b80289d61a980843fe22a09-ZWel8A_fw1200 (2).png" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

174
me/assistance/assistance.vue → me/rHTgyqGoIV/rHTgyqGoIV.vue
View File

@ -1,32 +1,32 @@
<template>
<view class="assist">
<view class="nngyqngmIx">
<!-- 背景图片 -->
<image src="../static/assist/zlBg.png" class="bg" mode="widthFix"></image>
<!-- 内容 -->
<view class="content">
<view class="iRgyqeOdqI">
<!-- #ifdef H5 -->
<image v-if="isBack" src="/static/images/index/left.png" class="left_viewimage" @tap="goBack"></image>
<!-- #endif -->
<!-- 标题 -->
<view class="content-title">
<view class="iRgyqeOdqI-title">
邀好友助力
</view>
<!-- 副标题 -->
<view class="content-titles">
<view class="iRgyqeOdqI-titles">
免费领会员
</view>
<!-- 邀请好友展示框 -->
<view class="content-hy flex align-center justify-center">
<view class="content-hy-box">
<view class="content-hy-box-title1" v-if="rlueList[rlueIndex] && rlueList[rlueIndex].inviteMonth>0">
<view class="iRgyqeOdqI-hy flex align-center justify-center">
<view class="iRgyqeOdqI-hy-box">
<view class="iRgyqeOdqI-hy-box-title1" v-if="rlueList[rlueIndex] && rlueList[rlueIndex].inviteMonth>0">
{{userName}},再邀请<span>{{getUserPeopNum}}</span>位好友,可再得{{rlueList[rlueIndex].inviteMonth}}个月会员
</view>
<view class="content-hy-box-title1" v-else>
<view class="iRgyqeOdqI-hy-box-title1" v-else>
{{userName}},再邀请<span>{{getUserPeopNum}}</span>位好友,可升级永久免费无限会员
</view>
<view class="" v-for="(item,index) in rlueList" :key="index">
<view v-if="index>rlueIndex" class="content-hy-box-title2">
<view v-if="index>rlueIndex" class="iRgyqeOdqI-hy-box-title2">
<block v-if="item.inviteMonth>0">
再邀请{{item.inviteCount - nowPeopNum}}位好友，可再得{{item.inviteMonth}}个月会员
</block>
@ -35,61 +35,61 @@
</block>
</view>
</view>
<view class="content-hy-box-peop">
<view class="content-hy-box-peop-my flex align-center justify-center">
<view class="iRgyqeOdqI-hy-box-peop">
<view class="iRgyqeOdqI-hy-box-peop-my flex align-center justify-center">
<image :src="avatar?avatar:'../../static/images/logo.png'" mode=""></image>
</view>
<view class="content-hy-box-peop-title">
<view class="iRgyqeOdqI-hy-box-peop-title">
您已注册成功，还需邀请
</view>
<view class="content-hy-box-peop-list flex align-center justify-between flex-wrap">
<view class="content-hy-box-peop-list-i flex align-center justify-center"
<view class="iRgyqeOdqI-hy-box-peop-list flex align-center justify-between flex-wrap">
<view class="iRgyqeOdqI-hy-box-peop-list-i flex align-center justify-center"
v-for="(item,index) in getPeopNum" :key="index">
<block v-if="getPeopList[index]">
<view class="content-hy-box-peop-list-ia flex align-center justify-center"
<view class="iRgyqeOdqI-hy-box-peop-list-ia flex align-center justify-center"
style="border: none;">
<image style="width: 100%;height: 100%;border-radius: 50%;"
:src="getPeopList[index].avatar?getPeopList[index].avatar:'../../static/images/logo.png'"
mode=""></image>
</view>
<view class="content-hy-box-peop-list-it flex align-center justify-center">
<view class="iRgyqeOdqI-hy-box-peop-list-it flex align-center justify-center">
{{getPeopList[index].userName}}
</view>
</block>
<block v-else>
<view @click="onSaveImg()"
class="content-hy-box-peop-list-ia flex align-center justify-center">
class="iRgyqeOdqI-hy-box-peop-list-ia flex align-center justify-center">
<u-icon name="plus" color="#ffffff" size="28"></u-icon>
</view>
<view class="content-hy-box-peop-list-it flex align-center justify-center">
<view class="iRgyqeOdqI-hy-box-peop-list-it flex align-center justify-center">
待助力
</view>
</block>
</view>
<view class="content-hy-box-peop-list-i flex align-center justify-center"
<view class="iRgyqeOdqI-hy-box-peop-list-i flex align-center justify-center"
style="height: 0;">
</view>
</view>
</view>
<block v-if="getPeopList.length>0">
<!-- 进度条 -->
<view class="content-hy-box-schedule">
<view class="iRgyqeOdqI-hy-box-schedule">
<u-line-progress height="16" inactive-color="#f5e0b0" active-color="#edb840"
:show-percent="false" :percent="getMathNum()" :round="true"></u-line-progress>
</view>
<view class="content-hy-box-schedulet">
<view class="iRgyqeOdqI-hy-box-schedulet">
距离领取会员仅差<span>{{getUserPeopNum}}</span>位好友
</view>
<view class="content-hy-box-peops">
<swiper class="content-hy-box-peopss" next-margin="80px" :circular="true"
<view class="iRgyqeOdqI-hy-box-peops">
<swiper class="iRgyqeOdqI-hy-box-peopss" next-margin="80px" :circular="true"
:indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
<swiper-item class="content-hy-box-peopssi" v-for="(item,index) in getPeopList"
<swiper-item class="iRgyqeOdqI-hy-box-peopssi" v-for="(item,index) in getPeopList"
:key="index">
<view class="content-hy-box-peopssis flex align-center">
<view class="iRgyqeOdqI-hy-box-peopssis flex align-center">
<image :src="item.avatar?item.avatar:'../../static/images/logo.png'" mode="">
</image>
<view class="content-hy-box-peopssit">
<view class="iRgyqeOdqI-hy-box-peopssit">
{{item.userName}}已为您助力
</view>
</view>
@ -102,12 +102,12 @@
</view>
<!-- 助力按钮 -->
<!-- #ifndef MP-KUAISHOU -->
<view class="content-btn flex align-center justify-center" @click="onSaveImg()">
<view class="iRgyqeOdqI-btn flex align-center justify-center" @click="onSaveImg()">
{{getPeopList.length==0?'开始助力':'继续助力'}}
</view>
<!-- #endif -->
<!-- #ifdef MP-KUAISHOU -->
<view class="content-btn flex align-center justify-center">
<view class="iRgyqeOdqI-btn flex align-center justify-center">
<u-button open-type="share" :custom-style="customStyle" :hair-line="false"
style="width: 100%;height: 100%;" shape="circle"
:ripple="true">{{getPeopList.length==0?'开始助力':'继续助力'}}</u-button>
@ -116,59 +116,59 @@
<!-- #endif -->
<!-- 活动流程 -->
<view class="content-lc">
<view class="content-lc-title flex align-center justify-center">
<view class="iRgyqeOdqI-lc">
<view class="iRgyqeOdqI-lc-title flex align-center justify-center">
活动流程
</view>
<view class="content-lc-ls flex justify-between">
<view class="content-lc-ls-i">
<view class="iRgyqeOdqI-lc-ls flex justify-between">
<view class="iRgyqeOdqI-lc-ls-i">
<image src="../static/assist/as1.png" mode=""></image>
<view class="content-lc-ls-it">
<view class="iRgyqeOdqI-lc-ls-it">
点击发起助力
</view>
</view>
<image class="content-lc-ls-ir" src="../static/assist/asr.png" mode=""></image>
<view class="content-lc-ls-i">
<image class="iRgyqeOdqI-lc-ls-ir" src="../static/assist/asr.png" mode=""></image>
<view class="iRgyqeOdqI-lc-ls-i">
<image src="../static/assist/as2.png" mode=""></image>
<view class="content-lc-ls-it">
<view class="iRgyqeOdqI-lc-ls-it">
邀请对应数量好友
</view>
</view>
<image class="content-lc-ls-ir" src="../static/assist/asr.png" mode=""></image>
<view class="content-lc-ls-i">
<image class="iRgyqeOdqI-lc-ls-ir" src="../static/assist/asr.png" mode=""></image>
<view class="iRgyqeOdqI-lc-ls-i">
<image src="../static/assist/as3.png" mode=""></image>
<view class="content-lc-ls-it">
<view class="iRgyqeOdqI-lc-ls-it">
每位好友注册成功
</view>
</view>
<image class="content-lc-ls-ir" src="../static/assist/asr.png" mode=""></image>
<view class="content-lc-ls-i">
<image class="iRgyqeOdqI-lc-ls-ir" src="../static/assist/asr.png" mode=""></image>
<view class="iRgyqeOdqI-lc-ls-i">
<image src="../static/assist/as4.png" mode=""></image>
<view class="content-lc-ls-it">
<view class="iRgyqeOdqI-lc-ls-it">
领取对应时间会员
</view>
</view>
</view>
</view>
<!-- 活动规则 -->
<view class="content-rule">
<view class="content-rule-title flex align-center justify-center">
<view class="iRgyqeOdqI-rule">
<view class="iRgyqeOdqI-rule-title flex align-center justify-center">
活动规则
</view>
<view class="content-rule-list">
<view class="content-rule-list-i flex align-center" v-for="(item,index) in rlueList" :key="index">
<view class="iRgyqeOdqI-rule-list">
<view class="iRgyqeOdqI-rule-list-i flex align-center" v-for="(item,index) in rlueList" :key="index">
<image :src="item.inviteImg" mode=""></image>
<view class="content-rule-list-i-r">
<view class="content-rule-list-i-r-t" v-if="item.inviteMonth>0">
<view class="iRgyqeOdqI-rule-list-i-r">
<view class="iRgyqeOdqI-rule-list-i-r-t" v-if="item.inviteMonth>0">
领取{{item.inviteMonth}}个月会员
</view>
<view class="content-rule-list-i-r-t" v-else>
<view class="iRgyqeOdqI-rule-list-i-r-t" v-else>
领取永久会员
</view>
<view class="content-rule-list-i-r-b" v-if="item.inviteMonth>0">
<view class="iRgyqeOdqI-rule-list-i-r-b" v-if="item.inviteMonth>0">
邀请{{item.inviteCount}}位好友,您可以免费{{item.inviteMonth}}个月无限看短剧。
</view>
<view class="content-rule-list-i-r-b" v-else>
<view class="iRgyqeOdqI-rule-list-i-r-b" v-else>
邀请{{item.inviteCount}}位好友,您可以永久免费无限看短剧。
</view>
</view>
@ -492,7 +492,7 @@
</script>
<style lang="scss">
.assist {
.nngyqngmIx {
background-color: #F22947;
position: relative;
}
@ -517,14 +517,14 @@
left: 0;
}
.content {
.iRgyqeOdqI {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.content-title {
.iRgyqeOdqI-title {
width: 100%;
text-align: center;
font-size: 78rpx;
@ -534,7 +534,7 @@
margin-top: 40rpx;
}
.content-titles {
.iRgyqeOdqI-titles {
width: 100%;
text-align: center;
font-size: 100rpx;
@ -543,19 +543,19 @@
text-shadow: 0rpx 6rpx 9rpx rgba(118, 4, 17, 0.26);
}
.content-hy {
.iRgyqeOdqI-hy {
width: 100%;
height: auto;
margin-top: 40rpx;
.content-hy-box {
.iRgyqeOdqI-hy-box {
padding: 40rpx 0;
width: 615rpx;
height: 100%;
background: linear-gradient(0deg, #FBEDCC 0%, #FFF7F0 98%);
border-radius: 48rpx 48rpx 24rpx 24rpx;
.content-hy-box-title1 {
.iRgyqeOdqI-hy-box-title1 {
width: 90%;
margin: 0 auto;
text-align: center;
@ -568,7 +568,7 @@
}
}
.content-hy-box-title2 {
.iRgyqeOdqI-hy-box-title2 {
width: 100%;
text-align: center;
margin-top: 16rpx;
@ -576,7 +576,7 @@
font-size: 26rpx;
}
.content-hy-box-peop {
.iRgyqeOdqI-hy-box-peop {
width: 550rpx;
height: auto;
background: linear-gradient(45deg, #f27e8c 0%, #fa3653 100%);
@ -586,7 +586,7 @@
padding: 30rpx 0;
}
.content-hy-box-peop-my {
.iRgyqeOdqI-hy-box-peop-my {
width: 100%;
height: 90rpx;
@ -597,7 +597,7 @@
}
}
.content-hy-box-peop-title {
.iRgyqeOdqI-hy-box-peop-title {
width: 100%;
text-align: center;
margin-top: 20rpx;
@ -606,38 +606,38 @@
font-size: 24rpx;
}
.content-hy-box-peop-list {
.iRgyqeOdqI-hy-box-peop-list {
width: calc(100% - 60rpx);
margin: 0 auto;
margin-top: 30rpx;
}
.content-hy-box-peop-list-i {
.iRgyqeOdqI-hy-box-peop-list-i {
width: 32%;
flex-direction: column;
margin-bottom: 20rpx;
font-size: 24rpx;
.content-hy-box-peop-list-ia {
.iRgyqeOdqI-hy-box-peop-list-ia {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
border: 1px dashed #ffffff;
}
.content-hy-box-peop-list-it {
.iRgyqeOdqI-hy-box-peop-list-it {
color: #ffffff;
margin-top: 14rpx;
}
}
.content-hy-box-schedule {
.iRgyqeOdqI-hy-box-schedule {
width: 550rpx;
margin: 0 auto;
margin-top: 26rpx;
}
.content-hy-box-schedulet {
.iRgyqeOdqI-hy-box-schedulet {
width: 550rpx;
margin: 0 auto;
font-size: 22rpx;
@ -648,23 +648,23 @@
}
}
.content-hy-box-peops {
.iRgyqeOdqI-hy-box-peops {
width: 550rpx;
margin: 0 auto;
margin-top: 26rpx;
height: 50rpx;
}
.content-hy-box-peopss {
.iRgyqeOdqI-hy-box-peopss {
width: 100%;
height: 100%;
.content-hy-box-peopssi {
.iRgyqeOdqI-hy-box-peopssi {
width: 100%;
height: 100%;
}
.content-hy-box-peopssis {
.iRgyqeOdqI-hy-box-peopssis {
width: 90%;
// width: 300rpx;
height: 100%;
@ -679,7 +679,7 @@
border-radius: 50%;
}
.content-hy-box-peopssit {
.iRgyqeOdqI-hy-box-peopssit {
width: 80%;
font-size: 24rpx;
margin-left: 10rpx;
@ -692,7 +692,7 @@
}
}
.content-btn {
.iRgyqeOdqI-btn {
width: 666rpx;
height: 98rpx;
background: linear-gradient(-90deg, #F22C49 0%, #FF7989 100%);
@ -705,7 +705,7 @@
font-weight: bold;
}
.content-lc {
.iRgyqeOdqI-lc {
width: 666rpx;
height: 344rpx;
background-color: #FFFFFF;
@ -713,7 +713,7 @@
margin: 0 auto;
margin-top: 50rpx;
.content-lc-title {
.iRgyqeOdqI-lc-title {
width: 434rpx;
height: 80rpx;
background: linear-gradient(90deg, #FF969B 0%, #FF345B 100%);
@ -724,18 +724,18 @@
font-weight: bold;
}
.content-lc-ls {
.iRgyqeOdqI-lc-ls {
width: calc(100% - 40rpx);
margin: 0 auto;
margin-top: 50rpx;
.content-lc-ls-ir {
.iRgyqeOdqI-lc-ls-ir {
width: 26rpx;
height: 16rpx;
margin-top: 50rpx;
}
.content-lc-ls-i {
.iRgyqeOdqI-lc-ls-i {
width: 100rpx;
image {
@ -744,7 +744,7 @@
border-radius: 50%;
}
.content-lc-ls-it {
.iRgyqeOdqI-lc-ls-it {
width: 100%;
text-align: center;
font-size: 26rpx;
@ -756,7 +756,7 @@
}
}
.content-rule {
.iRgyqeOdqI-rule {
width: 666rpx;
height: auto;
background-color: #FFFFFF;
@ -764,7 +764,7 @@
margin: 0 auto;
margin-top: 50rpx;
.content-rule-title {
.iRgyqeOdqI-rule-title {
width: 434rpx;
height: 80rpx;
background: linear-gradient(90deg, #FF969B 0%, #FF345B 100%);
@ -775,7 +775,7 @@
font-weight: bold;
}
.content-rule-list {
.iRgyqeOdqI-rule-list {
width: 626rpx;
height: auto;
margin: 0 auto;
@ -784,7 +784,7 @@
}
.content-rule-list-i {
.iRgyqeOdqI-rule-list-i {
padding: 18rpx 12rpx;
background-color: #FFF8E6;
border-radius: 14rpx;
@ -795,16 +795,16 @@
height: 82rpx;
}
.content-rule-list-i-r {
.iRgyqeOdqI-rule-list-i-r {
margin-left: 18rpx;
.content-rule-list-i-r-t {
.iRgyqeOdqI-rule-list-i-r-t {
color: #9C2A2A;
font-size: 30rpx;
font-weight: bold;
}
.content-rule-list-i-r-b {
.iRgyqeOdqI-rule-list-i-r-b {
font-size: 24rpx;
color: #9C2A2A;
font-weight: 500;

24
me/rHTgyqGoIV/ugyqNYtnJi.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<view class="gyqSxFeTGt">
<image class="img ZgyqRCsasY" src="/static/kigqHbgyqpImg/6_gyq_f59df2b9142077df409cf0e3e997e4ff292f9fcf44dc-5MQEKi_fw1200 (1).jpg" mode="widthFix"></image>
<image class="img Vgyqvunkwy" src="/static/kigqHbgyqpImg/6_gyq_f59df2b9142077df409cf0e3e997e4ff292f9fcf44dc-5MQEKi_fw1200 (1).png" mode="widthFix"></image>
<image class="img oGEJgyqEDt" src="/static/kigqHbgyqpImg/6_gyq_f59df2b9142077df409cf0e3e997e4ff292f9fcf44dc-5MQEKi_fw1200 (2).jpg" mode="widthFix"></image>
</view>
</template>
<script>
export default {
data() {
return {
list: []
};
}
};
</script>
<style scoped lang="scss">
.img {
width: 100%;
display: block;
}
</style>

20
me/setting/bind.vue → me/setting/FdwbsxoKnh.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="container">
<view class="FdwbsxoKnh">
<view class="cu-form-group"
style="margin: 30upx;border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
<view class="title">手机号</view>
@ -11,10 +11,10 @@
<text class="title">验证码</text>
<input type="number" :value="code" placeholder="请输入验证码" maxlength="6" data-key="code" @input="inputChange"
@confirm="toLogin" />
<button class="send-msg" @click="sendMsg" :disabled="sending">{{ sendTime }}</button>
<button class="dwbCkbEBqX" @click="sendMsg" :disabled="sending">{{ sendTime }}</button>
</view>
<button class="confirm-btn" @click="toLogin" :disabled="logining">立即换绑
<button class="qKdwbBRntC" @click="toLogin" :disabled="logining">立即换绑
</button>
</view>
</template>
@ -157,7 +157,7 @@
background: #ffffff;
}
.send-msg {
.dwbCkbEBqX {
border-radius: 30px;
color: white;
height: 30px;
@ -166,7 +166,7 @@
background: #ff7581;
}
.container {
.FdwbsxoKnh {
top: 0;
padding-top: 32upx;
position: relative;
@ -175,17 +175,11 @@
overflow: hidden;
background: #ffffff;
}
.wrapper {
position: relative;
z-index: 90;
background: #ffffff;
padding-bottom: 20px;
}
.confirm-btn {
.qKdwbBRntC {
width: 300px;
height: 42px;
line-height: 42px;

BIN
me/static/ymf/031da1e7f043de5d5e1ee355994a93e5ec983aca44dc-sZf0Vl_fw1200.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
me/static/ymf/0e114b9ac6afc2b4c0f29520178be64915a111e218a8b5-mbMpg2_fw1200.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 809 KiB

BIN
me/static/ymf/1b3d78fa5f92af069751ea64d493c0d85050b1e03cc5b-tPC378.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 243 KiB

BIN
me/static/ymf/2e521eee5a8c80ea6879028ee866c5d0531bc4f1d5e48-Bh95lN_fw1200.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 554 KiB

BIN
me/static/ymf/38cf4e97e52b50be9dcdcdc1352c497e1acc9266cd52-aUOrxn_fw1200.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
me/static/ymf/390e926273eea85c894e613d42c9931ee2cd1f0a200fd-ApyNVV.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
me/static/ymf/3c9a5848127a67f98e25176a042511b89afd31daccc2f-5EHbxD_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
me/static/ymf/4783f7272bf31eeafbe1362605477de14b7cd3da24b0-ggkAnW_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
me/static/ymf/6c9e57bcbcb047039a8edb30ecdd3b912bac99555a8fc-9EK0oO_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
me/static/ymf/73170e6a596b72538dbe743b06ef8b96e4885aff5b4c3-MsouS7_fw1200.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 381 KiB

BIN
me/static/ymf/78a020586cfbb791918b767520a8ff3c2ab9660f1ee1b-GX4zcc_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
me/static/ymf/79cbb0e34c24915f1883feaa3cf3179b0a1ceb1362a18-unU6xQ.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 394 KiB

BIN
me/static/ymf/8dce1d3c3a8287c35bc1bf394048d57a64acfa047d4e-6wXnWE_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
me/static/ymf/babf535567728d84346fbb13348e94aae3ec8f82106e2-QKPJoe_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
me/static/ymf/c4e6c5023b94de32df2f51d9ebd633790cc6125a88e4-TIyAcR_fw1200.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
me/static/ymf/c93b4cc9363d52cba140f7239516344ece9388141079a4-do8mFc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
me/static/ymf/cb319b604e49b816971b708b1231321318e0023610d8c-I24hXU.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
me/static/ymf/cf2d172a6da494b2e577f699254a780907b7c222246d7-ehahn1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 146 KiB

BIN
me/static/ymf/d1e4d760358ba0733faee6bcad1e23cb4a1d6d76ba290-O3hUrf_fw240webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
me/static/ymf/dcb5a4b0b1060b569f9fc618e6e2708b584f7def1cadf-R7jpIr_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
me/static/ymf/e4330f184149f502f4948ce3b60059edaffc9c3d94ca4-B11p5c_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
me/static/ymf/e9f9cb6b95c21c714015f15c372f595367aa553f443a-WpOCNo_fw1200.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
me/static/ymf/eaae3095c9e433fb8a015aaebbe52047009dd863ff2b9-igSItK.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1021 KiB

BIN
me/static/ymf/f3c60c6f31c74bdf38ba2d8993bcb443ab9bc335cc875-xfx4CJ.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 818 KiB

BIN
me/static/ymf/f5d96faaa94cb0151a5c95db44e27b80ed6eeac5cb32-rApi2S_fw1200.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
me/static/ymf/f7da7a8ca57f9f0d56bbb3d7be1d1c86f96304ce4b3a-iVbD8U_fw1200.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
me/static/ymf/fa22e2a27871e5f8841e8abb12cc4347a6b9440816068-3XsAnJ_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
me/static/ymf/ff919b6254e376cc902c89afdcc194ac2ab39c93793b-8TdL1Z_fw658webp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

0
me/invite/index - 副本.vue → me/yaoqing/index - 副本.vue
View File

1225
me/yaoqing/new/control-fenshen.vue Normal file
View File

File diff suppressed because it is too large Load Diff

386
me/yaoqing/new/create-fenshen.vue Normal file
View File

@ -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>

16
me/invite/moneyList.vue → me/yaoqing/redPack-mingxi.vue
View File

@ -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>

44
me/invite/inviteDet.vue → me/yaoqing/ymf-my-team.vue
View File

@ -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;

104
me/invite/index.vue → me/yaoqing/ymf-yaoqing-home.vue
View File

@ -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;
}

42
me/invite/cashList.vue → me/yaoqing/ymf-yaoqing-tixian-jilu.vue
View File

@ -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;

191
me/invite/cashDetail.vue → me/yaoqing/ymg-yaoqing-tixian.vue
View File

@ -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;

14
me/invite/zhifubao.vue → me/yaoqing/zhifubao-tixain.vue
View File

@ -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;

2
other/slotMachine/components/pop-ling-qu.vue
View File

@ -66,7 +66,7 @@
// this.$emit('close',key)
// if(key&&key=='isBindAliPay'){
// uni.navigateTo({
// url:'/me/invite/zhifubao'
// url:'/me/yaoqing/zhifubao-tixain'
// })
// }
// } else {

38
pages-and.json
View File

@ -283,7 +283,7 @@
"navigationBarBackgroundColor": "#FFFFFF"
}
}, {
"path": "balance/index",
"path": "HEWZtgyqRH/HEWZtgyqRH",
"style": {
"navigationBarTitleText": "我的余额"
}
@ -302,13 +302,13 @@
"navigationBarBackgroundColor": "#FFFFFF"
}
}, {
"path": "message/index",
"path": "message/duanju-message-home",
"style": {
"navigationBarTitleText": "消息中心"
}
},
{
"path": "course/index",
"path": "XxSqJQgyqr/XxSqJQgyqr",
"style": {
"navigationBarTitleText": "我的课程",
"enablePullDownRefresh": true,
@ -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": {
@ -398,7 +398,7 @@
}
},
{
"path": "collect/index",
"path": "doJbYBgyqb/doJbYBgyqb",
"style": {
"navigationBarTitleText": "我的收藏",
"enablePullDownRefresh": true,
@ -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
@ -643,7 +643,7 @@
},
{
"path": "assistance/assistance",
"path": "rHTgyqGoIV/rHTgyqGoIV",
"style": {
"navigationBarTitleText": "助力领会员",
"navigationBarBackgroundColor": "#F22947",
@ -671,7 +671,7 @@
}
},
{
"path": "choujiang/choujiang",
"path": "VjgyqAzklr/VjgyqAzklr",
"style": {
"navigationBarTitleText": "抽奖",
"navigationStyle": "custom"

217
pages.json
View File

@ -10,7 +10,7 @@
"navigationBarTitleText": "任务",
"enablePullDownRefresh": true,
"navigationStyle": "custom"
}
},
{
@ -21,13 +21,13 @@
"navigationStyle": "custom"
}
},
{
"path": "pages/task/prizeList",
"style": {
"navigationBarTitleText": "任务",
"navigationStyle": "custom"
}
},
{
@ -35,7 +35,7 @@
"style": {
"navigationBarTitleText": "任务",
"navigationStyle": "custom"
}
},
{
@ -203,7 +203,7 @@
}
}
}, {
"path": "pages/chasingDrama/chasingDrama",
"path": "pages/yodwbsHlmJ/yodwbsHlmJ",
"style": {
"navigationBarTitleText": "追剧",
"enablePullDownRefresh": false
@ -268,7 +268,7 @@
}
},
{
"path": "pages/first/first",
"path": "pages/BdwbOqUuVz/BdwbOqUuVz",
"style": {
"navigationBarTitleText": "开屏广告",
"navigationStyle": "custom"
@ -284,10 +284,13 @@
"navigationBarBackgroundColor": "#FFFFFF"
}
}, {
"path": "balance/index",
"path": "HEWZtgyqRH/HEWZtgyqRH",
"style": {
"navigationBarTitleText": "我的余额"
}
}, {"path": "HEWZtgyqRH/YGivHgyqkI"
}, {
"path": "HEWZtgyqRH/EsBgyqacOi"
}, {
"path": "feedbackIndexczgw/feedbackIndexczgw",
"style": {
@ -303,13 +306,25 @@
"navigationBarBackgroundColor": "#FFFFFF"
}
}, {
"path": "message/index",
"path": "message/duanju-message-home",
"style": {
"navigationBarTitleText": "消息中心"
}
},
{
"path": "course/index",
"path": "message/new/first",
"style": {
"navigationBarTitleText": ""
}
},
{
"path": "message/new/getInfo",
"style": {
"navigationBarTitleText": ""
}
},
{
"path": "XxSqJQgyqr/XxSqJQgyqr",
"style": {
"navigationBarTitleText": "我的课程",
"enablePullDownRefresh": true,
@ -321,7 +336,7 @@
}
},
{
"path": "invite/index",
"path": "yaoqing/ymf-yaoqing-home",
"style": {
"navigationBarTitleText": "分享好友",
"navigationStyle": "custom",
@ -333,7 +348,7 @@
}
},
{
"path": "invite/inviteDet",
"path": "yaoqing/ymf-my-team",
"style": {
"navigationBarTitleText": "我的团队",
"h5": {
@ -344,7 +359,7 @@
}
},
{
"path": "invite/cashDetail",
"path": "yaoqing/ymg-yaoqing-tixian",
"style": {
"navigationBarTitleText": "申请提现",
"h5": {
@ -355,7 +370,7 @@
}
},
{
"path": "invite/zhifubao",
"path": "yaoqing/zhifubao-tixain",
"style": {
"navigationBarTitleText": "提现账号",
"h5": {
@ -366,7 +381,7 @@
}
},
{
"path": "invite/cashList",
"path": "yaoqing/ymf-yaoqing-tixian-jilu",
"style": {
"navigationBarTitleText": "提现记录",
"h5": {
@ -377,7 +392,7 @@
}
},
{
"path": "invite/moneyList",
"path": "yaoqing/redPack-mingxi",
"style": {
"navigationBarTitleText": "红包明细",
"h5": {
@ -399,7 +414,7 @@
}
},
{
"path": "collect/index",
"path": "doJbYBgyqb/doJbYBgyqb",
"style": {
"navigationBarTitleText": "我的收藏",
"enablePullDownRefresh": true,
@ -410,6 +425,12 @@
}
}
},
{
"path": "doJbYBgyqb/KtvdsgyqtH"
},
{
"path": "doJbYBgyqb/UUInDgyqbb"
},
{
"path": "setting/index",
"style": {
@ -461,7 +482,7 @@
}
},
{
"path": "setting/bind",
"path": "setting/FdwbsxoKnh",
"style": {
"navigationBarTitleText": "换绑手机号",
"h5": {
@ -559,62 +580,113 @@
}
}, {
"path": "wallet/wallet",
"path": "FrdwbsihPr/FrdwbsihPr",
"style": {
"navigationBarTitleText": "金币充值",
"enablePullDownRefresh": false
}
}, {
"path": "wallet/wallet_detail",
"path": "FrdwbsihPr/RSKjJIdwbH",
"style": {
"navigationBarTitleText": "金币明细",
"enablePullDownRefresh": true
}
}, {
"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": "注销账号",
@ -629,14 +701,29 @@
}
}, {
"path": "juqing/juqing",
"path": "juqing/duanju-juqing-home",
"style": {
"navigationBarTitleText": "剧情介绍",
"enablePullDownRefresh": true
}
},
{
"path": "juqing/new/first-select",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": true
}
}, {
"path": "wallpaper/wallpaper",
},
{
"path": "juqing/new/waiting-result",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": true
}
},{
"path": "mFYpdwbMdk/mFYpdwbMdk",
"style": {
"navigationBarTitleText": "壁纸",
"enablePullDownRefresh": true
@ -644,7 +731,7 @@
},
{
"path": "assistance/assistance",
"path": "rHTgyqGoIV/rHTgyqGoIV",
"style": {
"navigationBarTitleText": "助力领会员",
"navigationBarBackgroundColor": "#F22947",
@ -656,6 +743,12 @@
// #endif
}
},
{
"path": "rHTgyqGoIV/MrGTFgyqGE"
},
{
"path": "rHTgyqGoIV/ugyqNYtnJi"
},
{
"path": "setting/payXieYi",
"style": {
@ -664,7 +757,7 @@
}
},
{
"path": "wallet/wallets",
"path": "FrdwbsihPr/vkRFXBdwbe",
"style": {
"navigationBarTitleText": "充值",
"enablePullDownRefresh": false,
@ -672,12 +765,16 @@
}
},
{
"path": "choujiang/choujiang",
"path": "VjgyqAzklr/VjgyqAzklr",
"style": {
"navigationBarTitleText": "抽奖",
"navigationStyle": "custom"
}
},
{"path": "VjgyqAzklr/mEfjXGgyqJ"},
{
"path": "VjgyqAzklr/YQqgyqeKub"
},
{
"path": "giftczgw/giftczgw",
"style": {
@ -690,6 +787,18 @@
"style": {
"navigationBarTitleText": "兑换礼品"
}
},
{
"path": "yaoqing/new/create-fenshen",
"style": {
"navigationBarTitleText": ""
}
},
{
"path": "yaoqing/new/control-fenshen",
"style": {
"navigationBarTitleText": ""
}
}
]
},
@ -746,41 +855,36 @@
}
},
{
"path" : "blogger/blogger",
"style" :
{
"navigationBarTitleText" : "",
"path": "blogger/blogger",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
"path" : "blogger/details",
"style" :
{
"navigationBarTitleText" : "",
"path": "blogger/details",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
"path" : "topic/topic",
"style" :
{
"navigationBarTitleText" : "话题"
"path": "topic/topic",
"style": {
"navigationBarTitleText": "话题"
}
},
{
"path" : "topic/reserve",
"style" :
{
"navigationBarTitleText" : "",
"path": "topic/reserve",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
"path" : "tools/tools",
"style" :
{
"navigationBarTitleText" : "",
"path": "tools/tools",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
}
@ -802,8 +906,7 @@
"backgroundColor": "#FFFFFF",
"borderStyle": "black",
"list": [
{
"list": [{
"pagePath": "pages/task/index",
"iconPath": "static/tabbar/task@2x.png",
"selectedIconPath": "static/tabbar/task_@2x.png",
@ -828,7 +931,7 @@
// "selectedIconPath": "static/tabbar/learn_@2x.png",
// "text": "推荐"
// },
// {
// "pagePath": "pages/chasingDrama/chasingDrama",
// "iconPath": "static/tabbar/zhuiju.png",

Some files were not shown because too many files have changed in this diff Show More