Browse Source

修改颜色

master
前端-胡立永 9 months ago
parent
commit
f01064a1b7
7 changed files with 46 additions and 45 deletions
  1. +2
    -2
      components/base/m-navbar.vue
  2. +18
    -18
      components/center/center.vue
  3. +1
    -1
      components/pageInit/pageInit.vue
  4. +5
    -9
      pages/order/order.vue
  5. +1
    -1
      pages/prizeDraw/prizeDraw.vue
  6. +14
    -10
      pages/purse/purse.vue
  7. +5
    -4
      pages/withdraw/withdraw.vue

+ 2
- 2
components/base/m-navbar.vue View File

@ -30,12 +30,12 @@
width: 100%; width: 100%;
height: 90rpx; height: 90rpx;
// background: linear-gradient(to right, #4899a6, #6fc6ad); // background: linear-gradient(to right, #4899a6, #6fc6ad);
background: black;
// background: black;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #fff;
// color: #fff;
font-size: 26rpx; font-size: 26rpx;
z-index: 9999; z-index: 9999;
.leftClick{ .leftClick{


+ 18
- 18
components/center/center.vue View File

@ -1,5 +1,5 @@
<template> <template>
<u-popup :show="show" mode="left" width="70%" bgColor="#000" @close="$emit('close')" @open="open">
<u-popup :show="show" mode="left" width="70%" @close="$emit('close')" @open="open">
<view style="justify-content: center;display: flex;width: 600rpx;" v-if="loading"> <view style="justify-content: center;display: flex;width: 600rpx;" v-if="loading">
<u-loading-icon <u-loading-icon
@ -24,7 +24,7 @@
</view> </view>
<view style="font-size: 22rpx;font-weight: bold;" class="line">{{ userInfo.account }}</view> <view style="font-size: 22rpx;font-weight: bold;" class="line">{{ userInfo.account }}</view>
<view class="line"> <view class="line">
<view style="background-color: #6c7a25;padding: 5rpx 20rpx;">
<view style="background-color: #000;padding: 5rpx 20rpx;color: #fff;">
{{ $t('page.center.invtantion_code') }}:{{ userInfo.invitationCode }} {{ $t('page.center.invtantion_code') }}:{{ userInfo.invitationCode }}
</view> </view>
<view style="margin-left: 20rpx;" @click="copy(userInfo.invitationCode)"> <view style="margin-left: 20rpx;" @click="copy(userInfo.invitationCode)">
@ -32,16 +32,16 @@
</view> </view>
</view> </view>
<view class="line"> <view class="line">
<view style="color: #afc056;padding: 0 10rpx;font-size: 22rpx;font-weight: 600;">
<view style="color: #000;padding: 0 10rpx;font-size: 22rpx;font-weight: 600;">
{{ $t('page.center.cradibiliy_value') }} {{ $t('page.center.cradibiliy_value') }}
</view> </view>
<view style="flex: 1;padding-right: 20rpx;"> <view style="flex: 1;padding-right: 20rpx;">
<u-line-progress <u-line-progress
:percentage="userInfo.contribution" :percentage="userInfo.contribution"
activeColor="#afc638" height="16"></u-line-progress>
activeColor="#000" height="16"></u-line-progress>
</view> </view>
<!-- <view style="flex: 1;"> <!-- <view style="flex: 1;">
<view style="background-color: #afc056;
<view style="background-color: #000;
text-align:center;border-radius: 20rpx; text-align:center;border-radius: 20rpx;
margin-right: 20rpx; margin-right: 20rpx;
">{{ userInfo.contribution }}%</view> ">{{ userInfo.contribution }}%</view>
@ -49,7 +49,7 @@
</view> </view>
<view class="line"> <view class="line">
<view class="box"> <view class="box">
<view style="color: #afc056;font-weight: 900;
<view style="color: #000;font-weight: 900;
display: flex;justify-content: space-between;font-size: 28rpx;"> display: flex;justify-content: space-between;font-size: 28rpx;">
<view class=""> <view class="">
{{ $t('page.center.account_balance') }} {{ $t('page.center.account_balance') }}
@ -65,7 +65,7 @@
</view> </view>
<view class="line"> <view class="line">
<view class="box"> <view class="box">
<view style="color: #afc056;font-weight: 900;
<view style="color: #000;font-weight: 900;
display: flex;justify-content: space-between;font-size: 28rpx;"> display: flex;justify-content: space-between;font-size: 28rpx;">
<view class=""> <view class="">
{{ $t('page.center.wallet_amount') }} {{ $t('page.center.wallet_amount') }}
@ -81,7 +81,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/6.png" width="23rpx" /> <img src="/static/center/6.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.deposit') }} {{ $t('page.center.deposit') }}
</view> </view>
</u-cell> </u-cell>
@ -90,7 +90,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/7.png" width="23rpx" /> <img src="/static/center/7.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.withdraw') }} {{ $t('page.center.withdraw') }}
</view> </view>
</u-cell> </u-cell>
@ -99,7 +99,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/8.png" width="23rpx" /> <img src="/static/center/8.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.personal_info') }} {{ $t('page.center.personal_info') }}
</view> </view>
</u-cell> </u-cell>
@ -108,7 +108,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/9.png" width="23rpx" /> <img src="/static/center/9.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.Transaction') }} {{ $t('page.center.Transaction') }}
</view> </view>
</u-cell> </u-cell>
@ -117,7 +117,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/10.png" width="23rpx" /> <img src="/static/center/10.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.wallet') }} {{ $t('page.center.wallet') }}
</view> </view>
</u-cell> </u-cell>
@ -126,7 +126,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/fans.png" width="23rpx" /> <img src="/static/center/fans.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.fanList') }} {{ $t('page.center.fanList') }}
</view> </view>
</u-cell> </u-cell>
@ -135,7 +135,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/winning-record.png" width="23rpx" /> <img src="/static/center/winning-record.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.winningRecord') }} {{ $t('page.center.winningRecord') }}
</view> </view>
</u-cell> </u-cell>
@ -144,7 +144,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/11.png" width="23rpx" /> <img src="/static/center/11.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.language') }} {{ $t('page.center.language') }}
</view> </view>
</u-cell> </u-cell>
@ -153,7 +153,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/12.png" width="23rpx" /> <img src="/static/center/12.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.customer_serivce') }} {{ $t('page.center.customer_serivce') }}
</view> </view>
</u-cell> </u-cell>
@ -162,7 +162,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/login.png" width="23rpx" /> <img src="/static/center/login.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.loginRecord') }} {{ $t('page.center.loginRecord') }}
</view> </view>
</u-cell> </u-cell>
@ -172,7 +172,7 @@
<view slot="icon"> <view slot="icon">
<img src="/static/center/13.png" width="23rpx" /> <img src="/static/center/13.png" width="23rpx" />
</view> </view>
<view slot="title" style="color: #eee;padding: 20rpx 0;">
<view slot="title" style="color: #000;padding: 20rpx 0;">
{{ $t('page.center.logout') }} {{ $t('page.center.logout') }}
</view> </view>
</u-cell> </u-cell>


+ 1
- 1
components/pageInit/pageInit.vue View File

@ -45,7 +45,7 @@
top: 0; top: 0;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background: black;
// background: black;
margin: 0rpx auto; margin: 0rpx auto;
z-index: 999; z-index: 999;
transform: translateX(-50%); transform: translateX(-50%);


+ 5
- 9
pages/order/order.vue View File

@ -4,8 +4,7 @@
height: 210rpx; height: 210rpx;
width: 100%; width: 100%;
z-index: 99; z-index: 99;
background: url(/static/home/bg.png);
background-color: #000;">
background-color: #fff;">
</view> </view>
<view class="order-nav"> <view class="order-nav">
@ -202,15 +201,12 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
body{
background-color: #000 !important;
}
.order { .order {
padding-bottom: 200rpx; padding-bottom: 200rpx;
background-color: black;
background-image: url('@/static/home/bg.png');
// background-color: black;
// background-image: url('@/static/home/bg.png');
background-size: 100%; background-size: 100%;
color: white;
color: #000;
font-weight: bold; font-weight: bold;
min-height: 100vh; min-height: 100vh;
padding-bottom: 200rpx; padding-bottom: 200rpx;
@ -230,7 +226,7 @@
background: white; background: white;
padding: 20rpx; padding: 20rpx;
border-radius: 5px; border-radius: 5px;
background-color: #333333;
background-color: #000;
margin: 0rpx 20rpx 20rpx 20rpx; margin: 0rpx 20rpx 20rpx 20rpx;
.top{ .top{
display: flex; display: flex;


+ 1
- 1
pages/prizeDraw/prizeDraw.vue View File

@ -395,7 +395,7 @@
padding-bottom: 150rpx; padding-bottom: 150rpx;
width: 750rpx; width: 750rpx;
background-image: url('@/static/prizeDraw/bj.jpg');
// background-image: url('@/static/prizeDraw/bj.jpg');
background-size: 100%; background-size: 100%;
/deep/ .uni-scroll-view::-webkit-scrollbar { /deep/ .uni-scroll-view::-webkit-scrollbar {


+ 14
- 10
pages/purse/purse.vue View File

@ -166,9 +166,9 @@
.purse { .purse {
width: 750rpx; width: 750rpx;
min-height: 100vh; min-height: 100vh;
background-color: black;
// background-color: black;
margin: 0 auto; margin: 0 auto;
background-image: url('@/static/pruse/bg.png');
// background-image: url('@/static/pruse/bg.png');
background-size: 100%; background-size: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -178,12 +178,14 @@
} }
.user-money { .user-money {
background: rgba(176, 199, 59, .8);
background: $uni-bg-color-app;
// background: rgba(176, 199, 59, .8);
margin: 20rpx auto 30rpx auto; margin: 20rpx auto 30rpx auto;
border: 4rpx solid #D3EA5E; border: 4rpx solid #D3EA5E;
border: 4rpx solid $uni-bg-color-app;
padding: 60rpx 0rpx; padding: 60rpx 0rpx;
font-size: 36rpx; font-size: 36rpx;
color: $uni-bg-color;
.title, .title,
.money { .money {
display: flex; display: flex;
@ -208,7 +210,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
color: #B0C73B;
color: $uni-bg-color-app;
.recharge-item { .recharge-item {
box-sizing: border-box; box-sizing: border-box;
@ -233,8 +235,9 @@
.selectRecharge{ .selectRecharge{
color: white; color: white;
border: 1px solid #D3EA5E;
background: rgba(176, 199, 59, .8);
// border: 1px solid #D3EA5E;
background: $uni-bg-color-app;
// background: rgba(176, 199, 59, .8);
} }
} }
@ -242,10 +245,10 @@
margin: 30rpx auto; margin: 30rpx auto;
input{ input{
border: 1px solid #B0C73B;
border: 1px solid $uni-bg-color-app;
height: 80rpx; height: 80rpx;
font-size: 34rpx; font-size: 34rpx;
color: #B0C73B;
color: $uni-bg-color-app;
text-indent: 15rpx; text-indent: 15rpx;
border-radius: 10rpx; border-radius: 10rpx;
} }
@ -256,8 +259,9 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: #B0C73B;
background: $uni-bg-color-app;
border-radius: 10rpx; border-radius: 10rpx;
color: $uni-bg-color;
font-size: 40rpx; font-size: 40rpx;
font-weight: bold; font-weight: bold;
} }


+ 5
- 4
pages/withdraw/withdraw.vue View File

@ -162,9 +162,9 @@
.withdraw { .withdraw {
width: 750rpx; width: 750rpx;
min-height: 100vh; min-height: 100vh;
background-color: black;
// background-color: black;
margin: 0 auto; margin: 0 auto;
background-image: url('@/static/withdraw/bg.png');
// background-image: url('@/static/withdraw/bg.png');
background-size: 100%; background-size: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -174,9 +174,10 @@
} }
.user-money { .user-money {
background: rgba(176, 199, 59, .8);
background: $uni-bg-color-app;
color: $uni-bg-color;
margin: 20rpx auto 30rpx auto; margin: 20rpx auto 30rpx auto;
border: 4rpx solid #D3EA5E;
// border: 4rpx solid #D3EA5E;
padding: 60rpx 0rpx; padding: 60rpx 0rpx;
font-size: 36rpx; font-size: 36rpx;


Loading…
Cancel
Save