bnyer
/
bnyer-cloud-hub
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity
Browse Source

页面样式, 添加iconfont, 删除多余静态资源

feature-1.0
helming 3 years ago
parent
551238ca9f
commit
a9ea7c03c3
69 changed files with 1394 additions and 1045 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      App.vue
  2. 11
      components/money-view/money-view.vue
  3. 131
      pages-userInfo/extends/extends.vue
  4. 2
      pages-userInfo/notice/notice.vue
  5. 36
      pages-userInfo/notice/noticeDetail.vue
  6. 41
      pages-userInfo/setting/compoSign.vue
  7. 41
      pages-userInfo/setting/secretSign.vue
  8. 121
      pages-userInfo/setting/setting.vue
  9. 239
      pages-userInfo/withdraw/withdraw.vue
  10. 49
      pages-userInfo/withdraw/withdrawDetail.vue
  11. 119
      pages-userInfo/withdraw/withdrawIndex.vue
  12. 59
      pages-userInfo/withdraw/withdrawLog.vue
  13. 47
      pages/index/index.vue
  14. 2
      pages/index/material/imgDetail.vue
  15. 4
      pages/index/upload/upload.vue
  16. 12
      pages/login/login.vue
  17. 20
      pages/profit/profit.vue
  18. 80
      pages/profit/profitEndDetails.vue
  19. 57
      pages/profit/profitEndOrder.vue
  20. 78
      pages/profit/profitInDetails.vue
  21. 61
      pages/profit/profitInOrder.vue
  22. 69
      pages/profit/profitPreDetails.vue
  23. 22
      pages/userInfo/userInfo.vue
  24. BIN
      static/active.png
  25. BIN
      static/advertIcon.png
  26. BIN
      static/aliPay.png
  27. BIN
      static/collect-select.png
  28. BIN
      static/collect.png
  29. BIN
      static/collectLength.png
  30. 20
      static/customicons.css
  31. BIN
      static/customicons.ttf
  32. BIN
      static/download-select.png
  33. BIN
      static/download.png
  34. BIN
      static/emoBack.png
  35. BIN
      static/friendBack.png
  36. BIN
      static/gifBack.png
  37. BIN
      static/headBack.png
  38. BIN
      static/hot-not.png
  39. BIN
      static/hot-yes.png
  40. 97
      static/icon/iconfont.css
  41. BIN
      static/icon/iconfont.ttf
  42. BIN
      static/iconAbout.png
  43. BIN
      static/iconContactUs.png
  44. BIN
      static/iconInvite.png
  45. BIN
      static/iconInviteLog.png
  46. BIN
      static/iconNotice.png
  47. BIN
      static/iconWithdraw.png
  48. 2
      static/img/share.svg
  49. 2
      static/img/slide-top.svg
  50. BIN
      static/img/start.gif
  51. BIN
      static/imgLength.png
  52. BIN
      static/index-default.png
  53. BIN
      static/index-select.png
  54. BIN
      static/inviteIcon.png
  55. BIN
      static/iwatchBack.png
  56. BIN
      static/jiantou-right.png
  57. BIN
      static/like-select.png
  58. BIN
      static/like.png
  59. BIN
      static/likeLength.png
  60. BIN
      static/logo.png
  61. BIN
      static/mine-default.png
  62. BIN
      static/mine-select.png
  63. BIN
      static/phoneBack.png
  64. BIN
      static/right.png
  65. BIN
      static/share.png
  66. BIN
      static/theme-default.png
  67. BIN
      static/theme-select.png
  68. BIN
      static/wxPay.png
  69. 2
      uni.scss

5
App.vue
View File

