panxiaohe
/
ceres-uniapp-v2.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1.我的积分界面布局修改调整 2.积分签到页面布局修改调整

master
dy-hu 9 months ago
parent
5950fd4921
commit
4de4b1be21
3 changed files with 55 additions and 47 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. 4
      App.vue
  2. 63
      pages_category_page1/integral/index.vue
  3. 35
      pages_category_page1/integral/sign.vue

4
App.vue
View File

@ -794,6 +794,10 @@ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
color: #f5be51;
}
.font-color-CBCCDE{
color: #CBCCDE;
}
.bor-line-D3D4DE {
border-bottom: #D3D4DE 1rpx solid;
}

63
pages_category_page1/integral/index.vue
View File

@ -4,14 +4,15 @@
<view class="memberBox">
<view class="posBox">
<view class="memberBoxTop">
<view class="memberTopPos" :style="{backgroundImage:'url('+levelInfo.memberLevelBackground+')'}">
<!-- <view class="memberTopPos" :style="{backgroundImage:'url('+levelInfo.memberLevelBackground+')'}">-->
<view class="memberTopPos">
<view class="memberTopBg">
<view class="flex-items">
<view class="avatarBox">
<image :src="memberData.headImage"></image>
</view>
<view class="nameBox">
<view class="name fs36">{{memberData.name}}</view>
<view class="name fs32">{{memberData.name}}</view>
<view class="level">
<image :src="levelInfo.memberLevelIcon"></image>
</view>
@ -19,16 +20,16 @@
</view>
<view class="integralInfo flex-items flex-sp-between mar-top-20">
<view class="itemBox">
<view class="integraNum fs32 font-color-333 fs-weight-400">{{ memberData.totalCredit }}</view>
<view class="fs24 font-color-333 fs-weight-400">累计积分</view>
<view class="integraNum fs28 font-color-252744 fs-weight-400">{{ memberData.totalCredit }}</view>
<view class="fs28 font-color-252744 fs-weight-400">累计积分</view>
</view>
<view class="itemBox">
<view class="integraNum fs32 font-color-333 fs-weight-400">{{ memberData.totalCredit - memberData.credit }}</view>
<view class="fs24 font-color-333 fs-weight-400">累计消费</view>
<view class="integraNum fs28 font-color-252744 fs-weight-400">{{ memberData.totalCredit - memberData.credit }}</view>
<view class="fs28 font-color-252744 fs-weight-400">累计消费</view>
</view>
<view class="itemBox">
<view class="integraNum fs32 font-color-333 fs-weight-400">{{ memberData.credit }}</view>
<view class="fs24 font-color-333 fs-weight-400">剩余积分</view>
<view class="integraNum fs28 font-color-252744 fs-weight-400">{{ memberData.credit }}</view>
<view class="fs28 font-color-252744 fs-weight-400">剩余积分</view>
</view>
</view>
</view>
@ -39,7 +40,7 @@
<view class="signBox flex-items flex-sp-between mar-top-30" @click="goToSign">
<view class="signLeft flex-items flex-sp-between">
<view class="signIcon"></view>
<view class="signText fs28 font-color-C5AA7B">积分签到</view>
<view class="signText fs28 font-color-252744">积分签到</view>
</view>
<view class="u-arrow u-arrow-right"></view>
</view>
@ -59,8 +60,8 @@
<view class="leftBox flex-items">
<image src="https://ceres.zkthink.com/static/images/signIcon1.png"></image>
<view class="leftInfo">
<label class="fs28 font-color-333">{{item.recordContent}}</label>
<view class="fs24 font-color-999">{{item.createTime}}</view>
<label class="fs28 font-color-252744">{{item.recordContent}}</label>
<view class="fs24 font-color-90919C">{{item.createTime}}</view>
</view>
</view>
<view class="rightBtn">{{item.recordType === 1 ? '+' : '-'}}{{item.credit}}</view>
@ -239,10 +240,10 @@ export default {
<style lang="scss" scoped>
page {
background: #F8F8F8;
background: #FAFAFA;
}
.memberCenter {
border-top: 2rpx solid #4b4b4b;
border-top: 1rpx solid #4b4b4b;
background: url("https://ceres.zkthink.com/static/images/addBankBg.png") no-repeat left top;
background-size: contain;
min-height: 800rpx;
@ -265,10 +266,12 @@ page {
position: relative;
.memberTopPos{
//background: url("https://ceres.zkthink.com/static/images/integralBg.png") no-repeat left top;
background: linear-gradient(-30deg, #C8CBF7, #E6E8FB);
background-size: cover;
height: 302rpx;
border-radius: 24rpx;
box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.05);
//box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.05);
box-shadow: 0rpx 20rpx 40rpx 0rpx #E4E6FC;
.memberTopBg {
padding: 40rpx 30rpx;
.integralInfo {
@ -304,7 +307,7 @@ page {
}
}
.signBox {
background: #f9f6ed;
background: #ffffff;
height: 96rpx;
border-radius: 24rpx;
padding: 0 20rpx;
@ -318,10 +321,10 @@ page {
}
}
.u-arrow {
width: 24rpx;
height: 24rpx;
border-top: 3rpx solid #C5AA7B;
border-right: 3rpx solid #C5AA7B;
width: 16rpx;
height: 16rpx;
border-top: 3rpx solid #252744;
border-right: 3rpx solid #252744;
}
}
.signTabs {
@ -330,7 +333,7 @@ page {
height: 96rpx;
border-radius: 16rpx;
text {
color: #999999;
color: #252744;
font-size: 28rpx;
}
.icon {
@ -348,7 +351,7 @@ page {
}
}
.active {
background: #333333;
background: #252744;
.detailIcon {
background: url("https://ceres.zkthink.com/static/images/detailIcon1.png") no-repeat center center;
background-size: contain;
@ -358,7 +361,7 @@ page {
background-size: contain;
}
text {
color: #FFEBC4;
color: #ffffff;
}
}
}
@ -383,15 +386,15 @@ page {
border-top: none;
}
.rightBtn {
width: 160rpx;
height: 58rpx;
line-height: 58rpx;
background: #FFF9F6;
border-radius: 10rpx;
color: #C83732;
//width: 160rpx;
//height: 58rpx;
//line-height: 58rpx;
//background: #FFF9F6;
//border-radius: 10rpx;
color: #F54639;
text-align: center;
font-weight: 300;
font-size: 24rpx;
font-weight: 400;
font-size: 28rpx;
}
}
}

35
pages_category_page1/integral/sign.vue
View File

@ -25,7 +25,7 @@
<view class="calendar-box">
<view class="month">
<view class="u-arrow u-arrow-left" @click="lastMonth"></view>
<view>{{year}}年{{month}}月</view>
<view class="font-color-252744">{{year}}年{{month}}月</view>
<view class="u-arrow u-arrow-right" @click="nextMonth"></view>
<picker v-if="checkDate" class="picker" mode="date" fields="month" @change="changeDate" />
</view>
@ -65,10 +65,10 @@
<!-- 签到弹窗 -->
<tui-modal :show="signTips" :custom="true" :fadein="true">
<view class="Put-box1">
<view class="text-align fs34 fs-bold">
<view class="text-align fs32 fs-bold font-color-252744">
签到成功
</view>
<view class="mar-top-40 text-align">
<view class="mar-top-40 text-align fs28 font-color-252744">
今日签到成功，签到积分可以在我的积分内兑换商品
</view>
<view class="flex-display flex-sp-between">
@ -284,9 +284,9 @@ page {
.signDayNumBox {
width: 100%;
.signDayNum {
color: #93866F;
color: #CBCCDE;
text {
color: #FDF3D0;
color: #ffffff;
margin: 0 10rpx;
}
}
@ -321,7 +321,7 @@ page {
min-height: 300rpx;
.calendarBg {
border-radius: 16rpx;
background: #FFFFFF;
background: #FAFAFA;
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.05);
overflow: hidden;
}
@ -370,7 +370,7 @@ page {
height: 96rpx;
padding: 0 50rpx;
position: relative;
background: #FAF6ED;
background: #EDEEFE;
.u-arrow {
border-top: 4rpx solid #666;
border-right: 4rpx solid #666;
@ -415,14 +415,14 @@ page {
}
.select {
background: #FAF6ED;
color: #C5AA7B;
background: #EDEEFE;
color: #252744;
border-radius: 50%;
}
.choose {
color: #FFFFFF;
background: #C5AA7B;
background: #545784;
border-radius: 50%;
}
@ -447,16 +447,17 @@ page {
.btn {
text-align: center;
margin-top: 40rpx;
border: 2rpx solid #333333;
height: 80upx;
line-height: 80upx;
width: 240upx;
color: #333333;
border: 1rpx solid #252744;
border-radius: 40rpx;
height: 80rpx;
line-height: 80rpx;
width: 240rpx;
color: #252744;
}
.submit {
background-color: #333333;
color: #FFEBC4;
background-color: #252744;
color: #ffffff;
}
}
</style>
Write Preview
Loading…
Cancel
Save