gaojian/ts_aimz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提取颜色变量,首页,登录页,我的页面颜色变量修改,url配置文件

Browse Source
This commit is contained in:
itgaojian163 2025-04-29 17:38:52 +08:00
parent dd1c290fe2
commit c88e0dfac4
24 changed files with 320 additions and 279 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
app.js
View File

@ -1,10 +1,14 @@
// app.js
import {
imgAssets
} from './net/http'
App({
globalData: {
userInfo: null,
isAdPopupVisible: false
imgAssetsUrl: imgAssets,
localAssets: "/static/images"
},
onLaunch() {
//自定义字体
// wx.loadFontFace({
// family: 'PingFang-regular',
// global: true,
@ -34,29 +38,5 @@ App({
// })
// }
// }
// this.initSse()
},
// initSse() {
// const req = wx.request({
// url: copyrightUrl + '/api/sse/connect',
// method: 'GET',
// enableChunked: true,
// header: {
// 'Cache-Control': 'no-cache',
// 'Accept': 'text/event-stream'
// },
// success: (res) => {
// console.log('SSE 连接成功', res);
// },
// fail: (err) => {
// console.error('SSE 连接失败', err);
// }
// })
// const listener = data => {
// // data为返回的数据，可以在此对数据进行处理
// console.log(data)
// }
// // 监听服务端返回的数据
// req.onChunkReceived(listener)
// }
}
})

18
app.wxss
View File

@ -1,11 +1,6 @@
/**自定义CheckBox**/
@import "/static/style/icon.wxss";
page {
background: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
background-size: 100% 100vh;
background-repeat: no-repeat;
}
@import "/static/style/common.wxss";
.page-container {
display: flex;
@ -24,7 +19,6 @@ page {
display: flex;
align-items: center;
background-color: transparent;
/* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05); */
}
/* 标题 */
@ -55,13 +49,13 @@ page {
.star::after {
content: "*";
color: red;
color: var(--red-color);
margin-left: 6rpx;
}
.gray-star::after {
content: '*';
color: #525252;
color: var(--text-color);
margin-left: 6rpx;
}
@ -147,14 +141,14 @@ page {
margin-top: 5rpx;
width: 90%;
height: 3rpx;
background-color: #F0F0F0;
background-color: var(--divider-color);
align-self: center;
}
.divider-h {
width: 1px;
height: 10px;
background-color: #e7e4e4;
background-color: var(--divider-color);
padding: 0px 1px;
margin-left: 10px;
align-self: center;
@ -162,7 +156,7 @@ page {
.divider-v-100 {
height: 1rpx;
background-color: #F0F0F0;
background-color: var(--divider-color);
width: 100%;
}

4
components/container-loading/container-loading.wxss
View File

@ -62,8 +62,8 @@
100% {
transform: scale(1.2) translateY(-25px) rotateX(45deg);
background: #FE9944;
box-shadow: 0 25px 40px #FE9944;
background: var(--primary-color);
box-shadow: 0 25px 40px var(--primary-color);
}
}

8
components/down-progress/down-progress.wxss
View File

@ -24,7 +24,7 @@
.progress {
margin-top: 10px;
color: #FE9944;
color: var(--primary-color);
}
.hint-text {
@ -38,7 +38,7 @@
width: 48px;
height: 48px;
animation: satellite 3s infinite linear;
border: 1px solid #FE9944;
border: 1px solid var(--primary-color);
border-radius: 100%;
}
@ -51,8 +51,8 @@
height: 12px;
content: "";
border-radius: 100%;
background-color: #FE9944;
box-shadow: 0 0 10px #FE9944;
background-color: var(--primary-color);
box-shadow: 0 0 10px var(--primary-color);
}
.loading:after {

3
components/tabbar/custom-tabbar.js
View File

@ -28,10 +28,9 @@ Component({
},
methods: {
switchTab(e) {
console.log('点击了')
const index = e.currentTarget.dataset.index;
const pagePath = this.data.tabList[index].pagePath;
console.log(index, pagePath)
console.info('tabbar切换', index, pagePath)
wx.switchTab({
url: '/' + pagePath
});

2
components/tabbar/custom-tabbar.wxml
View File

@ -1,5 +1,5 @@
<view class="tabbar">
<view class="tabbar-item" wx:for="{{tabList}}" wx:key="index" bindtap="switchTab" data-index="{{index}}">
<view class="tabbar-item" wx:for="{{tabList}}" wx:key="index" bind:tap="switchTab" data-index="{{index}}">
<image class="tabbar-icon" src="{{item.selected? item.selectedIconPath : item.iconPath}}"></image>
<view class="tabbar-text" style="color: {{item.selected? selectedColor : color}}">{{item.text}}</view>
</view>

1
components/tabbar/custom-tabbar.wxss
View File

@ -16,6 +16,7 @@
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
}
.tabbar-icon {

2
net/api/projectApi.js
View File

@ -76,7 +76,7 @@ class ProjectService {
//获取使用规则数据
static doGetRuleDate(id) {
const path = apiPath.ruleData.replace('{id}', id)
return request(path, "GET", null, null, "online", false)
return request(path, "GET", null, null, "operator", false)
}
static doGetInvestDetail(data) {
return request(apiPath.investDetail, "GET", data)

23
net/http.js
View File

@ -1,13 +1,13 @@
const Cache = require('../utils/storage');
// 定义api服务地址
// const baseUrl = 'https://www.xzszwhy.cn/daqi/app';
const operatorUrl = 'https://www.aimzhu.com/operator';
const operatorPlug = 'https://www.aimzhu.com/operator-plugin'
// const operatorPlug = 'http://192.168.0.15:8099/operator-plugin'
// const operatorUrl = 'https://www.aimzhu.com/operator';
const copyrightUrl = 'https://www.aimzhu.com/copyright';
const uploadImgUrl = copyrightUrl + '/api/file/v2/upload-image'
const previewUrl = copyrightUrl + '/route/file/v2/download/true/'
import {
operatorUrl,
operatorPlug,
uploadImgUrl,
previewUrl,
copyrightUrl,
imgAssets
} from '../net/mainUrl'
/**
* 传入请求参数，返回Promise支持链试调用
* @param url 请求地址
@ -33,8 +33,6 @@ function request(url, method = "GET", data = {}, params = {}, project = "copyrig
baseUrl = operatorUrl
} else if (project == 'copyright') {
baseUrl = copyrightUrl
} else if (project == 'online') {
baseUrl = 'https://www.aimzhu.com/operator'
} else if (project == 'plug') {
baseUrl = operatorPlug
}
@ -83,5 +81,6 @@ export {
request,
uploadImgUrl,
previewUrl,
copyrightUrl
copyrightUrl,
imgAssets
}

16
net/mainUrl.js Normal file
View File

@ -0,0 +1,16 @@
// 定义api服务地址
const operatorUrl = 'https://www.aimzhu.com/operator';
const operatorPlug = 'https://www.aimzhu.com/operator-plugin'
const copyrightUrl = 'https://www.aimzhu.com/copyright';
const uploadImgUrl = copyrightUrl + '/api/file/v2/upload-image'
const previewUrl = copyrightUrl + '/route/file/v2/download/true/'
const imgAssets = 'https://www.aimzhu.com/miniapp-assets'
export {
operatorUrl,
operatorPlug,
uploadImgUrl,
previewUrl,
copyrightUrl,
imgAssets
}

12
pages/index/index.js
View File

@ -18,6 +18,8 @@ const screenWidth = screenInfo.screenWidth
const windowHeight = screenInfo.windowHeight - navBarHeight - statusBarHeight; //可用内容高度
Page({
data: {
imgAssets: app.globalData.imgAssetsUrl,
localAssets: app.globalData.localAssets,
statusBarHeight: statusBarHeight,
navBarHeight: navBarHeight,
totalHeight: navBarHeight, // 导航栏总高度
@ -83,20 +85,18 @@ Page({
tabList: [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "/static/images/ic_home_normal.png",
"selectedIconPath": "/static/images/ic_home_select.png",
"iconPath": app.globalData.localAssets + "/ic_home_normal.png",
"selectedIconPath": app.globalData.localAssets + "/ic_home_select.png",
"selected": true
},
{
"pagePath": "pages/mine/mineIndex/mine",
"text": "我的",
"iconPath": "/static/images/ic_mine_normal.png",
"selectedIconPath": "/static/images/ic_mine_select.png",
"iconPath": app.globalData.localAssets + "/ic_mine_normal.png",
"selectedIconPath": app.globalData.localAssets + "/ic_mine_select.png",
"selected": false
}
],
color: "#515151",
selectedColor: "#FE9944",
},
onLoad(e) {
const _self = this

11
pages/index/index.wxml
View File

@ -1,8 +1,8 @@
<view style="position: relative;display: flex;flex-direction: column;">
<view class="bg-title" style="position: absolute;height: 500rpx;width: 100vw;"></view>
<view class="bg-title" style="position: absolute;height: 500rpx;width: 100vw;background-image: url({{imgAssets}}/main_bg.png);"></view>
<view style="position: relative;top:0;left:0;">
<view class="title-box" id="title-box">
<view class="custom-navbar" style="height: {{totalHeight}}px; padding-top: {{statusBarHeight}}px;justify-content: flex-start;color: white;">
<view class="custom-navbar" style="height: {{totalHeight}}px; padding-top: {{statusBarHeight}}px;justify-content: flex-start;color: var(--white-color);">
<view class="navbar-title">AI喵著</view>
</view>
<view>
@ -77,7 +77,8 @@
<view class="item-content">
<view class="item-content-title">
<view class="project-name single-line">{{item.projName}}</view>
<view class="project-status">{{item.pay.servicePackageId != '' ? '套餐包':'¥'+(item.pay.payment/100)}}</view>
<view wx:if="{{item.pay.servicePackageId != ''}}" class="project-status">套餐包</view>
<rich-text wx:else class="project-status" nodes="{{tools.moneyTxt(8,(item.pay.payment/100))}}"></rich-text>
</view>
<view class="project-aff">
<view class="icon icon-user-ind"></view>
@ -99,7 +100,7 @@
</view>
</view>
</view>
<custom-tabbar tabList="{{tabList}}" color="{{color}}" selectedColor="{{selectedColor}}"></custom-tabbar>
<custom-tabbar tabList="{{tabList}}" color="var(--tabbar-normal-color)" selectedColor="var(--tabbar-select-color)"></custom-tabbar>
<mp-half-screen-dialog show="{{showDownload}}" ext-class="custom-dialog">
<view slot="title" style="font-size: 16px;font-weight: bold;">资料下载</view>
<view slot="desc" style="margin-top: 10px;">
@ -161,6 +162,6 @@
</mp-half-screen-dialog>
<down-progress isShow="{{downloading}}" progress="{{downloadProgress}}"></down-progress>
<mp-toptips ext-class="custom-tips" msg="{{errorHint}}" type="error" show="{{showError}}"></mp-toptips>
<mp-toptips ext-class="custom-tips" msg="{{successHint}}" delay="2000" type="success" show="{{showSuccess}}"></mp-toptips>
<mp-toptips ext-class="custom-tips" msg="{{successHint}}" delay="{{2000}}" type="success" show="{{showSuccess}}"></mp-toptips>
<ad-popup couponsList="{{tempCoupons}}" bindclose="doCloseAd" bindfurl="doFurlCoupons" visible="{{showAd}}"></ad-popup>
<wxs src="../../utils/comm.wxs" module="tools"></wxs>

78
pages/index/index.wxss
View File

@ -1,5 +1,4 @@
.bg-title {
background-image: url('https://www.aimzhu.com/miniapp-assets/main_bg.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
@ -40,14 +39,15 @@
justify-content: center;
align-items: center;
flex: 2.5;
background-color: #FFE5BC;
color: #550101;
background-color: var(--btn-primary-color);
color: var(--text-brown-color);
border-radius: 10rpx;
font-weight: bold;
text-align: center;
}
.create-btn:active {
background-color: #ffe5bc79;
background-color: var(--btn-primary-color-active);
}
.buy-btn {
@ -56,7 +56,7 @@
width: 80px;
height: 78px;
border-radius: 4px;
background-color: rgba(78, 175, 121, 1);
background-color: var(--btn-green-color);
color: rgba(255, 255, 255, 1);
font-size: 18px;
text-align: center;
@ -64,7 +64,7 @@
}
.buy-btn:active {
background-color: rgba(78, 175, 121, .3);
background-color: var(--btn-green-color-active);
}
.notice-box {
@ -120,12 +120,12 @@
width: 16rpx;
height: 34rpx;
border-radius: 34rpx;
background-color: rgba(255, 169, 0, 1);
background-color: var(--primary-color);
}
.list-title-txt {
line-height: 23px;
color: rgba(16, 16, 16, 1);
color: var(--text-color);
font-size: 16px;
font-family: TaipeiHei-bold;
font-weight: bold;
@ -145,21 +145,21 @@
.btn-select {
line-height: 20px;
background-color: rgba(244, 206, 152, 0.18);
color: rgba(233, 157, 66, 1);
background-color: var(--primary-color-light);
color: var(--primary-color);
font-size: 14px;
text-align: center;
padding: 5px;
border: 1px solid rgba(244, 206, 152, 0.18);
border: 1px solid var(--primary-color-light);
}
.btn-normal {
line-height: 20px;
background-color: rgba(255, 255, 255, 1);
color: rgba(16, 16, 16, 1);
background-color: var(--white-color);
color: var(--text-color);
font-size: 14px;
text-align: center;
border: 1px solid rgba(248, 248, 248, 1);
border: 1px solid var(--divider-color);
padding: 5px;
}
@ -173,8 +173,8 @@
white-space: nowrap;
line-height: 17px;
border-radius: 2px;
background-color: rgba(255, 226, 168, 0.57);
color: rgba(93, 57, 0, 1);
background-color: var(--btn-primary-color);
color: var(--text-brown-color);
font-size: 12px;
text-align: center;
padding: 2px 5px;
@ -213,7 +213,7 @@
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #F7F7F7;
background-color: var(--gray-bg-color);
border-radius: 2px;
padding: 5px;
align-items: center;
@ -248,23 +248,23 @@
}
.status-gray {
background-color: #adadadc0;
color: black;
background-color: var(--gray-color-light);
color: var(--text-color);
}
.status-green {
background-color: #AFE5C7;
color: black;
background-color: var(--green-color-light);
color: var(--text-color);
}
.status-yellow {
background-color: #fe9844c0;
color: black;
background-color: var(--primary-color-light);
color: var(--text-color);
}
.status-red {
background-color: #FF0000C0;
color: white;
background-color: var(--red-color-light);
color: var(--white-color);
}
.item-content {
@ -298,11 +298,10 @@
}
.project-status {
font-size: 12px;
font-size: 24rpx;
color: rgba(16, 16, 16, 1);
font-weight: 400;
font-weight: bold;
flex: .3;
padding-left: 5px;
text-align: center;
white-space: nowrap;
}
@ -343,44 +342,41 @@
.project-create-time {
font-size: 26rpx;
color: #4f4f4f;
color: var(--text-color);
}
.project-btn {
font-size: 24rpx;
background-color: #FE9944;
background-color: var(--primary-color);
color: white;
padding: 2px 10px;
border-radius: 10rpx;
}
.project-btn:active {
background-color: #fe9844d5;
background-color: var(--primary-color-active);
}
.project-re-btn {
font-size: 12px;
background-color: rgba(255, 0, 0, 0.486);
background-color: var(--red-color);
color: white;
padding: 2px 5px;
border-radius: 5px;
}
.project-re-btn:active {
background-color: rgba(255, 0, 0, 0.301);
background-color: var(--red-color-light);
}
.project-btn-no {
font-size: 28rpx;
background-color: rgba(239, 239, 239, 1);
background-color: var(--gray-color);
color: white;
padding: 8rpx 30rpx 8rpx 30rpx;
border-radius: 10rpx;
}
.project-btn:active {
background-color: #fe994479;
}
.marquee-container {
width: 100%;
@ -392,7 +388,7 @@
.marquee-text {
display: inline-block;
animation: marquee 25s linear infinite;
color: rgba(85, 0, 0, 1);
color: var(--text-brown-color);
font-size: 24rpx;
margin-left: 15px;
transform: translateX(100%);
@ -418,7 +414,7 @@
justify-content: space-between;
align-items: center;
padding: 10px;
background-color: white;
background-color: var(--white-color);
border-radius: 5px;
height: 80px;
}
@ -541,7 +537,7 @@
word-break: break-all;
width: 85vw;
font-size: 14px;
color: rgba(114, 197, 245, 0.692);
color: var(--blue-color);
}
.custom-tips {
@ -551,7 +547,7 @@
.hint {
font-size: 14px;
text-align: center;
color: rgb(248, 185, 50);
color: var(--primary-color);
font-weight: bold;
}

2
pages/login/login.js
View File

@ -1,12 +1,14 @@
// pages/login/login.js
import UserService from '../../net/api/userApi';
const Cache = require('../../utils/storage');
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
imgAssets: app.globalData.imgAssetsUrl,
isChecked: false,
hintText: "获取电话号码",
openId: '',

2
pages/login/login.wxml
View File

@ -1,5 +1,5 @@
<view class="login">
<view class="login-container">
<view class="login-container" style="background-image: url({{imgAssets}}/login_bg.jpg);">
</view>
<view class="btn-content">
<view class="deal-box">

25
pages/login/login.wxss
View File

@ -2,8 +2,8 @@
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important;
background-color: #FFA900;
border: 1px solid #FFA900;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.custom-wx-checkbox .wx-checkbox-input {
@ -11,12 +11,12 @@
appearance: none;
outline: 0;
text-indent: 0;
width: 40rpx;
height: 40rpx;
width: 32rpx;
height: 32rpx;
border-radius: 20rpx;
background-color: transparent;
position: relative;
border: 1rpx solid #FFA900;
border: 1rpx solid var(--primary-color);
box-sizing: border-box;
text-align: center;
}
@ -37,7 +37,6 @@
}
.login-container {
background-image: url('https://www.aimzhu.com/miniapp-assets/login_bg.jpg');
width: 100vw;
height: 100vh;
background-size: cover;
@ -61,7 +60,8 @@
}
.deal {
color: blue;
color: var(--blue-color);
font-weight: bold;
}
.deal-box {
@ -70,6 +70,7 @@
flex-direction: row;
justify-content: flex-start;
align-items: center;
color: var(--text-color);
}
.btn {
@ -80,14 +81,14 @@
font-size: 24rpx;
line-height: 20px;
border-radius: 45px;
background-color: rgba(255, 169, 0, 1);
color: rgba(255, 255, 255, 1);
background-color: var(--primary-color);
color: var(--white-color);
text-align: center;
}
.btn[disabled] {
color: gray !important;
background-color: rgb(242, 242, 242) !important;
color: var(--text-color) !important;
background-color: var(--gray-color-light) !important;
}
@keyframes clickScale {
@ -160,7 +161,7 @@
.contact-hint {
font-size: 12px;
color: #FE9944;
color: var(--primary-color);
}
.contact-input {

4
pages/mainPage/mainPage.js
View File

@ -2,6 +2,7 @@
import ProApi from '../../net/api/projectApi';
const screenInfo = wx.getWindowInfo();
const statusBarHeight = screenInfo.statusBarHeight; // 状态栏高度
const app = getApp()
Page({
/**
@ -9,6 +10,7 @@ Page({
*/
data: {
statusBarHeight: statusBarHeight,
imgAssets: app.globalData.imgAssetsUrl,
recommendList: [{
id: '1',
content: '生成真实系统 | 可下载安装包'
@ -41,7 +43,7 @@ Page({
ProApi.doGetMainProCount()
.then(res => {
this.setData({
recommendDesc: `AI喵著网累计辅助编写资料<span style="font-size:20px;"> ${res.data[0]} </span>万套，通过平台代办下发证书<span style="font-size:20px;"> ${res.data[1]} </span>万件`
recommendDesc: `AI喵著网累计辅助编写资料<span style="font-size:14px;font-weight:bold;"> ${res.data[0]} </span>万套，通过平台代办下发证书<span style="font-size:14px;font-weight:bold;"> ${res.data[1]} </span>万件`
})
})
.catch(err => {

13
pages/mainPage/mainPage.wxml
View File

@ -1,17 +1,11 @@
<view class="page-body" style="background-image: url({{imgAssets}}/bg_index_page.jpg);">
<view class="page-container">
<view class="page-container-img"></view>
<!-- 标题图标 -->
<view class="main-logo size-48-128" style="margin-top:{{statusBarHeight}}px;"></view>
<view class="main-logo" style="background-image:url({{imgAssets}}/bg_index_title.png);margin-top:{{statusBarHeight+30}}px;"></view>
<!-- 文字介绍 -->
<view class="main-txt-recommend">
<view class="main-recommend-title">不止</view>
<swiper class="main-recommend-container" vertical="{{true}}" autoplay="{{true}}" circular="{{true}}" interval="{{2000}}">
<block wx:for="{{recommendList}}" wx:key="index">
<swiper-item>
<view class="main-recommend-content">{{item.content}}</view>
</swiper-item>
</block>
</swiper>
<view class="bg-radius">也可自行申请</view>
<view class="main-recommend-desc">
<rich-text nodes="{{recommendDesc}}"></rich-text>
</view>
@ -155,3 +149,4 @@
<view>400-086-1633</view>
</view> -->
</view>
</view>

72
pages/mainPage/mainPage.wxss
View File

File diff suppressed because one or more lines are too long

2
pages/mine/mineAccount/minePayRecord/minePayRecord.js
View File

@ -32,7 +32,7 @@ Page({
})
wx.setNavigationBarColor({
frontColor: '#000000', // 必写项，字体颜色仅支持#ffffff和#000000
backgroundColor: '#F5F5F5', // 传递的颜色值，仅支持十六进制颜色
backgroundColor: '#F0F0F0', // 传递的颜色值，仅支持十六进制颜色
animation: { // 可选项
duration: 500,
timingFunc: 'easeIn'

12
pages/mine/mineIndex/mine.js
View File

@ -20,6 +20,7 @@ Page({
* 页面的初始数据
*/
data: {
localAssets: app.globalData.localAssets,
statusBarHeight: statusBarHeight,
navBarHeight: navBarHeight,
totalHeight: navBarHeight, // 导航栏总高度
@ -71,20 +72,18 @@ Page({
tabList: [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "/static/images/ic_home_normal.png",
"selectedIconPath": "/static/images/ic_home_select.png",
"iconPath": app.globalData.localAssets + "/ic_home_normal.png",
"selectedIconPath": app.globalData.localAssets + "/ic_home_select.png",
"selected": true
},
{
"pagePath": "pages/mine/mineIndex/mine",
"text": "我的",
"iconPath": "/static/images/ic_mine_normal.png",
"selectedIconPath": "/static/images/ic_mine_select.png",
"iconPath": app.globalData.localAssets + "/ic_mine_normal.png",
"selectedIconPath": app.globalData.localAssets + "/ic_mine_select.png",
"selected": false
}
],
color: "#515151",
selectedColor: "#FE9944",
allPrice: 0, //全托管价格
materialPrice: 0, //写材料价格
urgent: 0, //加急价格
@ -122,7 +121,6 @@ Page({
const contentHeight = _self.data.screenHeight - height - 50
const h = Utils.pxToRpx(contentHeight, _self.data.screenWidth)
const tempH = h - 140
console.log('转后', h, '内容高度:', tempH)
_self.setData({
contentHeight: tempH
})

2
pages/mine/mineIndex/mine.wxml
View File

@ -50,7 +50,7 @@
</view>
</view>
</view>
<custom-tabbar tabList="{{tabList}}" color="{{color}}" selectedColor="{{selectedColor}}"></custom-tabbar>
<custom-tabbar tabList="{{tabList}}" color="var(--tabbar-normal-color)" selectedColor="var(--tabbar-select-color)"></custom-tabbar>
<mp-dialog title="提示" show="{{showHint}}" buttons="{{buttons}}" bindbuttontap="closeHint">
<view style="color: black;">{{hintTxt}}</view>
</mp-dialog>

23
pages/mine/mineIndex/mine.wxss
View File

@ -35,9 +35,9 @@
.box-up {
display: flex;
flex-direction: column;
background: linear-gradient(to right, #FFDBB4, #FFEDD2);
background: linear-gradient(to right, var(--mine-page-upbox-color), var(--mine-page-upbox-color-light));
padding: 20rpx 40rpx;
color: #532A00;
color: var(--text-brown-color);
border-top-right-radius: 20rpx;
border-top-left-radius: 20rpx;
}
@ -45,9 +45,9 @@
.box-down {
display: flex;
flex-direction: column;
background: linear-gradient(to right, #FFF0DE, #FEEBD0);
background: linear-gradient(to right, var(--mine-page-downbox-color), var(--mine-page-downbox-color-light));
padding: 10rpx 40rpx;
color: #532A00;
color: var(--text-brown-color);
border-bottom-right-radius: 20rpx;
border-bottom-left-radius: 20rpx;
}
@ -60,18 +60,19 @@
}
.balance-btn {
/* padding: 10rpx 40rpx;
background-color: #4EAF79;
border-radius: 10rpx;
color: white; */
padding: 8rpx 48rpx;
text-align: center;
border-radius: 8rpx;
background-color: rgba(76, 171, 118, 1);
color: rgba(255, 255, 255, 1);
background-color: var(--btn-green-color);
color: var(--white-color);
font-size: 28rpx;
}
.balance-btn:active {
background-color: var(--btn-green-color-active);
color: var(--white-color);
}
.balance-desc {
font-size: 24rpx;
margin-top: 10rpx;
@ -179,7 +180,7 @@
.menu-title {
font-size: 28rpx;
color: black;
color: var(--text-color);
margin-left: 20rpx;
}

36
static/style/common.wxss Normal file
View File

@ -0,0 +1,36 @@
page {
--tabbar-normal-color: #515151;
--tabbar-select-color: #FE9944;
--mine-page-upbox-color: #FFDBB4;
--mine-page-upbox-color-light: #FFEDD2;
--mine-page-downbox-color: #FFF0DE;
--mine-page-downbox-color-light: #FEEBD0;
--primary-color: #FFA900;
--primary-color-active: #ffaa008e;
--primary-color-light: #FFFAF1;
--bg-top-color: #F0F0F0;
--bg-bottom-color: #FFFFFF;
--text-color: #333333;
--text-brown-color: #42210B;
--bg-brown-color: #42210B;
--btn-cyan-color: #39C7C1;
--btn-cyan-active: #39c7c08f;
--btn-primary-color: #FFE5BC;
--btn-primary-color-active: #FFE5BC79;
--btn-green-color: #4EAF79;
--btn-green-color-active: #4EAF7979;
--red-color: #FF0000;
--red-color-light: #FF000079;
--white-color: #FFFFFF;
--black-color: #000000;
--blue-color: #3270FF;
--gray-color: #9c9c9c;
--gray-bg-color: #efefef79;
--green-color: #4EAF79;
--green-color-light: #4EAF7979;
--gray-color-light: #eeeeee;
--divider-color: #F0F0F0;
background: linear-gradient(to bottom, var(--bg-top-color), var(--bg-bottom-color));
background-size: 100% 100vh;
background-repeat: no-repeat;
}