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 // app.js
import {
imgAssets
} from './net/http'
App({ App({
globalData: { globalData: {
userInfo: null, imgAssetsUrl: imgAssets,
isAdPopupVisible: false localAssets: "/static/images"
}, },
onLaunch() { onLaunch() {
//自定义字体
// wx.loadFontFace({ // wx.loadFontFace({
// family: 'PingFang-regular', // family: 'PingFang-regular',
// global: true, // 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**/ /**自定义CheckBox**/
@import "/static/style/icon.wxss"; @import "/static/style/icon.wxss";
@import "/static/style/common.wxss";
page {
background: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
background-size: 100% 100vh;
background-repeat: no-repeat;
}
.page-container { .page-container {
display: flex; display: flex;
@ -24,7 +19,6 @@ page {
display: flex; display: flex;
align-items: center; align-items: center;
background-color: transparent; background-color: transparent;
/* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05); */
} }
/* 标题 */ /* 标题 */
@ -55,13 +49,13 @@ page {
.star::after { .star::after {
content: "*"; content: "*";
color: red; color: var(--red-color);
margin-left: 6rpx; margin-left: 6rpx;
} }
.gray-star::after { .gray-star::after {
content: '*'; content: '*';
color: #525252; color: var(--text-color);
margin-left: 6rpx; margin-left: 6rpx;
} }
@ -147,14 +141,14 @@ page {
margin-top: 5rpx; margin-top: 5rpx;
width: 90%; width: 90%;
height: 3rpx; height: 3rpx;
background-color: #F0F0F0; background-color: var(--divider-color);
align-self: center; align-self: center;
} }
.divider-h { .divider-h {
width: 1px; width: 1px;
height: 10px; height: 10px;
background-color: #e7e4e4; background-color: var(--divider-color);
padding: 0px 1px; padding: 0px 1px;
margin-left: 10px; margin-left: 10px;
align-self: center; align-self: center;
@ -162,7 +156,7 @@ page {
.divider-v-100 { .divider-v-100 {
height: 1rpx; height: 1rpx;
background-color: #F0F0F0; background-color: var(--divider-color);
width: 100%; width: 100%;
} }

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

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

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

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

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

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

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

@ -1,5 +1,5 @@
<view class="tabbar"> <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> <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 class="tabbar-text" style="color: {{item.selected? selectedColor : color}}">{{item.text}}</view>
</view> </view>

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

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

2
net/api/projectApi.js
View File

@ -76,7 +76,7 @@ class ProjectService {
//获取使用规则数据 //获取使用规则数据
static doGetRuleDate(id) { static doGetRuleDate(id) {
const path = apiPath.ruleData.replace('{id}', 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) { static doGetInvestDetail(data) {
return request(apiPath.investDetail, "GET", data) return request(apiPath.investDetail, "GET", data)

23
net/http.js
View File

@ -1,13 +1,13 @@
const Cache = require('../utils/storage'); const Cache = require('../utils/storage');
// 定义api服务地址 import {
// const baseUrl = 'https://www.xzszwhy.cn/daqi/app'; operatorUrl,
const operatorUrl = 'https://www.aimzhu.com/operator'; operatorPlug,
const operatorPlug = 'https://www.aimzhu.com/operator-plugin' uploadImgUrl,
// const operatorPlug = 'http://192.168.0.15:8099/operator-plugin' previewUrl,
// const operatorUrl = 'https://www.aimzhu.com/operator'; copyrightUrl,
const copyrightUrl = 'https://www.aimzhu.com/copyright'; imgAssets
const uploadImgUrl = copyrightUrl + '/api/file/v2/upload-image' } from '../net/mainUrl'
const previewUrl = copyrightUrl + '/route/file/v2/download/true/'
/** /**
* 传入请求参数，返回Promise支持链试调用 * 传入请求参数，返回Promise支持链试调用
* @param url 请求地址 * @param url 请求地址
@ -33,8 +33,6 @@ function request(url, method = "GET", data = {}, params = {}, project = "copyrig
baseUrl = operatorUrl baseUrl = operatorUrl
} else if (project == 'copyright') { } else if (project == 'copyright') {
baseUrl = copyrightUrl baseUrl = copyrightUrl
} else if (project == 'online') {
baseUrl = 'https://www.aimzhu.com/operator'
} else if (project == 'plug') { } else if (project == 'plug') {
baseUrl = operatorPlug baseUrl = operatorPlug
} }
@ -83,5 +81,6 @@ export {
request, request,
uploadImgUrl, uploadImgUrl,
previewUrl, 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; //可用内容高度 const windowHeight = screenInfo.windowHeight - navBarHeight - statusBarHeight; //可用内容高度
Page({ Page({
data: { data: {
imgAssets: app.globalData.imgAssetsUrl,
localAssets: app.globalData.localAssets,
statusBarHeight: statusBarHeight, statusBarHeight: statusBarHeight,
navBarHeight: navBarHeight, navBarHeight: navBarHeight,
totalHeight: navBarHeight, // 导航栏总高度 totalHeight: navBarHeight, // 导航栏总高度
@ -83,20 +85,18 @@ Page({
tabList: [{ tabList: [{
"pagePath": "pages/index/index", "pagePath": "pages/index/index",
"text": "首页", "text": "首页",
"iconPath": "/static/images/ic_home_normal.png", "iconPath": app.globalData.localAssets + "/ic_home_normal.png",
"selectedIconPath": "/static/images/ic_home_select.png", "selectedIconPath": app.globalData.localAssets + "/ic_home_select.png",
"selected": true "selected": true
}, },
{ {
"pagePath": "pages/mine/mineIndex/mine", "pagePath": "pages/mine/mineIndex/mine",
"text": "我的", "text": "我的",
"iconPath": "/static/images/ic_mine_normal.png", "iconPath": app.globalData.localAssets + "/ic_mine_normal.png",
"selectedIconPath": "/static/images/ic_mine_select.png", "selectedIconPath": app.globalData.localAssets + "/ic_mine_select.png",
"selected": false "selected": false
} }
], ],
color: "#515151",
selectedColor: "#FE9944",
}, },
onLoad(e) { onLoad(e) {
const _self = this const _self = this

11
pages/index/index.wxml
View File

@ -1,8 +1,8 @@
<view style="position: relative;display: flex;flex-direction: column;"> <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 style="position: relative;top:0;left:0;">
<view class="title-box" id="title-box"> <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 class="navbar-title">AI喵著</view>
</view> </view>
<view> <view>
@ -77,7 +77,8 @@
<view class="item-content"> <view class="item-content">
<view class="item-content-title"> <view class="item-content-title">
<view class="project-name single-line">{{item.projName}}</view> <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>
<view class="project-aff"> <view class="project-aff">
<view class="icon icon-user-ind"></view> <view class="icon icon-user-ind"></view>
@ -99,7 +100,7 @@
</view> </view>
</view> </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"> <mp-half-screen-dialog show="{{showDownload}}" ext-class="custom-dialog">
<view slot="title" style="font-size: 16px;font-weight: bold;">资料下载</view> <view slot="title" style="font-size: 16px;font-weight: bold;">资料下载</view>
<view slot="desc" style="margin-top: 10px;"> <view slot="desc" style="margin-top: 10px;">
@ -161,6 +162,6 @@
</mp-half-screen-dialog> </mp-half-screen-dialog>
<down-progress isShow="{{downloading}}" progress="{{downloadProgress}}"></down-progress> <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="{{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> <ad-popup couponsList="{{tempCoupons}}" bindclose="doCloseAd" bindfurl="doFurlCoupons" visible="{{showAd}}"></ad-popup>
<wxs src="../../utils/comm.wxs" module="tools"></wxs> <wxs src="../../utils/comm.wxs" module="tools"></wxs>

78
pages/index/index.wxss
View File

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

2
pages/login/login.js
View File

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

2
pages/login/login.wxml
View File

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

4
pages/mainPage/mainPage.js
View File

@ -2,6 +2,7 @@
import ProApi from '../../net/api/projectApi'; import ProApi from '../../net/api/projectApi';
const screenInfo = wx.getWindowInfo(); const screenInfo = wx.getWindowInfo();
const statusBarHeight = screenInfo.statusBarHeight; // 状态栏高度 const statusBarHeight = screenInfo.statusBarHeight; // 状态栏高度
const app = getApp()
Page({ Page({
/** /**
@ -9,6 +10,7 @@ Page({
*/ */
data: { data: {
statusBarHeight: statusBarHeight, statusBarHeight: statusBarHeight,
imgAssets: app.globalData.imgAssetsUrl,
recommendList: [{ recommendList: [{
id: '1', id: '1',
content: '生成真实系统 | 可下载安装包' content: '生成真实系统 | 可下载安装包'
@ -41,7 +43,7 @@ Page({
ProApi.doGetMainProCount() ProApi.doGetMainProCount()
.then(res => { .then(res => {
this.setData({ 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 => { .catch(err => {

207
pages/mainPage/mainPage.wxml
View File

@ -1,62 +1,123 @@
<view class="page-container"> <view class="page-body" style="background-image: url({{imgAssets}}/bg_index_page.jpg);">
<view class="page-container-img"></view> <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> <view class="main-txt-recommend">
<swiper class="main-recommend-container" vertical="{{true}}" autoplay="{{true}}" circular="{{true}}" interval="{{2000}}"> <view class="bg-radius">也可自行申请</view>
<block wx:for="{{recommendList}}" wx:key="index"> <view class="main-recommend-desc">
<swiper-item> <rich-text nodes="{{recommendDesc}}"></rich-text>
<view class="main-recommend-content">{{item.content}}</view> </view>
</swiper-item>
</block>
</swiper>
<view class="main-recommend-desc">
<rich-text nodes="{{recommendDesc}}"></rich-text>
</view> </view>
</view> <view class="buy-all-container">
<view class="buy-all-container"> <view class="buy-all-box">
<view class="buy-all-title">
<view class="buy-all-txt">
<text class="txt-title">全托管</text>
<text class="money">¥180~280</text>
</view>
<view class="buy-all-btn" bind:tap="openLogin" data-type="ALL">购买</view>
</view>
<view class="pd-20">
<view class="buy-desc-box mt-10">
<view class="buy-desc-txt">从下单到取证,仅需提供基本信息,我们为您提供一站式管家服务.</view>
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包可运行软件开发与搭建</text>
</view>
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包鉴别材料撰写</text>
</view>
</view>
<view class="buy-desc-item mt-10">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包代办,包下证,包开发票提</text>
</view>
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">供可运行软件安装包</text>
</view>
</view>
<view class="buy-desc-item mt-10">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件云服务900天</text>
</view>
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件演示视频</text>
</view>
</view>
<view class="buy-desc-item mt-10">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">客服一对一服务</text>
</view>
</view>
<view class="mt-10">
<text style="font-size:25rpx;">使用流程</text>
<view class="buy-desc-column mt-10 list">
<view class="buy-desc-row-no-margin list-item">
<text class="txt-hor">填写系统名称</text>
</view>
<view class="buy-desc-row-no-margin list-item">
<text class="txt-hor">填写基本信息</text>
</view>
<view class="buy-desc-row-no-margin list-item">
<text class="txt-hor">接收证书</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 写材料 -->
<view class="buy-all-box"> <view class="buy-all-box">
<view class="buy-all-title"> <view class="buy-all-title">
<view class="buy-all-txt"> <view class="buy-all-txt">
<text class="txt-title">全托管</text> <text class="txt-title">写材料</text>
<text class="money">¥180~280</text> <text class="money">¥30~80</text>
</view> </view>
<view class="buy-all-btn" bind:tap="openLogin" data-type="ALL">购买</view> <view class="buy-all-btn" bind:tap="openLogin" data-type="MATERIAL">购买</view>
</view> </view>
<view class="pd-20"> <view class="pd-20">
<view class="buy-desc-box mt-10"> <view class="buy-desc-box">
<view class="buy-desc-txt">从下单到取证,仅需提供基本信息,我们为您提供一站式管家服务.</view> <view class="buy-desc-txt mt-10">通过平台自己搭建可运行软件后由平台自动生成相关鉴别材料,下载鉴别材料后可自行申报或找相关代理机构申报.</view>
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view> <view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包可运行软件开发与搭建</text> <text class="txt">通过平台自己搭建可运行软件</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包鉴别材料撰写</text> <text class="txt">平台自动撰写鉴别材料</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包代办,包下证,包开发票提</text> <text class="txt">包补正材料撰写一直到下证</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">供可运行软件安装包</text> <text class="txt">两次补正不通过平台退款</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件云服务900天</text> <text class="txt">包开发票</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件演示视频</text> <text class="txt">提供可运行软件云服务300天</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
@ -66,92 +127,26 @@
</view> </view>
</view> </view>
<view class="mt-10"> <view class="mt-10">
<text style="font-size:25rpx;">使用流程</text> <text style="font-size: 25rpx;">使用流程</text>
<view class="buy-desc-column mt-10 list"> <view style="display: flex;flex-direction: column;">
<view class="buy-desc-row-no-margin list-item"> <view class="buy-desc-row-no-margin mt-10">
<text class="txt-hor">填写系统名称</text> <image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="single-txt">按系统操作流程执行</text>
</view> </view>
<view class="buy-desc-row-no-margin list-item"> <view class="buy-desc-row-no-margin mt-10">
<text class="txt-hor">填写基本信息</text> <image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
</view> <text class="single-txt ">如需视频文件和安装包请在下证后购买下载</text>
<view class="buy-desc-row-no-margin list-item">
<text class="txt-hor">接收证书</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> <view class="main-btn" bind:tap="openLogin">去登录</view>
<!-- 写材料 --> <!-- <view class="main-footer">
<view class="buy-all-box">
<view class="buy-all-title">
<view class="buy-all-txt">
<text class="txt-title">写材料</text>
<text class="money">¥30~80</text>
</view>
<view class="buy-all-btn" bind:tap="openLogin" data-type="MATERIAL">购买</view>
</view>
<view class="pd-20">
<view class="buy-desc-box">
<view class="buy-desc-txt mt-10">通过平台自己搭建可运行软件后由平台自动生成相关鉴别材料,下载鉴别材料后可自行申报或找相关代理机构申报.</view>
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">通过平台自己搭建可运行软件</text>
</view>
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">平台自动撰写鉴别材料</text>
</view>
</view>
<view class="buy-desc-item mt-10">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包补正材料撰写一直到下证</text>
</view>
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">两次补正不通过平台退款</text>
</view>
</view>
<view class="buy-desc-item mt-10">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包开发票</text>
</view>
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件云服务300天</text>
</view>
</view>
<view class="buy-desc-item mt-10">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">客服一对一服务</text>
</view>
</view>
<view class="mt-10">
<text style="font-size: 25rpx;">使用流程</text>
<view style="display: flex;flex-direction: column;">
<view class="buy-desc-row-no-margin mt-10">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="single-txt">按系统操作流程执行</text>
</view>
<view class="buy-desc-row-no-margin mt-10">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="single-txt ">如需视频文件和安装包请在下证后购买下载</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="main-btn" bind:tap="openLogin">去登录</view>
<!-- <view class="main-footer">
<view>客服中心</view> <view>客服中心</view>
<view>关于我们</view> <view>关于我们</view>
<view>400-086-1633</view> <view>400-086-1633</view>
</view> --> </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({ wx.setNavigationBarColor({
frontColor: '#000000', // 必写项，字体颜色仅支持#ffffff和#000000 frontColor: '#000000', // 必写项，字体颜色仅支持#ffffff和#000000
backgroundColor: '#F5F5F5', // 传递的颜色值，仅支持十六进制颜色 backgroundColor: '#F0F0F0', // 传递的颜色值，仅支持十六进制颜色
animation: { // 可选项 animation: { // 可选项
duration: 500, duration: 500,
timingFunc: 'easeIn' timingFunc: 'easeIn'

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

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

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

@ -50,7 +50,7 @@
</view> </view>
</view> </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"> <mp-dialog title="提示" show="{{showHint}}" buttons="{{buttons}}" bindbuttontap="closeHint">
<view style="color: black;">{{hintTxt}}</view> <view style="color: black;">{{hintTxt}}</view>
</mp-dialog> </mp-dialog>

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

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