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

页面优化

Browse Source
This commit is contained in:
itgaojian163 2025-05-06 14:04:00 +08:00
parent 38342b6872
commit 70154b9c7c
18 changed files with 107 additions and 165 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
app.wxss
View File

@ -5,7 +5,7 @@
.page-container {
display: flex;
flex-direction: column;
padding: 15px;
padding: 30rpx;
}
::-webkit-scrollbar {
@ -28,7 +28,40 @@
}
/***End***/
.custom-checkbox {
font-size: 14px;
margin-left: 14px;
border-radius: 50%;
}
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
border-radius: 50%;
}
.custom-wx-checkbox .wx-checkbox-input {
-webkit-appearance: none;
appearance: none;
outline: 0;
text-indent: 0;
width: 32rpx;
height: 32rpx;
border-radius: 50%;
background-color: transparent;
position: relative;
border: 1rpx solid var(--primary-color);
box-sizing: border-box;
text-align: center;
}
/*钩大小*/
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
font-size: 32rpx;
text-align: center;
border-radius: 50%;
}
.mt-10 {
@ -71,6 +104,28 @@
width: 100%;
}
.bottom-fixed-footer {
position: fixed;
bottom: 0rpx;
left: 0rpx;
background-color: var(--white-color);
display: flex;
flex-direction: column;
padding: var(--page-padding) var(--page-padding) 50rpx;
width: 100%;
box-sizing: border-box;
}
.bottom-btn-green {
background-color: var(--btn-green-color);
color: white;
font-size: 16px;
height: 70rpx;
line-height: 70rpx;
border-radius: 5px;
text-align: center;
}
.ml-10 {
margin-left: 10rpx;
}

5
main-app.js
View File