@ -14,10 +14,11 @@
</script>
<style lang="scss">
/*iconfont*/
@import "@/static/icon/iconfont.css";
/*每个页面公共css */
@import '@/uni_modules/uni-scss/index.scss';
/* #ifndef APP-NVUE */
@import '@/static/customicons.css';
// 设置整个项目的背景色
page {
min-height: 100vh;

11
components/money-view/money-view.vue
View File

@ -43,8 +43,11 @@ export default {
hiddenValue: '******',
}
},
created() {
this.moneyValue = this.moneyFormat(this.value, 2, ',')
},
methods: {
thousandFormat(num) {
thousandFormat(num, split) {
const len = num.length
return len <= 3 ? num : this.thousandFormat(num.substr(0, len - 3)) + split + num.substr(len - 3, 3)
},
@ -63,7 +66,7 @@ export default {
let res = 0;
const dotIndex = String(num).indexOf('.');
if (dotIndex === -1) { // 整数
res = this.thousandFormat(String(num)) + '.' + '0'.repeat(decimal)
res = this.thousandFormat(String(num), split) + '.' + '0'.repeat(decimal)
} else { // 非整数
// js四舍五入 Math.round()：正数时4舍5入，负数时5舍6入
// Math.round(1.5) = 2
@ -72,7 +75,7 @@ export default {
// 保留decimals位小数
const numStr = String((Math.round(num * Math.pow(10, decimal)) / Math.pow(10, decimal)).toFixed(decimal)) // 四舍五入，然后固定保留2位小数
const decimals = numStr.slice(dotIndex, dotIndex + decimal + 1) // 截取小数位
res = this.thousandFormat(numStr.slice(0, dotIndex)) + decimals
res = this.thousandFormat(numStr.slice(0, dotIndex), split) + decimals
}
return res
}
@ -91,7 +94,7 @@ export default {
</script>
<style scoped lang="scss">
.money-format-view {
min-width: 80rpx;
//min-width: 80rpx;
}
.money-hidden {

131
pages-userInfo/extends/extends.vue
View File

@ -1,20 +1,18 @@
<template>
<view class="back">
<!-- <view class="back-top"></view> -->
<view class="uni-radius back-con uni-shadow-sm">
<view class="">
<view class="container">
<view class="invite-comp">
<view class="invite-code-div">
<view class="back-con-top"> 邀请码 </view>
<view class="inviteCode">
{{userInfo.inviteCode}}
</view>
</view>
<view class="border"></view>
<view class="">
<view class="back-con-top"> 微信邀请 </view>
<button @click="" open-type="share">点击邀请</button>
<view class="invite-code-btn">
<button class="invite-btn" @click="" open-type="share">点击邀请</button>
</view>
</view>
<view class="invited-list-title">已邀请</view>
<view>
<uni-list border-full v-for="(item,index) in inviteLogList" :key="index">
<uni-list-item :title="item.invitedScanCode" :note="item.createTime" :thumb="item.img" thumb-size="lg" />
@ -109,55 +107,88 @@
}
</script>
<style lang="scss">
.back {
width: 100%;
height: 320px;
position: relative;
}
.back-con {
width: 95%;
left: 50%;
top: 42%;
transform: translate(-50%, -50%);
background-color: white;
position: relative;
height: 440rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.back2 {
width: 100%;
}
.back-top {
width: 100%;
position: absolute;
height: 240rpx;
background: #416bdc;
}
<style lang="scss" scoped>
.container {
width: 670rpx;
margin: 20rpx auto;
.invite-comp {
background: $uni-bg-base-color;
border-radius: 20rpx;
padding: 40rpx;
.invite-code-div {
.back-con-top {
color: $uni-white;
font-size: 28rpx;
line-height: 60rpx;
text-align: center;
}
.inviteCode {
color: $uni-primary;
font-size: 40rpx;
font-weight: 600;
margin: 40rpx 0 30rpx 0;
display: flex;
justify-content: center;
line-height: 80rpx;
text-align: center;
}
}
.border {
width: 95%;
height: 2rpx;
margin-top: 19rpx;
background-color: rgb(165, 165, 165);
background: $uni-secondary-color;
margin-top: 40rpx;
margin-bottom: 40rpx;
}
.ivOver{
width: 100%;
height:100rpx;
line-height: 100rpx;
text-align: center;
background: #fff;
font-size: 20rpx;
.invite-code-btn {
.invite-btn {
color: $uni-btn-text-color;
}
}
}
.invited-list-title {
color: $uni-white;
font-size: 28rpx;
line-height: 60rpx;
margin-top: 20rpx;
margin-bottom: 20rpx;
}
::v-deep .uni-list {
background: $uni-bg-base-color !important;
margin-bottom: 20rpx;
border-radius: 24rpx;
overflow: hidden;
}
::v-deep .uni-list-item {
background: $uni-bg-base-color !important;
}
::v-deep .uni-list--border-top {
display: none !important;
}
::v-deep .uni-list--border-bottom {
display: none !important;
}
::v-deep .uni-list-item__content-title {
color: $uni-white !important;
}
::v-deep .uni-list-item__content-note {
color: $uni-secondary-color !important;
}
}
</style>

2
pages-userInfo/notice/notice.vue
View File

@ -117,7 +117,7 @@ page {
<style lang="scss" scoped>
.container {
width: 670rpx;
margin: 0 auto;
margin: 20rpx auto;
::v-deep .uni-list {
background: $uni-bg-base-color !important;

36
pages-userInfo/notice/noticeDetail.vue
View File

@ -1,5 +1,5 @@
<template>
<view>
<view class="notice-detail-content">
<uni-card v-bind:title="noticeDetail.title">
<text class="uni-body">{{noticeDetail.content}}</text></br>
<view class="bottom">
@ -71,8 +71,38 @@
}
</script>
<style>
<style lang="scss" scoped>
.notice-detail-content {
::v-deep .uni-card {
min-height: calc(100vh - 80rpx);
margin: 40rpx !important;
background: $uni-bg-base-color;
border-color: $uni-bg-base-color;
padding: 0 !important;
border-radius: 20rpx !important;
}
::v-deep .uni-card__header {
height: 60rpx;
border-bottom-color: $uni-secondary-color;
}
::v-deep .uni-card__header-content-title {
color: $uni-white !important;
font-size: 28rpx !important;
}
::v-deep .uni-body {
color: $uni-secondary-color;
font-size: 24rpx;
}
.bottom{
margin-top:40rpx;
color: $uni-secondary-color;
font-size: 24rpx;
text-align: right;
margin-top: 60rpx;
}
}
</style>

41
pages-userInfo/setting/compoSign.vue
View File

@ -1,5 +1,5 @@
<template>
<view>
<view class="container">
<uni-card title="合作协议">
<view>
<text class="uni-body">
@ -44,10 +44,10 @@
3、用户个人信息保护
公司与您一同致力于您个人信息（即能够独立或与其他信息结合后识别用户身份的信息）的保护，保护用户个人信息是公司的基本原则之一。在使用次元HuB及相关服务的过程中，您可能需要提供您的个人信息（包括但不限于姓名、电话号码、位置信息等），以便公司向您提供更好的服务和相应的技术支持。公司将运用加密技术、匿名化处理等其他与次元HuB及相关服务相匹配的技术措施及其他安全措施保护您的个人信息，更多关于用户个人信息保护的内容，请参见
</text>
<navigator url="/pages-userInfo/setting/secretSign" style="color: blue;display: inline-block;">《隐私协议》</navigator>
<navigator url="/pages-userInfo/setting/secretSign" :style="{color: primaryColor, display: 'inline-block'}">《隐私协议》</navigator>
</view>
<view>
<text>
<text class="uni-body">
4、权利和义务
4.1 行为要求您应当对您使用本服务的行为负责，除非法律允许或者经公司事先书面许可，您使用本服务不得具有下列行为：
@ -254,7 +254,6 @@
12.5 您和公司均是独立的主体，在任何情况下本协议不构成公司对用户的任何形式的明示或暗示担保或条件，双方之间亦不构成代理、合伙、合营或雇佣关系。
更新日期：2022/12/20
生效日期：2022/12/20
</text>
@ -272,6 +271,7 @@
export default {
data() {
return {
primaryColor: '#0b6375',
userInfo:{}
}
},
@ -300,8 +300,39 @@
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.container {
::v-deep .uni-card {
min-height: calc(100vh - 80rpx);
margin: 40rpx !important;
background: $uni-bg-base-color;
border-color: $uni-bg-base-color;
border-radius: 20rpx !important;
}
::v-deep .uni-card__header {
height: 60rpx;
border-bottom-color: $uni-secondary-color;
}
::v-deep .uni-card__header-content-title {
color: $uni-white !important;
font-size: 28rpx !important;
}
::v-deep .uni-body {
color: $uni-secondary-color;
font-size: 24rpx;
}
.bottom{
color: $uni-secondary-color;
font-size: 24rpx;
text-align: right;
margin-top: 60rpx;
}
}
</style>

41
pages-userInfo/setting/secretSign.vue
View File

@ -1,33 +1,28 @@
<template>
<view>
<view class="container">
<uni-card title="隐私协议">
<text class="uni-body">
本指引是节点壁纸小程序开发者收集、使用和存储你的信息而制定。
开发者收集你的用户信息（用户昵称、头像、性别、地区），用于产品内个人信息展示
开发者收集你的相册，用于保存图片
开发者对信息的存储
存储地点: 境内
存储期限: 小程序停止运营后及时删除
信息的使用规则
开发者将会在本指引所涵盖的用途内使用收集的信息。
如开发者使用你的信息超出本指引目的或合理范围，会及时更新本指引，同时，开发者在使用你的信息前，再次以小程序浮窗等方式告知并征得你的明示同意。
开发者承诺
不会主动共享或转让你的信息至任何第三方，如存在确需共享或转让时，开发者应当直接或确认第三方征得你的明示同意。
不会对外公开披露你的信息，如必须公开披露时，开发者应当向你告知公开披露的目的、披露信息的类型及可能涉及的信息，并征得你的明示同意，开发者在使用你的信息前，再次以小程序浮窗等方式告知并征得你的明示同意。
@ -36,7 +31,6 @@
邮箱:2500338766@qq.com
更新日期：2022/12/20
生效日期：2022/12/20
</text></br>
@ -81,8 +75,39 @@
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.container {
::v-deep .uni-card {
min-height: calc(100vh - 80rpx);
margin: 40rpx !important;
background: $uni-bg-base-color;
border-color: $uni-bg-base-color;
border-radius: 20rpx !important;
}
::v-deep .uni-card__header {
height: 60rpx;
border-bottom-color: $uni-secondary-color;
}
::v-deep .uni-card__header-content-title {
color: $uni-white !important;
font-size: 28rpx !important;
}
::v-deep .uni-body {
color: $uni-secondary-color;
font-size: 24rpx;
}
.bottom{
color: $uni-secondary-color;
font-size: 24rpx;
text-align: right;
margin-top: 60rpx;
}
}
</style>

121
pages-userInfo/setting/setting.vue
View File

@ -1,12 +1,12 @@
<template>
<view class="container">
<uni-group mode="card">
<uni-list>
<uni-list-item title="艺术家合作协议" :show-extra-icon="true" :extra-icon="compoSign" link to="/pages-userInfo/setting/compoSign"></uni-list-item>
<uni-list-item title="艺术家隐私协议" :show-extra-icon="true" :extra-icon="secretSign" link to="/pages-userInfo/setting/secretSign"></uni-list-item>
<uni-list-item title="注销登录" :show-extra-icon="true" :extra-icon="logout" clickable showArrow @click="logoutUser"></uni-list-item>
</uni-list>
</uni-group>
<view class="foot-item-box" v-for="(item, index) in list" :index="index" :key="index" >
<view class="list-click-item" @click="clickItem(item)">
<uni-icons class="listIconImage" :custom-prefix="item.iconType" :type="item.icon" size="20" :color="iconColor" ></uni-icons>
<div class="text uni-white">{{item.title}}</div>
<uni-icons type="right" size="12" color="#ffffff" />
</view>
</view>
</view>
</template>
@ -17,26 +17,27 @@
export default {
data() {
return {
clearCache: {
color:'#0000ff',
size: '22',
type: 'refresh'
},
compoSign: {
color:'#0000ff',
size: '22',
type: 'compose'
},
secretSign: {
color:'#0000ff',
size: '22',
type: 'eye-slash'
},
logout: {
color:'#0000ff',
size: '22',
type: 'redo'
},
iconColor: '#0b6375',
list: [{
url: '/pages-userInfo/setting/compoSign',
title: '艺术家合作协议',
click: 'link',
iconType: '',
icon: 'compose'
}, {
url: '/pages-userInfo/setting/secretSign',
title: '艺术家隐私协议',
click: 'link',
iconType: '',
icon: 'eye-slash'
}, {
url: 'logoutUser',
title: '注销登录',
click: 'click',
iconType: '',
icon: 'redo'
}
],
userInfo:{}
}
},
@ -59,23 +60,6 @@
console.log('have userInfo')
}
},
// // 下拉刷新
// onPullDownRefresh() {
// this.pageNum = 1
// this.inviteLogList = []
// this.getInviteLog();
// uni.stopPullDownRefresh()
// },
// // 上划加载更多
// onReachBottom() {
// if (this.inviteLogList.length > this.pageSize*this.pageNum-1) {
// this.flag = false;
// this.pageNum += 1
// this.getInviteLog();
// }else{
// this.flag = true;
// }
// },
methods: {
//注销
logoutUser(){
@ -108,20 +92,53 @@
}
}
});
},
clickItem(item) {
if (item.click === 'link') {
/** 跳转指定页面*/
uni.navigateTo({
url: item.url
});
} else if (item.click === 'click') {
this[item.url]();
}
}
}
}
</script>
<style lang="scss">
.ivOver{
width: 100%;
height:100rpx;
line-height: 100rpx;
text-align: center;
background: #fff;
font-size: 20rpx;
<style lang="scss" scoped>
.container {
width: 670rpx;
margin: 20rpx auto;
.foot-item-box {
width: calc(100% - 40rpx);
background: #1d2734;
border-radius: 20rpx;
padding: 20rpx;
margin-bottom: 20rpx;
.list-click-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 60rpx;
.listIconImage{
width: 40rpx;
height: 40rpx;
}
.text {
font-size: 24rpx;
line-height: 40rpx;
width: 500rpx;
}
}
}
}
</style>

239
pages-userInfo/withdraw/withdraw.vue
View File

@ -1,38 +1,46 @@
<template>
<view class="page-bg">
<view class="main-container">
<view class="tl-panel">
<view class="tl-font-28-29">提现金额</view>
<view class="withdraw-input-box">
<view class="withdraw-title">提现金额</view>
<view class="input-box">
¥ <input type="text" placeholder="输入金额" placeholder-class="pch"
class="input-value" @blur="checkAmt()" value="" v-model="amt"/>
</view>
<view class="tl-font-28-9b">当前余额为￥{{userInfo.amt}} </view>
<view class="tl-font-28-9b">小贴士：提现金额不少于1元 </view>
<view class="withdraw-amount">当前余额为￥{{userInfo.amt}} </view>
<view class="withdraw-amount-tip">小贴士：提现金额不少于1元 </view>
</view>
<view class="tl-red tl-title-62" v-if="checkFlag == true">输入金额超过当前余额</view>
<view class="error-message" v-if="checkFlag == true">输入金额超过当前余额</view>
<view class="tl-font-28-29 tl-title-60">选择提现至</view>
<view class="withdraw-title tl-title-margin">选择提现至</view>
<view class="tl-panel-2 tl-flex-row">
<radio-group @change="radioChange">
<view class="withdraw-account-list">
<radio-group @change="radioChange" :style="'width: 100%'">
<label v-for="(item, index) in creatorAccountList" :key="index">
<view class="withdrawBox">
<view v-if="item.type == '0'">
<image :src="payType[0].icon" class="tl-img-76"></image>
<view class="withdrawBox-title">
<view class="account-icon" v-if="item.type == '0'">
<uni-icons custom-prefix="iconfont" :type="payType[0].icon" size="20" :color="payType[0].color" ></uni-icons>
</view>
<view v-if="item.type == '1'">
<image :src="payType[1].icon" class="tl-img-76"></image>
<view class="account-icon" v-if="item.type == '1'">
<uni-icons custom-prefix="iconfont" :type="payType[1].icon" size="20" :color="payType[1].color" ></uni-icons>
</view>
<view v-if="item.type == '2'">
<image :src="payType[2].icon" class="tl-img-76"></image>
<view class="account-icon" v-if="item.type == '2'">
<uni-icons custom-prefix="iconfont" :type="payType[2].icon" size="20" :color="payType[2].color" ></uni-icons>
</view><!-- 0->微信 1->银行卡 2->支付宝 -->
<view class="tl-font-28-34 tl-name" v-if="item.type == '0'">{{payType[0].title}} {{item.accountNo}}</view>
<view class="tl-font-28-34 tl-name" v-if="item.type == '1'">{{payType[1].title}} {{item.accountNo}}</view>
<view class="tl-font-28-34 tl-name" v-if="item.type == '2'">{{payType[2].title}} {{item.accountNo}}</view>
<view class="account-title" v-if="item.type == '0'">
{{payType[0].title}} {{item.accountNo}}
</view>
<view class="account-title" v-if="item.type == '1'">
{{payType[1].title}} {{item.accountNo}}
</view>
<view class="account-title" v-if="item.type == '2'">
{{payType[2].title}} {{item.accountNo}}
</view>
</view>
<view>
<radio :value="JSON.stringify(item)" color="#F2C827" :checked="item.isUse === '1'" class="radioStyle"/>
<radio :value="JSON.stringify(item)" color="#0b6375" :checked="item.isUse === '1'" class="radioStyle"/>
<!-- <uni-data-checkbox v-model="item" :localdata="range" @change="change"></uni-data-checkbox> -->
</view>
</view>
@ -40,7 +48,7 @@
</radio-group>
</view>
<view class="tl-footer">
<button class="tl-btn-686 tl-font-28-29" @click="$noMultipleClicks(withdraw)">提现</button>
<button class="withdraw-btn" @click="$noMultipleClicks(withdraw)">提现</button>
</view>
</view>
@ -64,18 +72,23 @@
accountNo: '',
type: '',
current: 0,
payType: [{
icon: '/static/wxPay.png',
payType: [
{
icon: 'icon-weixin',
title: '微信',
color: '#15ba11'
},
{
icon: '/static/wxPay.png',
icon: 'icon-yinhangka',
title: '银行卡',
color: '#0b6375'
},
{
icon: '/static/aliPay.png',
icon: 'icon-zhifubao',
title: '支付宝',
}],
color: '#027aff'
}
],
}
},
created() {
@ -269,60 +282,54 @@
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.page-bg {
width: 100vw;
height: 100vh;
overflow: hidden;
background-size: 750rpx auto;
background-color: #F7F7F7;
}
.main-container {
width: 686rpx;
width: 670rpx;
margin: 0 auto;
display: flex;
flex-direction: column;
margin-top: 36rpx;
}
.tl-panel{
width: 686rpx;
height: 296rpx;
padding: 32rpx;
background: #FFFFFF;
border-radius: 8rpx;
}
.withdraw-input-box{
width: 590rpx;
padding: 40rpx;
background: $uni-bg-base-color;
border-radius: 10rpx;
}
.tl-font-28-29{
.withdraw-title{
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #292929;
color: $uni-white;
}
.tl-font-28-9b{
.withdraw-amount{
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #9B9B9B;
color: $uni-secondary-color;
margin-top: 18rpx;
}
.tl-font-32-29{
font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
.withdraw-amount-tip{
font-size: 28rpx;
font-weight: 400;
color: #292929;
color: $uni-white;
margin-top: 18rpx;
}
.input-box {
height: 100rpx;
width: 650rpx;
width: 590rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 60rpx;
font-family: PingFang SC;
font-weight: bold;
color: #43413C;
color: $uni-white;
opacity: 1;
border-bottom: 2rpx solid #E7E9EE;;
border-bottom: 2rpx solid $uni-secondary-color;;
}
.input-box .input-value {
flex: 1 auto;
@ -337,100 +344,24 @@
flex-wrap: wrap;
text-align: center;
}
.tl-panel-2{
width: 686rpx;
padding: 32rpx;
background: #FFFFFF;
border-radius: 8rpx;
}
.tl-title-60{
margin: 30rpx 0 20rpx 0;
.withdraw-account-list{
width: 590rpx;
padding: 40rpx;
background: $uni-bg-base-color;
border-radius: 10rpx;
}
.tl-title-62{
margin: 25rpx 0 30rpx 0;
.tl-title-margin{
margin: 20rpx 0;
}
.tl-panel-card{
width: 194rpx;
height: 136rpx;
line-height: 136rpx;
background: #F7F7F7;
border-radius: 8rpx;
}
.active{
background: #FEF5DD;
border-radius: 8rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #F2C827;
}
.tl-footer{
margin-top: 120rpx;
}
.tl-btn-686{
width: 686rpx;
height: 88rpx;
line-height: 88rpx;
background: #185dff;
border-radius: 8rpx;
color:white;
}
.tl-blue{
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #2793F2;
}
.tl-img-76{
width: 76rpx;
height: 76rpx;
border-radius: 38rpx;
}
.tl-red{
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
.error-message{
font-size: 26rpx;
font-weight: 400;
color: #E04646;
margin: 20rpx 0 0;
}
/*** 模态框 ***/
.tl-flex-row{
display: flex;
justify-content: space-between;
align-items: center;
}
.tl-line-down{
border-bottom: 2rpx solid #EAEAEA;
margin: 60rpx 0 20rpx 0;
padding-bottom: 30rpx;
}
.tl-line-16{
width: 748rpx;
height: 16rpx;
background: #F7F7F7;
}
.tl-font-60-02{
font-size: 60rpx;
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold;
color: #020202;
}
.tl-font-24-9b{
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #9B9B9B;
}
.ml-12{
margin-left: 12rpx;
}
.tl-text{
width: 450rpx;
display: -webkit-box; /*弹性伸缩盒子模型显示*/
@ -438,13 +369,39 @@
-webkit-line-clamp: 1; /*显示文本行数(这里控制多少行隐藏)*/
overflow: hidden; /*溢出隐藏*/
}
.withdrawBox{
display: flex;
justify-content: space-between;
align-items: center;
margin: 40rpx 40rpx 20rpx 10rpx;
margin: 20rpx 0;
.withdrawBox-title {
display: flex;
align-items: center;
line-height: 48rpx;
}
.account-icon {
height: 48rpx;
width: 48rpx;
text-align: center;
margin-right: 20rpx;
}
.account-title {
font-size: 26rpx;
color: $uni-white;
}
.radioStyle{
margin-left: 200rpx;
}
.tl-footer{
margin-top: 120rpx;
}
.withdraw-btn {
color: $uni-btn-text-color;
}
</style>

49
pages-userInfo/withdraw/withdrawDetail.vue
View File

@ -1,41 +1,40 @@
<template>
<view>
<view class="container">
<view class="back-top"></view>
<uni-group mode="card" class="card">
<view class="box">
<text class="title">订单号:</text>
<text>{{ withdrawDetailInfo.orderId }}</text>
<text>{{ withdrawDetailInfo.orderId || '' }}</text>
</view>
<view class="box" v-if="withdrawDetailInfo.channel == '2'">
<text class="title">手机号:</text>
<text>{{withdrawDetailInfo.phone }}</text>
<text>{{withdrawDetailInfo.phone || ''}}</text>
</view>
<view class="box" v-if="withdrawDetailInfo.channel == '1'">
<text class="title">银行卡:</text>
<text>{{withdrawDetailInfo.bankNo }}</text>
<text>{{withdrawDetailInfo.bankNo || '' }}</text>
</view>
<view class="box">
<text class="title">提现金额:</text>
<text style="color: red">{{ withdrawDetailInfo.amt }}</text>
<MoneyView :character="'￥'" :size="26" :value="orderDetail.profit || 0" :color="'#0b6375'"/>
</view>
<view class="box">
<text class="title">渠道:</text>
<text>{{ setChannel(withdrawDetailInfo.channel) }}</text>
<text>{{ setChannel(withdrawDetailInfo.channel) || ''}}</text>
</view>
<view class="box">
<text class="title">状态:</text>
<text>{{ setStatus(withdrawDetailInfo.status) }}</text>
<text>{{ setStatus(withdrawDetailInfo.status) || ''}}</text>
</view>
<view class="border"></view>
<view class="box">
<text class="title">提现时间:</text>
<text>{{withdrawDetailInfo.createTime}}</text>
<text>{{withdrawDetailInfo.createTime || ''}}</text>
</view>
<view class="box">
<text class="title">审核理由:</text>
<text>{{withdrawDetailInfo.reason}}</text>
<text>{{withdrawDetailInfo.reason || ''}}</text>
</view>
<view class="box">
<text class="title">到账时间:</text>
@ -49,7 +48,11 @@
import {
getWithdrawDetails
} from '@/api/userInfo.js'
import MoneyView from "@/components/money-view/money-view.vue"
export default {
components: {
MoneyView
},
data() {
return {
withdrawDetailInfo: {
@ -133,37 +136,45 @@
}
</script>
<style>
<style lang="scss" scoped>
.container {
.back-top {
width: 100%;
position: absolute;
height: 240rpx;
background: #416bdc;
background: $uni-primary;
}
.card {
width: 100%;
position: absolute;
}
.uni-group--card {
margin-top: 40rpx !important;
::v-deep .uni-group--card {
margin: 40rpx !important;
background: $uni-bg-base-color !important;
padding-top: 40rpx;
border-radius: 20rpx !important;
}
.title {
color: $uni-white;
display: block;
width: 140rpx;
margin-right: 20rpx;
font-weight: bold;
font-size: 26rpx;
font-weight: 600;
}
.box {
display: flex;
font-size: 24rpx;
margin-bottom: 40rpx;
color: $uni-secondary-color;
line-height: 26rpx;
}
.card view:first-child {
margin-top: 20rpx;
}
.border {
width: 100%;
height: 2rpx;
background: rgb(229, 229, 229);
background: $uni-secondary-color;
margin-bottom: 40rpx;
}
}
</style>

119
pages-userInfo/withdraw/withdrawIndex.vue
View File

@ -1,41 +1,51 @@
<template>
<view class="container">
<view class="head">
<uni-icons type="medal" size="50"/>
<view class="box">
<uni-icons custom-prefix="iconfont" :type="'icon-tixian'" size="50" :color="iconColor" ></uni-icons>
<view class="account-balance-title-box">
<text>钱包余额</text>
</view>
<view class="box">
<text>￥{{userInfo.amt}}</text>
<view class="account-balance-box"> <!-- userInfo.amt -->
<MoneyView :character="'￥'" :value="userInfo.amt || 0" :size="60"/>
</view>
<button class="withdrawBtn" size="default" :loading="loadingFlag" @click="withdraw('/pages-userInfo/withdraw/withdraw')" :disabled="checkUpload">发起提现</button>
</view>
<view class="bottom">
<uni-group mode="card">
<uni-list>
<uni-list-item title="管理收款账户" :show-extra-icon="true" :extra-icon="wallet" link to="/pages-userInfo/creatorAccount/creatorAccount"></uni-list-item>
<uni-list-item title="提现记录" :show-extra-icon="true" :extra-icon="withlog" link to="/pages-userInfo/withdraw/withdrawLog"></uni-list-item>
</uni-list>
</uni-group>
<view class="foot-item-box" v-for="(item, index) in list" :index="index" :key="index" >
<view class="list-click-item" @click="clickItem(item)">
<uni-icons class="listIconImage" :custom-prefix="item.iconType" :type="item.icon" size="20" :color="iconColor" ></uni-icons>
<div class="text uni-white">{{item.title}}</div>
<uni-icons type="right" size="12" color="#ffffff" />
</view>
</view>
</view>
</view>
</template>
<script>
import MoneyView from "@/components/money-view/money-view.vue";
export default {
components: {
MoneyView
},
data() {
return {
iconColor: '#0b6375',
userInfo: {},
wallet: {
color:'#0000ff',
size: '22',
type: 'wallet'
},
withlog: {
color:'#0000ff',
size: '22',
type: 'compose'
list: [{
url: '/pages-userInfo/creatorAccount/creatorAccount',
title: '管理收款账户',
click: 'link',
iconType: '',
icon: 'wallet'
}, {
url: '/pages-userInfo/withdraw/withdrawLog',
title: '提现记录',
click: 'link',
iconType: '',
icon: 'compose'
},
],
}
},
@ -71,41 +81,76 @@
uni.navigateTo({
url: url
})
},
clickItem(item) {
if (item.click === 'link') {
/** 跳转指定页面*/
uni.navigateTo({
url: item.url
});
} else if (item.click === 'click') {
this[item.url]();
}
}
}
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.container{
width: 670rpx;
margin: 0 auto;
.head{
margin-bottom: 50rpx;
text-align: center;
.box{
//border:1px red solid;
padding-bottom: 30rpx;
}
.account-balance-title-box {
color: $uni-white;
font-size: 28rpx;
margin-top: 40rpx;
}
.account-balance-box {
margin-bottom: 40rpx;
}
.withdrawBtn{
width: 710rpx;
color: $uni-btn-text-color;
}
}
.bottom {
.foot-item-box {
width: calc(100% - 40rpx);
background: #1d2734;
border-radius: 20rpx;
padding: 20rpx;
margin-bottom: 20rpx;
.list-click-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 60rpx;
background-color: royalblue;
color: #ffffff;
font-size: 30rpx;
line-height: 62rpx;
border-radius: 17rpx;
margin-top:100rpx;
.listIconImage{
width: 40rpx;
height: 40rpx;
}
.uni-list-item__icon-img {
border-radius: 16rpx;
.text {
font-size: 24rpx;
line-height: 40rpx;
width: 500rpx;
}
.uni-list-item__content-title {
font-size: 28rpx;
color: #3b4144;
overflow: hidden;
}
}
}
}
</style>

59
pages-userInfo/withdraw/withdrawLog.vue
View File

@ -20,7 +20,7 @@
<view>
{{ setChannel(item.channel) }}
</view>
<view style="color: #4d6aff">
<view :class="'primary-color'">
{{ setStatus(item.status)}}
</view>
</view>
@ -137,26 +137,50 @@
}
</script>
<style lang="scss">
.uni-list-item__icon-img {
border-radius: 16rpx;
}
.ivOver{
width: 100%;
height:100rpx;
line-height: 100rpx;
text-align: center;
background: #fff;
font-size: 20rpx;
<style lang="scss" scoped>
.container {
width: 670rpx;
margin: 20rpx auto;
::v-deep .uni-list {
background: $uni-bg-base-color !important;
margin-bottom: 20rpx;
border-radius: 24rpx;
overflow: hidden;
}
::v-deep .uni-list-item {
background: $uni-bg-base-color !important;
}
::v-deep .uni-list--border-top {
display: none !important;
}
::v-deep .uni-list--border-bottom {
display: none !important;
}
::v-deep .uni-list-item__content-title {
color: $uni-white !important;
}
::v-deep .uni-list-item__content-note {
color: $uni-secondary-color !important;
}
}
.box {
display: flex;
padding-right: 16rpx;
flex: 1;
color: #3b4144;
color: $uni-secondary-color;
flex-direction: column;
justify-content: center;
overflow: hidden;
.primary-color {
color: $uni-primary;
}
}
.box-bot {
display: flex;
@ -164,14 +188,11 @@
}
.box-bot view {
border-radius: 6rpx;
border: 2rpx solid #4d6aff;
color: $uni-secondary-color;
border: 2rpx solid $uni-primary;
padding: 4rpx 10rpx;
margin-right: 10rpx;
font-size: 24rpx;
}
.uni-list-item__content-title {
font-size: 28rpx;
color: #3b4144;
overflow: hidden;
}
</style>

47
pages/index/index.vue
View File

@ -27,14 +27,16 @@
</view>
<view class="foot">
<view class="foot-title">我的作品</view>
<view class="foot-div">
<view class="grid-item-box uni-white" v-for="(params, v) in list" :index="v" :key="v" @click="clickCategoryItem(params.typeId, v)">
<!-- <uni-icons type="image" :size="30" color="#777" /> -->
<view class="icom-div">
<image :src="params.icon" class="listIconImage" mode="aspectFill" />
<!-- <image :src="params.icon" class="listIconImage" mode="aspectFill" />-->
<uni-icons class="listIconImage" custom-prefix="iconfont" :type="params.icon" size="30" :color="iconColor"></uni-icons>
</view>
<text class="text">{{ params.text }}</text>
<text class="text">{{ params.num }}</text>
<text class="text uni-white">{{ params.text }}</text>
<text class="text uni-secondary-color">{{ params.num }}</text>
</view>
</view>
</view>
@ -50,6 +52,7 @@
export default {
data() {
return {
iconColor: '#0b6375',
userInfo:{},
banner:[
{
@ -84,37 +87,37 @@
typeId: 1,
text: '头像',
num: '0',
icon: '/static/headBack.png'
icon: 'icon-touxiang'
},
{
typeId: 2,
text: 'Gif动图',
num: '0',
icon: '/static/gifBack.png'
icon: 'icon-GIF'
},
{
typeId: 3,
text: '手机壁纸',
num: '0',
icon: '/static/phoneBack.png'
icon: 'icon-shouji'
},
{
typeId: 4,
text: '背景图',
num: '0',
icon: '/static/friendBack.png'
icon: 'icon-pengyouquan'
},
{
typeId: 5,
text: '表情包',
num: '0',
icon: '/static/emoBack.png'
icon: 'icon-xiaolian'
},
{
typeId: 6,
text: 'iwatch',
num: '0',
icon: '/static/iwatchBack.png'
icon: 'icon-watch'
}
]
};
@ -278,8 +281,8 @@
.container {
min-height: 100vh;
background: #141b29;
border-top: 2rpx solid #141b29;
background: $uni-bg-color;
border-top: 2rpx solid $uni-bg-color;
position: relative;
.top {
@ -297,7 +300,7 @@
width: 670rpx;
min-height: calc(20vh - 30rpx);
margin: 0 auto;
background: #1d2734;
background: $uni-bg-base-color;
border-radius: 20rpx;
display: flex;
@ -327,20 +330,26 @@
}
.foot {
//position: absolute;
//top: calc(70vh - 40rpx);
//left: 0;
//right: 0;
width: 670rpx;
margin: 0 auto;
border-radius: 20rpx;
overflow: hidden;
min-height: calc(30vh - 30rpx);
margin-top: calc(20vh - 40rpx);
.foot-title {
height: 28rpx;
font-size: 32rpx;
line-height: 32rpx;
color: $uni-white;
background: $uni-primary;
padding: 20rpx 40rpx;
}
.foot-div {
width: 670rpx;
height: 100%;
padding-top: 40rpx;
margin: 0 auto;
background: #1d2734;
border-radius: 20rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

2
pages/index/material/imgDetail.vue
View File

@ -269,6 +269,7 @@
.img-view {
width: 100vw;
height: 100vh;
background: $uni-bg-base-color;
display: flex;
align-items: center;
z-index: 1;
@ -337,6 +338,7 @@
}
.popup-modal {
border-radius: 20rpx 20rpx 0 0;
.segmented-control {
width: 654rpx;

4
pages/index/upload/upload.vue
View File

@ -432,9 +432,9 @@
width: 654rpx;
height: 100rpx;
line-height: 100rpx;
background: linear-gradient(180.00deg, $uni-primary 0%, $uni-primary 100%);
background: linear-gradient(180.00deg, $uni-white 0%, $uni-white 100%);
margin: 60rpx auto;
color: $uni-white;
color: $uni-btn-text-color;
border-radius: 20rpx;
font-size: 28rpx;
}

12
pages/login/login.vue
View File

@ -209,11 +209,11 @@
}
.l-username {
background: #1d2734;
background: $uni-bg-base-color;
}
.l-password {
background: #1d2734;
background: $uni-bg-base-color;
}
}
@ -224,7 +224,7 @@
background: linear-gradient(180.00deg, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 1) 100%);
border-radius: 24rpx;
margin-top: 52rpx;
color: #494951;
color: $uni-btn-text-color;
}
.foget-password {
text-align: right;
@ -241,16 +241,16 @@
.login-body {
::v-deep input {
height: 96rpx;
background: #1d2734 !important;
background: $uni-bg-base-color !important;
font-size: 36rpx;
color: rgb(150, 167, 175);
color: $uni-secondary-color;
border-radius: 0 24rpx 24rpx 0;
}
}
.login-body {
::v-deep .uni-easyinput__content {
background: #1d2734 !important;
background: $uni-bg-base-color !important;
border-radius: 0 24rpx 24rpx 0;
}
}

20
pages/profit/profit.vue
View File

@ -361,15 +361,15 @@ export default {
.container {
font-family: ‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif;
min-height: 100vh;
background: #141b29;
color: #FFFFFF !important;
background: $uni-bg-color;
color: $uni-white !important;
}
.top {
width: 750rpx;
height: 30vh;
background: #0b6375;
background: $uni-primary;
position: relative;
.left-background-img {
@ -410,7 +410,7 @@ export default {
width: 100%;
line-height: 90rpx;
display: flex;
justify-content: space-between;
//justify-content: space-between;
.income-hidden-but {
margin-left: 30rpx;
@ -431,7 +431,7 @@ export default {
.meddle {
width: 670rpx;
margin: 40rpx auto;
background: #1d2734;
background: $uni-bg-base-color;
border-radius: 20rpx;
overflow: hidden;
@ -441,7 +441,7 @@ export default {
height: 28rpx;
font-size: 32rpx;
line-height: 32rpx;
background: #0a6375;
background: $uni-primary;
padding: 20rpx 40rpx;
}
@ -503,7 +503,7 @@ export default {
}
.active-color {
background: #0a6375;
background: $uni-primary;
}
}
@ -522,7 +522,7 @@ export default {
width: 20rpx;
height: 20rpx;
border-radius: 100%;
background: #0a6375;
background: $uni-primary;
margin-right: 20rpx;
}
@ -534,14 +534,14 @@ export default {
.adver-mid {
font-size: 24rpx;
color: #909399;
color: $uni-secondary-color;
}
}
.detail-categories-item {
width: calc(100% - 40rpx);
background: #1d2734;
background: $uni-bg-base-color;
border-radius: 20rpx;
padding: 20rpx;
margin-bottom: 20rpx;

80
pages/profit/profitEndDetails.vue
View File

@ -10,8 +10,7 @@
</view>
</view>
<view class="content">
<view v-if="typeId === 0">
<uni-list
<uni-list v-if="typeId === 0"
border-full
v-for="(item, index) in endProfitAdList"
:key="index"
@ -38,7 +37,7 @@
<view>
{{ setPlatform(item.platform) }}
</view>
<view style="color: #4d6aff">
<view :class="item.confirmStatus != 0 ? 'primary-color' : ''">
{{ item.confirmStatus == 0 ? "待确认" : "已确认" }}
</view>
</view>
@ -47,9 +46,7 @@
</uni-list-item>
</uni-list>
<view class="ivOver" v-if="flagAd">-----已经到底啦-----</view>
</view>
<view v-if="typeId === 1">
<uni-list
<uni-list v-if="typeId === 1"
border-full
v-for="(item, index) in endProfitInviteList"
:key="index"
@ -76,7 +73,7 @@
<view>
{{ setPlatform(item.platform) }}
</view>
<view style="color: #4d6aff">
<view :class="item.confirmStatus != 0 ? 'primary-color' : ''">
{{ item.confirmStatus == 0 ? "待确认" : "已确认" }}
</view>
</view>
@ -87,7 +84,6 @@
<view class="ivOver" v-if="flagInvite">-----已经到底啦-----</view>
</view>
</view>
</view>
</template>
<script>
@ -97,7 +93,6 @@ export default {
return {
items: ["广告", "邀请"],
typeId: 0,
activeColor: "#007aff",
styleType: "text",
endProfitAdList: [],
endProfitInviteList: [],
@ -313,42 +308,65 @@ page {
.content {
padding-top: 88rpx;
width: 670rpx;
margin: 0 auto;
::v-deep .uni-list {
background: $uni-bg-base-color !important;
margin-bottom: 20rpx;
border-radius: 24rpx;
overflow: hidden;
}
::v-deep .uni-list-item {
background: $uni-bg-base-color !important;
}
.uni-list-item__icon-img {
border-radius: 8px;
::v-deep .uni-list--border-top {
display: none !important;
}
::v-deep .uni-list--border-bottom {
display: none !important;
}
.ivOver {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
background: #fff;
font-size: 20rpx;
::v-deep .uni-list-item__container {
padding: 20rpx !important;
}
::v-deep .uni-list-item__content-title {
color: $uni-white !important;
}
::v-deep .uni-list-item__content-note {
color: $uni-secondary-color !important;
}
}
.box {
display: flex;
padding-right: 8px;
padding-right: 16rpx;
flex: 1;
color: #3b4144;
color: $uni-secondary-color;
flex-direction: column;
justify-content: center;
overflow: hidden;
.primary-color {
color: $uni-primary;
}
}
.box-bot {
display: flex;
margin-top: 5px;
margin-top: 10rpx;
}
.box-bot view {
border-radius: 3px;
border: 1px solid #4d6aff;
padding: 2px 5px;
margin-right: 5px;
font-size: 12px;
}
.uni-list-item__content-title {
font-size: 14px;
color: #3b4144;
overflow: hidden;
border-radius: 6rpx;
color: $uni-secondary-color;
border: 2rpx solid $uni-primary;
padding: 4rpx 10rpx;
margin-right: 10rpx;
font-size: 24rpx;
}
</style>

57
pages/profit/profitEndOrder.vue
View File

@ -1,31 +1,31 @@
<template>
<view>
<view class="container">
<view class="back-top"></view>
<uni-group mode="card" class="card">
<view class="box">
<text class="title">结算单号:</text>
<text>{{ orderDetail.orderNo }}</text>
<text>{{ orderDetail.orderNo || '' }}</text>
</view>
<view class="box">
<text class="title">结算平台:</text>
<text>{{ setPlatform(orderDetail.platform) }}</text>
<text>{{ setPlatform(orderDetail.platform) || '' }}</text>
</view>
<view class="box">
<text class="title">应用:</text>
<text>{{ setAppType(orderDetail.appType) }}</text>
<text>{{ setAppType(orderDetail.appType) || '' }}</text>
</view>
<view class="box">
<text class="title">收益类型:</text>
<text>{{ setType(orderDetail.type) }}</text>
<text>{{ setType(orderDetail.type) || '' }}</text>
</view>
<view class="box">
<text class="title">结算收入:</text>
<text style="color: red">¥{{ orderDetail.profit }}</text> 元
<MoneyView :character="'￥'" :size="26" :value="orderDetail.profit || 0" :color="'#0b6375'"/> 元
</view>
<view class="box">
<text class="title">转入时间:</text>
<text>{{ orderDetail.walletTime }}</text>
<text>{{ orderDetail.walletTime || '' }}</text>
</view>
</uni-group>
</view>
@ -33,7 +33,11 @@
<script>
import { queryFrontEndAmtDetails } from "@/api/profit.js";
import MoneyView from "@/components/money-view/money-view.vue"
export default {
components: {
MoneyView
},
data() {
return {
orderDetail: {
@ -117,31 +121,48 @@ export default {
};
</script>
<style>
<style lang="scss" scoped>
.container {
.back-top {
width: 100%;
position: absolute;
height: 120px;
background: #416bdc;
height: 240rpx;
background: $uni-primary;
}
.card {
width: 100%;
position: absolute;
}
.uni-group--card {
margin-top: 20px !important;
::v-deep .uni-group--card {
margin: 40rpx !important;
background: $uni-bg-base-color !important;
padding-top: 40rpx;
border-radius: 20rpx !important;
}
.title {
color: $uni-white;
display: block;
width: 70px;
margin-right: 10px;
font-weight: bold;
width: 140rpx;
margin-right: 20rpx;
font-size: 26rpx;
font-weight: 600;
}
.box {
display: flex;
margin-bottom: 20px;
font-size: 24rpx;
margin-bottom: 40rpx;
color: $uni-secondary-color;
line-height: 26rpx;
}
.card view:first-child {
margin-top: 10px;
.border {
width: 100%;
height: 2rpx;
background: $uni-secondary-color;
margin-bottom: 40rpx;
}
}
</style>

78
pages/profit/profitInDetails.vue
View File

@ -10,8 +10,7 @@
</view>
</view>
<view class="content">
<view v-if="typeId === 0">
<uni-list
<uni-list v-if="typeId === 0"
border-full
v-for="(item, index) in inProfitAdList"
:key="index"
@ -38,7 +37,7 @@
<view>
{{ setPlatform(item.platform) }}
</view>
<view style="color: #4d6aff">
<view :class="item.confirmStatus != 0 ? 'primary-color' : ''">
{{ item.confirmStatus == 0 ? "待确认" : "已确认" }}
</view>
</view>
@ -47,9 +46,7 @@
</uni-list-item>
</uni-list>
<view class="ivOver" v-if="flagAd">-----已经到底啦-----</view>
</view>
<view v-if="typeId === 1">
<uni-list
<uni-list v-if="typeId === 1"
border-full
v-for="(item, index) in inProfitInviteList"
:key="index"
@ -76,7 +73,7 @@
<view>
{{ setPlatform(item.platform) }}
</view>
<view style="color: #4d6aff">
<view :class="item.confirmStatus != 0 ? 'primary-color' : ''">
{{ item.confirmStatus == 0 ? "待确认" : "已确认" }}
</view>
</view>
@ -87,7 +84,6 @@
<view class="ivOver" v-if="flagInvite">-----已经到底啦-----</view>
</view>
</view>
</view>
</template>
<script>
@ -313,42 +309,64 @@ page {
.content {
padding-top: 88rpx;
width: 670rpx;
margin: 0 auto;
::v-deep .uni-list {
background: $uni-bg-base-color !important;
margin-bottom: 20rpx;
border-radius: 24rpx;
overflow: hidden;
}
::v-deep .uni-list-item {
background: $uni-bg-base-color !important;
}
::v-deep .uni-list--border-top {
display: none !important;
}
::v-deep .uni-list--border-bottom {
display: none !important;
}
::v-deep .uni-list-item__container {
padding: 20rpx !important;
}
.uni-list-item__icon-img {
border-radius: 8px;
::v-deep .uni-list-item__content-title {
color: $uni-white !important;
}
.ivOver {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
background: #fff;
font-size: 20rpx;
::v-deep .uni-list-item__content-note {
color: $uni-secondary-color !important;
}
}
.box {
display: flex;
padding-right: 8px;
padding-right: 16rpx;
flex: 1;
color: #3b4144;
color: $uni-secondary-color;
flex-direction: column;
justify-content: center;
overflow: hidden;
.primary-color {
color: $uni-primary;
}
}
.box-bot {
display: flex;
margin-top: 5px;
margin-top: 10rpx;
}
.box-bot view {
border-radius: 3px;
border: 1px solid #4d6aff;
padding: 2px 5px;
margin-right: 5px;
font-size: 12px;
}
.uni-list-item__content-title {
font-size: 14px;
color: #3b4144;
overflow: hidden;
border-radius: 6rpx;
color: $uni-secondary-color;
border: 2rpx solid $uni-primary;
padding: 4rpx 10rpx;
margin-right: 10rpx;
font-size: 24rpx;
}
</style>

61
pages/profit/profitInOrder.vue
View File

@ -1,39 +1,39 @@
<template>
<view>
<view class="container">
<view class="back-top"></view>
<uni-group mode="card" class="card">
<view class="box">
<text class="title">结算单号:</text>
<text>{{ orderDetail.orderNo }}</text>
<text>{{ orderDetail.orderNo || ''}}</text>
</view>
<view class="box">
<text class="title">结算平台:</text>
<text>{{ setPlatform(orderDetail.platform) }}</text>
<text>{{ setPlatform(orderDetail.platform) || ''}}</text>
</view>
<view class="box">
<text class="title">应用:</text>
<text>{{ setAppType(orderDetail.appType) }}</text>
<text>{{ setAppType(orderDetail.appType) || ''}}</text>
</view>
<view class="box">
<text class="title">收益类型:</text>
<text>{{ setType(orderDetail.type) }}</text>
<text>{{ setType(orderDetail.type) || ''}}</text>
</view>
<view class="box">
<text class="title">结算时间:</text>
<text>{{ orderDetail.createTime }}</text>
<text>{{ orderDetail.createTime || ''}}</text>
</view>
<view class="box">
<text class="title">结算收入:</text>
<text style="color: red">¥{{ orderDetail.profit }}</text> 元
<MoneyView :character="'￥'" :size="26" :value="orderDetail.profit || 0" :color="'#0b6375'"/>元
</view>
<view class="box">
<text class="title">下载次数:</text>
<text>{{ orderDetail.downloadNum }}</text>
<text>{{ orderDetail.downloadNum || ''}}</text>
</view>
<view class="border"></view>
<view class="box">
<text class="title">确认类型:</text>
<text>{{ setConfirmType(orderDetail.confirmType) }}</text>
<text>{{ setConfirmType(orderDetail.confirmType) || ''}}</text>
</view>
<view class="box">
<text class="title">确认时间:</text>
@ -52,7 +52,11 @@ import {
queryFrontInAmtDetails,
handleUpdateConfirmType,
} from "@/api/profit.js";
import MoneyView from "@/components/money-view/money-view.vue"
export default {
components: {
MoneyView
},
data() {
return {
orderDetail: {
@ -173,38 +177,45 @@ export default {
};
</script>
<style>
<style lang="scss" scoped>
.container {
.back-top {
width: 100%;
position: absolute;
height: 120px;
background: #416bdc;
height: 240rpx;
background: $uni-primary;
}
.card {
width: 100%;
position: absolute;
}
.uni-group--card {
margin-top: 20px !important;
::v-deep .uni-group--card {
margin: 40rpx !important;
background: $uni-bg-base-color !important;
padding-top: 40rpx;
border-radius: 20rpx !important;
}
.title {
color: $uni-white;
display: block;
width: 70px;
margin-right: 10px;
font-weight: bold;
width: 140rpx;
margin-right: 20rpx;
font-size: 26rpx;
font-weight: 600;
}
.box {
display: flex;
margin-bottom: 20px;
}
.card view:first-child {
margin-top: 10px;
font-size: 24rpx;
margin-bottom: 40rpx;
color: $uni-secondary-color;
line-height: 26rpx;
}
.border {
width: 100%;
height: 1px;
background: rgb(229, 229, 229);
margin-bottom: 20px;
height: 2rpx;
background: $uni-secondary-color;
margin-bottom: 40rpx;
}
}
</style>

69
pages/profit/profitPreDetails.vue
View File

@ -35,7 +35,7 @@
<view>
{{ setPlatform(item.platform) }}
</view>
<view style="color: #4d6aff">
<view :class="item.confirmStatus != 0 ? 'primary-color' : ''">
{{ item.confirmStatus == 0 ? "待确认" : "已确认" }}
</view>
</view>
@ -70,7 +70,7 @@
<view>
{{ setPlatform(item.platform) }}
</view>
<view style="color: #4d6aff">
<view :class="item.confirmStatus != 0 ? 'primary-color' : ''">
{{ item.confirmStatus == 0 ? "待确认" : "已确认" }}
</view>
</view>
@ -298,43 +298,64 @@ page {
.content {
padding-top: 88rpx;
width: 670rpx;
margin: 0 auto;
::v-deep .uni-list {
background: $uni-bg-base-color !important;
margin-bottom: 20rpx;
border-radius: 24rpx;
overflow: hidden;
}
::v-deep .uni-list-item {
background: $uni-bg-base-color !important;
}
::v-deep .uni-list--border-top {
display: none !important;
}
::v-deep .uni-list--border-bottom {
display: none !important;
}
.uni-list-item__icon-img {
border-radius: 8px;
::v-deep .uni-list-item__container {
padding: 20rpx !important;
}
.ivOver {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
background: #fff;
font-size: 20rpx;
::v-deep .uni-list-item__content-title {
color: $uni-white !important;
}
::v-deep .uni-list-item__content-note {
color: $uni-secondary-color !important;
}
}
.box {
display: flex;
padding-right: 8px;
padding-right: 16rpx;
flex: 1;
color: #3b4144;
color: $uni-secondary-color;
flex-direction: column;
justify-content: center;
overflow: hidden;
.primary-color {
color: $uni-primary;
}
}
.box-bot {
display: flex;
margin-top: 5px;
margin-top: 10rpx;
}
.box-bot view {
border-radius: 3px;
border: 1px solid #4d6aff;
padding: 2px 5px;
margin-right: 5px;
font-size: 12px;
}
.uni-list-item__content-title {
font-size: 14px;
color: #3b4144;
overflow: hidden;
border-radius: 6rpx;
color: $uni-secondary-color;
border: 2rpx solid $uni-primary;
padding: 4rpx 10rpx;
margin-right: 10rpx;
font-size: 24rpx;
}
</style>

22
pages/userInfo/userInfo.vue
View File

@ -27,15 +27,16 @@
<view class="middle-item-box" v-for="(item, index) in middleList" :index="index" :key="index" :class="item.class">
<view class="middle-btn-item" @click="change(item)" >
<div class="text uni-white">{{item.title}}</div>
<image :src="item.img" class="listIconImage" :mode="'aspectFill'" />
<!-- <image :src="item.img" class="listIconImage" :mode="'aspectFill'" />-->
<uni-icons class="listIconImage" custom-prefix="iconfont" :type="item.icon" size="70" :color="iconColor" ></uni-icons>
</view>
</view>
</view>
<view class="foot">
<view class="foot-item-box" v-for="(item, index) in list" :index="index" :key="index" >
<view class="list-click-item" @click="change(item)">
<!-- <uni-icons type="image" :size="30" color="#777" /> -->
<image :src="item.img" class="listIconImage" :mode="'aspectFill'" />
<uni-icons class="listIconImage" custom-prefix="iconfont" :type="item.icon" size="20" :color="iconColor" ></uni-icons>
<!-- <image :src="item.img" class="listIconImage" :mode="'aspectFill'" />-->
<div class="text uni-white">{{item.title}}</div>
<uni-icons type="right" size="12" color="#ffffff" />
</view>
@ -51,35 +52,36 @@
export default {
data() {
return {
iconColor: '#0b6375',
middleList: [
{
url: '/pages-userInfo/extends/extends',
title: '邀请他人',
img: '/static/iconInvite.png',
icon: 'icon-yaoqingtuiguang',
class: 'meddle-invite'
}, {
url: '/pages-userInfo/withdraw/withdrawIndex',
title: '提现记录',
img: '/static/iconWithdraw.png',
icon: 'icon-tixianjilu',
class: 'meddle-withdraw'
}
],
list: [{
url: '/pages-userInfo/about/about',
title: '常见问题',
img: '/static/iconAbout.png'
icon: 'icon-wenti'
}, {
url: '/pages-userInfo/contact/contact',
title: '联系我们',
img: '/static/iconContactUs.png'
icon: 'icon-zhifeiji'
}, {
url: '/pages-userInfo/notice/notice',
title: '通知公告',
img: '/static/iconNotice.png'
icon: 'icon-tongzhigonggao'
},{
url: '/pages-userInfo/setting/setting',
title: '系统设置',
img: '/static/iconInviteLog.png'
icon: 'icon-xitongshezhi'
}],
pageUrl: '',
userInfo: {
@ -154,7 +156,7 @@ page {
.container {
font-family: ‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif;
min-height: 100vh;
background: #141b29;
background: $uni-bg-color;
}

BIN
static/active.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
static/advertIcon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
static/aliPay.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 223 KiB

BIN
static/collect-select.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.4 KiB

BIN
static/collect.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.1 KiB

BIN
static/collectLength.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.2 KiB

20
static/customicons.css
View File

@ -1,20 +0,0 @@
@font-face {
font-family: "customicons"; /* Project id 2878519 */
src:url('/static/customicons.ttf') format('truetype');
}
.customicons {
font-family: "customicons" !important;
}
.youxi:before {
content: "\e60e";
}
.wenjian:before {
content: "\e60f";
}
.zhuanfa:before {
content: "\e610";
}

BIN
static/customicons.ttf
View File

Binary file not shown.

BIN
static/download-select.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.0 KiB

BIN
static/download.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
static/emoBack.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.9 KiB

BIN
static/friendBack.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
static/gifBack.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/headBack.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

BIN
static/hot-not.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
static/hot-yes.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

97
static/icon/iconfont.css
View File

@ -0,0 +1,97 @@
@font-face {
font-family: "iconfont"; /* Project id 3930567 */
src: url('/static/icon/iconfont.ttf?t=1677942061552') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-yinhangka:before {
content: "\e63b";
}
.icon-yinlian:before {
content: "\e61f";
}
.icon-tixian:before {
content: "\e603";
}
.icon-zhifubao:before {
content: "\e634";
}
.icon-weixin:before {
content: "\e63a";
}
.icon-shouji:before {
content: "\e8b9";
}
.icon-touxiang:before {
content: "\e69a";
}
.icon-xiaolian:before {
content: "\e64f";
}
.icon-pengyouquan:before {
content: "\e682";
}
.icon-GIF:before {
content: "\e686";
}
.icon-watch:before {
content: "\e699";
}
.icon-tixianjilu:before {
content: "\e6bb";
}
.icon-yaoqingtuiguang:before {
content: "\e601";
}
.icon-wenti:before {
content: "\e600";
}
.icon-dengpao:before {
content: "\e6cf";
}
.icon-zhifeiji:before {
content: "\e6a0";
}
.icon-xitongshezhi:before {
content: "\e667";
}
.icon-tongzhigonggao:before {
content: "\e602";
}
.icon-renminbi:before {
content: "\e621";
}
.icon-yonghu:before {
content: "\e624";
}
.icon-shouye:before {
content: "\e639";
}

BIN
static/icon/iconfont.ttf
View File

Binary file not shown.

BIN
static/iconAbout.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.1 KiB

BIN
static/iconContactUs.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.0 KiB

BIN
static/iconInvite.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.3 KiB

BIN
static/iconInviteLog.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.5 KiB

BIN
static/iconNotice.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.7 KiB

BIN
static/iconWithdraw.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

2
static/img/share.svg
View File

@ -1,2 +0,0 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652699648832" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4781" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
</style></defs><path d="M833.493333 842.666667H201.173333A43.413333 43.413333 0 0 1 160 797.333333v-485.333333A43.413333 43.413333 0 0 1 201.173333 266.666667h91.84a10.666667 10.666667 0 0 1 0 21.333333h-91.84A22.293333 22.293333 0 0 0 181.333333 312v485.333333A22.293333 22.293333 0 0 0 201.173333 821.333333h632.32A22.293333 22.293333 0 0 0 853.333333 797.333333V508.48a10.666667 10.666667 0 0 1 21.333334 0v288.853333A43.413333 43.413333 0 0 1 833.493333 842.666667z" fill="#ffffff" p-id="4782"></path><path d="M330.666667 640a10.666667 10.666667 0 0 1-10.666667-10.666667 362.666667 362.666667 0 0 1 362.666667-362.666666h141.12L709.333333 201.28a10.666667 10.666667 0 1 1 10.666667-18.56l149.333333 85.333333A10.666667 10.666667 0 0 1 864 288H682.666667a341.333333 341.333333 0 0 0-341.333334 341.333333 10.666667 10.666667 0 0 1-10.666666 10.666667z" fill="#ffffff" p-id="4783"></path></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

2
static/img/slide-top.svg
View File

@ -1,2 +0,0 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652526355166" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8351" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
</style></defs><path d="M533.333333 512L341.333333 704l29.866667 29.866667 162.133333-162.133334 162.133334 162.133334 29.866666-29.866667-192-192z m0-256L341.333333 448l29.866667 29.866667 162.133333-162.133334 162.133334 162.133334 29.866666-29.866667L533.333333 256z" fill="#444444" p-id="8352"></path></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 979 B

BIN
static/img/start.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 966 KiB

BIN
static/imgLength.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.5 KiB

BIN
static/index-default.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
static/index-select.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
static/inviteIcon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 763 KiB

After

Width:  |  Height:  |  Size: 30 KiB

BIN
static/iwatchBack.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 997 B

BIN
static/jiantou-right.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

BIN
static/like-select.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.8 KiB

BIN
static/like.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.8 KiB

BIN
static/likeLength.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.5 KiB

BIN
static/logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/mine-default.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
static/mine-select.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
static/phoneBack.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.0 KiB

BIN
static/right.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/share.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.5 KiB

BIN
static/theme-default.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
static/theme-select.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
static/wxPay.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

2
uni.scss
View File

@ -30,6 +30,8 @@ $uni-base-color: #6a6a6a; // 常规文字
$uni-secondary-color: #909399; // 次要文字
$uni-extra-color: #c7c7c7; // 辅助说明
$uni-btn-text-color: #494951;
// 边框颜色
$uni-border-1: #F0F0F0;
$uni-border-2: #EDEDED;

Write Preview
Loading…
Cancel
Save