Browse Source

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

feature-1.0
helming 3 years ago
parent
commit
a9ea7c03c3
  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

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

@ -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()4556
// 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
static/advertIcon.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
static/aliPay.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 223 KiB

BIN
static/collect-select.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.4 KiB

BIN
static/collect.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

BIN
static/collectLength.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

20
static/customicons.css

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

Binary file not shown.

BIN
static/download-select.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.0 KiB

BIN
static/download.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
static/emoBack.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

BIN
static/friendBack.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
static/gifBack.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/headBack.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

BIN
static/hot-not.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
static/hot-yes.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

97
static/icon/iconfont.css

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

Binary file not shown.

BIN
static/iconAbout.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

BIN
static/iconContactUs.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.0 KiB

BIN
static/iconInvite.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

BIN
static/iconInviteLog.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

BIN
static/iconNotice.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.7 KiB

BIN
static/iconWithdraw.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

2
static/img/share.svg

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

Before

Width:  |  Height:  |  Size: 1.5 KiB

2
static/img/slide-top.svg

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

Before

Width:  |  Height:  |  Size: 979 B

BIN
static/img/start.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 966 KiB

BIN
static/imgLength.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

BIN
static/index-default.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
static/index-select.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
static/inviteIcon.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 763 KiB

After

Width:  |  Height:  |  Size: 30 KiB

BIN
static/iwatchBack.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 997 B

BIN
static/jiantou-right.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

BIN
static/like-select.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

BIN
static/like.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

BIN
static/likeLength.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

BIN
static/logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/mine-default.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
static/mine-select.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
static/phoneBack.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

BIN
static/right.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/share.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

BIN
static/theme-default.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
static/theme-select.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
static/wxPay.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

2
uni.scss

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

Loading…
Cancel
Save