@ -1,12 +1,15 @@
// app.js
import {
appUrl,
imgAssets
} from './net/http'
App({
globalData: {
imgAssetsUrl: imgAssets,
localAssets: "/static/images",
slideBtns: []
slideBtns: [],
appTitle: 'AI喵著',
appUrl: appUrl
},
onLaunch() {
this.globalData.slideBtns = [{

6
net/http.js
View File

@ -5,7 +5,8 @@ import {
uploadImgUrl,
previewUrl,
copyrightUrl,
imgAssets
imgAssets,
appUrl
} from '../net/mainUrl'
/**
@ -82,5 +83,6 @@ export {
uploadImgUrl,
previewUrl,
copyrightUrl,
imgAssets
imgAssets,
appUrl
}

4
net/mainUrl.js
View File

@ -5,6 +5,7 @@ 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'
const appUrl = 'https://www.aimzhu.com'
export {
operatorUrl,
@ -12,5 +13,6 @@ export {
uploadImgUrl,
previewUrl,
copyrightUrl,
imgAssets
imgAssets,
appUrl
}

3
pages/copyright/createBuy/createBuy.js
View File

@ -7,7 +7,8 @@ Page({
*/
data: {
imgAssets: app.globalData.imgAssetsUrl,
localImgAssets:app.globalData.localAssets,
localImgAssets: app.globalData.localAssets,
appUrl: app.globalData.appUrl,
urgent: 0,
projTypes: [], //全托管,写材料 type= ALL type =MATERIAL
allPrice: 0,

2
pages/copyright/createBuy/createBuy.wxml
View File

@ -145,7 +145,7 @@
<view class="icon icon-computer-ind"></view>
<view class="content">
<text class="hint-content">免费试用请使用电脑端登录</text>
<text class="hint-link">https://www.aimzhu.com</text>
<text class="hint-link">{{appUrl}}</text>
</view>
</view>
</view>

64
pages/copyright/createBuy/createBuy.wxss
View File

@ -1,41 +1,12 @@
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important;
background-color: #FFA900;
border: 1px solid #FFA900;
}
.custom-wx-checkbox .wx-checkbox-input {
-webkit-appearance: none;
appearance: none;
margin-bottom: 3px;
outline: 0;
text-indent: 0;
width: 40rpx;
height: 40rpx;
background-color: transparent;
position: relative;
border: 1rpx solid #FFA900;
box-sizing: border-box;
text-align: center;
}
/*钩大小*/
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
font-size: 36rpx;
text-align: center;
}
.buy-container {
display: flex;
flex-direction: column;
padding: 15px;
padding: 30rpx;
}
.buy-title {
height: 100rpx;
background-color: blanchedalmond;
background-color: var(--primary-color-active);
}
.buy-all-container {
@ -50,8 +21,7 @@
flex-direction: column;
border-radius: 20rpx;
background-color: white;
/* box-shadow: 0rpx 0rpx 10rpx 10rpx #e9e8e88f; */
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 2px 6px 0px var(--divider-color);
}
.buy-all-title {
@ -63,30 +33,34 @@
.buy-all-txt {
font-size: 20px;
color: black;
color: var(--text-color);
}
.txt-title {
font-size: 38rpx;
color: #000000;
color: var(--text-color);
font-weight: bold;
}
.buy-all-txt .money {
margin-left: 20rpx;
font-size: 16px;
color: #532A00;
color: var(--text-brown-color);
font-weight: 500;
}
.buy-all-btn {
padding: 5rpx 35rpx;
border-radius: 10rpx;
background-color: #FFA900;
background-color: var(--primary-color);
color: white;
font-size: 28rpx;
}
.buy-all-btn:active {
background-color: var(--primary-color-active);
}
.buy-desc-box {
display: flex;
flex-direction: column;
@ -94,11 +68,11 @@
}
.buy-desc-txt {
color: #3b3b3b;
color: var(--text-color);
}
.buy-desc-title {
color: #3b3b3b;
color: var(--text-color);
}
.buy-desc-item {
@ -165,8 +139,8 @@
/* 使用 ::before 伪元素显示计数器值并设置圆形背景 */
.list-item::before {
content: counter(my-counter);
background-color: #F4CE98;
color: black;
background-color: var(--primary-color-active);
color: var(--black-color);
border-radius: 50%;
width: 18px;
height: 18px;
@ -183,14 +157,14 @@
.box-bottom-options {
justify-content: center;
background-color: #FCF3E5;
background-color: var(--primary-color-active);
padding: 20rpx;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.box-bottom-options .txt {
color: #532A00;
color: var(--text-brown-color);
padding-left: 10rpx;
font-weight: 400;
line-height: 24px;
@ -221,13 +195,13 @@
}
.hint-content {
color: #532A00;
color: var(--text-brown-color);
font-size: 14px;
font-weight: 500;
}
.hint-link {
color: #0a86fa;
color: var(--text-blue-color);
text-align: center;
font-size: 12px;
}

32
pages/copyright/createProjectInfo/createProjectInfo.wxss
View File

@ -1,35 +1,3 @@
.custom-checkbox {
font-size: 14px;
margin-left: 14px;
}
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.custom-wx-checkbox .wx-checkbox-input {
-webkit-appearance: none;
appearance: none;
margin-bottom: 3px;
outline: 0;
text-indent: 0;
width: 32rpx;
height: 32rpx;
background-color: transparent;
position: relative;
border: 1rpx solid var(--primary-color);
box-sizing: border-box;
text-align: center;
}
/*钩大小*/
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
font-size: 32rpx;
text-align: center;
}
.create-container {
display: flex;
flex-direction: column;

8
pages/copyright/publicPay/publicPay.wxml
View File

@ -11,21 +11,21 @@
<!-- 付款信息 -->
<view class="container-box">
<view class="box-title">付款方信息</view>
<view class="item center">
<view class="item">
<view class="title star">公司名称</view>
<view class="content">
<input class="input-box" placeholder="请输入公司名称" value="{{companyName}}" bindinput="inputCompanyName" />
</view>
</view>
<view class="item center">
<view class="item">
<view class="title star">开户银行</view>
<view class="content"><input value="{{companyBank}}" bindinput="inputCompanyBank" class="input-box" placeholder="请输入开户银行" /></view>
</view>
<view class="item center">
<view class="item">
<view class="title star">银行账号</view>
<view class="content"><input class="input-box" placeholder="请输入银行账号" value="{{companyBankNum}}" bindinput="inputCompanyNum" /></view>
</view>
<view class="item center">
<view class="item">
<view class="title star">打款时间</view>
<view class="content">
<picker mode="multiSelector" value="{{dateTime}}" bindchange="changeDateTime" bindcolumnchange="changeDateTimeColumn" range="{{dateTimeArray}}">

15
pages/copyright/publicPay/publicPay.wxss
View File

@ -2,7 +2,6 @@
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
background-color: var(--white-color);
margin-top: 10px;
border-radius: 5px;
@ -22,22 +21,15 @@
.item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 6px 20px;
width: 85vw;
}
.center {
align-items: center;
}
.red {
color: var(--red-color);
}
/* .item:nth-last-of-type(n+1){
} */
.title {
flex: 0.3;
@ -47,7 +39,7 @@
.content {
flex: 0.7;
font-size: 14px;
font-size: 28rpx;
}
.time-picker-box {
@ -136,10 +128,9 @@
background-color: var(--bg-gray-color);
border: 1px solid var(--divider-color);
border-radius: 2rpx;
padding: 3px 8px;
padding: 6rpx 14rpx;
text-align: left;
font-size: 12px;
}
.item-v {

1
pages/index/index.js
View File

@ -20,6 +20,7 @@ Page({
data: {
imgAssets: app.globalData.imgAssetsUrl,
localAssets: app.globalData.localAssets,
appTitle: app.globalData.appTitle,
statusBarHeight: statusBarHeight,
navBarHeight: navBarHeight,
totalHeight: navBarHeight, // 导航栏总高度

2
pages/index/index.wxml
View File

@ -3,7 +3,7 @@
<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: var(--white-color);">
<view class="navbar-title">AI喵著</view>
<view class="navbar-title">{{appTitle}}</view>
</view>
<view>
<view class="title-func">

28
pages/login/login.wxss
View File

@ -1,33 +1,5 @@
/* pages/login/login.wxss */
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.custom-wx-checkbox .wx-checkbox-input {
-webkit-appearance: none;
appearance: none;
outline: 0;
text-indent: 0;
width: 32rpx;
height: 32rpx;
border-radius: 20rpx;
background-color: transparent;
position: relative;
border: 1rpx solid var(--primary-color);
box-sizing: border-box;
text-align: center;
}
/*钩大小*/
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
font-size: 36rpx;
text-align: center;
}
.login {
width: 100vw;
height: 100vh;

5
pages/mainPage/mainPage.js
View File

@ -11,7 +11,8 @@ Page({
data: {
statusBarHeight: statusBarHeight,
imgAssets: app.globalData.imgAssetsUrl,
localImgAssets:app.globalData.localAssets,
localImgAssets: app.globalData.localAssets,
appTitle: app.globalData.appTitle,
recommendList: [{
id: '1',
content: '生成真实系统 | 可下载安装包'
@ -44,7 +45,7 @@ Page({
ProApi.doGetMainProCount()
.then(res => {
this.setData({
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>万件`
recommendDesc: `${this.data.appTitle}网累计辅助编写资料<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 => {

32
pages/mine/mineAccount/invoiceOrder/invoiceOrder.wxss
View File

@ -124,38 +124,6 @@
margin-right: 10rpx;
}
.custom-checkbox {
font-size: 14px;
margin-left: 14px;
}
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.custom-wx-checkbox .wx-checkbox-input {
-webkit-appearance: none;
appearance: none;
margin-bottom: 3px;
outline: 0;
text-indent: 0;
width: 32rpx;
height: 32rpx;
border-radius: 16rpx;
background-color: transparent;
position: relative;
border: 1rpx solid var(--primary-color);
box-sizing: border-box;
text-align: center;
}
/*钩大小*/
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
font-size: 32rpx;
text-align: center;
}
.pay-public {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ1ODExODY1NDk3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI4ODY4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik0xMjggMGg3NjhhMTI4IDEyOCAwIDAgMSAxMjggMTI4djc2OGExMjggMTI4IDAgMCAxLTEyOCAxMjhIMTI4YTEyOCAxMjggMCAwIDEtMTI4LTEyOFYxMjhhMTI4IDEyOCAwIDAgMSAxMjgtMTI4eiBtMjYzLjA0IDI0OC45NmMtMzcuNzYgMTE5LjA0LTk1LjM2IDIxNS4wNC0xNzIuMTYgMjg3LjM2bDQ4IDQxLjZjNzQuODgtNzAuNCAxMzUuMDQtMTcyLjggMTgwLjQ4LTMwNi41NmwtNTYuMzItMjIuNHogbTI0MC42NCAzMzkuMmwtNTQuNCAxOC41NmMyMy4wNCAzNC41NiA0NC44IDcyLjk2IDY1LjkyIDExNS4yLTg0LjQ4IDEyLjgtMTcyLjggMjIuNC0yNjMuNjggMjguOCA1Mi40OC03Mi4zMiAxMDQuOTYtMTYyLjU2IDE1Ni4xNi0yNzAuNzJsLTU5LjUyLTIwLjQ4Yy04MS45MiAxODEuMTItMTQ1LjI4IDI3OS4wNC0xOTAuNzIgMjkzLjc2bDEwLjg4IDU4Ljg4YzEzNi45Ni04Ljk2IDI2MC40OC0yMS43NiAzNzEuODQtMzguNCA4Ljk2IDE5LjIgMTcuMjggMzkuNjggMjYuMjQgNjAuMTZsNTYuOTYtMjUuNmExMzUxLjA0IDEzNTEuMDQgMCAwIDAtMTE5LjY4LTIyMC4xNnpNNjIwLjggMjQzLjg0bC01MS44NCAyOS40NGMzNi40OCAxMjQuOCAxMDEuMTIgMjI2LjU2IDE5My45MiAzMDUuOTJsNDMuNTItNDkuOTJjLTg4LjMyLTczLjYtMTQ5Ljc2LTE2OC45Ni0xODUuNi0yODUuNDR6IiBmaWxsPSIjRkY5NDNFIiBwLWlkPSIyODg2OSI+PC9wYXRoPjwvc3ZnPg==');

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

@ -21,6 +21,8 @@ Page({
*/
data: {
localAssets: app.globalData.localAssets,
imgAssets:app.globalData.imgAssetsUrl,
appTitle: app.globalData.appTitle,
statusBarHeight: statusBarHeight,
navBarHeight: navBarHeight,
totalHeight: navBarHeight, // 导航栏总高度

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

@ -1,9 +1,9 @@
<view class="bg-container">
<image class="bg-image" src="https://www.aimzhu.com/miniapp-assets/bg_mine.png"></image>
<image class="bg-image" src="{{imgAssets}}/bg_mine.png"></image>
<view class="content-container">
<view id="func-box" style="padding: 0rpx 30rpx;">
<view class="custom-navbar" style="height: {{totalHeight}}px; padding-top: {{statusBarHeight}}px;justify-content: center;">
<view class="navbar-title" style="color:#532A00;">AI喵著</view>
<view class="navbar-title" style="color:var(--text-brown-color);">{{appTitle}}</view>
</view>
<view class="container-box">
<view class="box-up">

2
static/style/common.wxss
View File

@ -19,6 +19,7 @@ page {
--text-brown-color: #42210B;
--text-gray-hint-color: #9A9A9A;
--text-gray-desc-color: #5c5c5c;
--text-blue-color: #3270FF;
/* 背景棕色 */
--bg-brown-color: #42210B;
--bg-gray-color: #FAFAFA;
@ -50,6 +51,7 @@ page {
--green-color-light: #4EAF7979;
--gray-color-light: #eeeeee;
--divider-color: #F0F0F0;
--page-padding: 30rpx;
background: linear-gradient(to bottom, var(--bg-top-color), var(--bg-bottom-color));
background-size: 100% 100vh;
background-repeat: no-repeat;