From dfb5b38e438628767aeefa7b1d22ee7360072eea Mon Sep 17 00:00:00 2001
From: zhou zhou <3272660260@qq.com>
Date: 星期二, 25 十一月 2025 19:27:12 +0800
Subject: [PATCH] #
---
App.vue | 168 +++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 135 insertions(+), 33 deletions(-)
diff --git a/App.vue b/App.vue
index 3c97d57..fca5d38 100644
--- a/App.vue
+++ b/App.vue
@@ -1,6 +1,9 @@
<script>
import Vue from 'vue'
export default {
+ globalData: {
+ baseHttp: '',
+ },
onLaunch: function() {
Vue.prototype.ColorList = [{
title: '瀚ｇ孩',
@@ -84,7 +87,7 @@
},
onHide: function() {
console.log('App Hide')
- }
+ },
}
</script>
@@ -92,35 +95,38 @@
/*姣忎釜椤甸潰鍏叡css */
@import "colorui/main.css";
@import "colorui/icon.css";
-
+
.footer {
width: 100%;
- height: 150rpx;
+ height: 100rpx;
line-height: 150rpx;
background-color: #FFF;
position: fixed;
bottom: 0;
border-top: 1px solid #d8d8d8;
- border-radius: 20rpx 20rpx 0 0 ;
+ border-radius: 20rpx 20rpx 0 0;
z-index: 1;
}
+
.nav-list {
display: flex;
flex-wrap: wrap;
padding: 0px 40upx 0px;
justify-content: space-between;
}
+
.nav-li {
padding: 30upx;
border-radius: 12upx;
width: 95%;
margin: 0 2.5% 40upx;
-
+
background-size: cover;
background-position: center;
position: relative;
z-index: 1;
}
+
.nav-li::after {
content: "";
position: absolute;
@@ -134,25 +140,30 @@
opacity: 0.2;
transform: scale(0.9, 0.9);
}
+
.nav-li.cur {
color: #fff;
background: rgb(94, 185, 94);
box-shadow: 4upx 4upx 6upx rgba(94, 185, 94, 0.4);
}
+
.nav-title {
font-size: 32upx;
font-weight: 300;
}
+
.nav-title::first-letter {
font-size: 40upx;
margin-right: 4upx;
}
+
.nav-name {
font-size: 28upx;
text-transform: Capitalize;
margin-top: 20upx;
position: relative;
}
+
.nav-name::before {
content: "";
position: absolute;
@@ -164,7 +175,7 @@
right: 0;
opacity: 0.5;
}
-
+
.nav-name::after {
content: "";
position: absolute;
@@ -176,12 +187,13 @@
right: 40upx;
opacity: 0.3;
}
-
+
.nav-name::first-letter {
font-weight: bold;
font-size: 36upx;
margin-right: 1px;
}
+
.nav-li text {
position: absolute;
right: 30upx;
@@ -192,36 +204,39 @@
text-align: center;
line-height: 60upx;
}
+
.text-light {
font-weight: 300;
}
+
@keyframes show {
0% {
transform: translateY(-50px);
}
-
+
60% {
transform: translateY(40upx);
}
-
+
100% {
transform: translateY(0px);
}
}
-
+
@-webkit-keyframes show {
0% {
transform: translateY(-50px);
}
-
+
60% {
transform: translateY(40upx);
}
-
+
100% {
transform: translateY(0px);
}
}
+
/* .pda-btn {
margin-left:120rpx;
@@ -241,12 +256,13 @@
height: 60upx;
line-height: 60upx;
}
+
.main-btn {
padding: 0 20px;
font-size: 20px;
height: 40px;
}
-
+
/* uni-checkbox .uni-checkbox-input{
border-radius: 20% !important;
border: 1px solid black;
@@ -256,23 +272,23 @@
} */
/* uni-checkbox-group{ width: 100% !important; }
uni-checkbox-group uni-label{ width: 33% !important; display: inline-flex; margin-bottom: 20rpx; } */
-
+
/*checkbox 閫夐」妗嗗ぇ灏� */
- uni-checkbox .uni-checkbox-input{
+ uni-checkbox .uni-checkbox-input {
width: 30rpx !important;
height: 30rpx !important;
}
-
+
/*checkbox閫変腑鍚庢牱寮� */
- uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
+ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
background: #3D7EFF;
- border-color:#3D7EFF;
+ border-color: #3D7EFF;
}
-
+
/*checkbox閫変腑鍚庡浘鏍囨牱寮� */
- uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
- width: 30rpx;
- height: 30rpx;
+ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
+ width: 30rpx;
+ height: 30rpx;
line-height: 30rpx;
text-align: center;
font-size: 30rpx;
@@ -281,7 +297,8 @@
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}
-.square-2 {
+
+ .square-2 {
background-color: #ffffff;
box-shadow: 0px 0px 5px #d9d9d9;
width: 94%;
@@ -289,10 +306,12 @@
border-radius: 20rpx;
margin: 20rpx auto 20rpx auto;
}
+
.square-title {
width: 100%;
height: 100rpx;
}
+
.title-sign {
display: inline-block;
float: left;
@@ -300,6 +319,7 @@
width: 2em;
line-height: 100rpx;
}
+
.sign {
background-color: #007AFF;
width: 15rpx;
@@ -308,12 +328,26 @@
position: relative;
top: 50%;
left: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
}
+
.square-content {
width: 100%;
height: 100rpx;
}
+
+ .square-content>text {
+ height: 100%;
+ /* background-color: #18BC37; */
+ width: 22%;
+ line-height: 100rpx;
+ display: inline-block;
+ float: left;
+ text-align: right;
+ margin-left: 3%;
+ font-size: 30rpx;
+ }
+
.content-input {
background-color: #f9f9f9;
display: inline-block;
@@ -325,16 +359,17 @@
border-radius: 15rpx;
border: 1px solid #eeeeee;
}
+
.content-input input {
display: inline-block;
float: left;
- height: 100%;
+ height: 80rpx;
width: 90%;
- /* background-color: #007AFF; */
text-indent: 20rpx;
font-size: 32rpx;
letter-spacing: 3rpx;
}
+
.content-input-btn {
background-color: #f9f9f9;
display: inline-block;
@@ -346,6 +381,7 @@
border-radius: 15rpx;
border: 1px solid #eeeeee;
}
+
.content-input-btn input {
display: inline-block;
float: left;
@@ -356,17 +392,20 @@
font-size: 32rpx;
letter-spacing: 3rpx;
}
+
.content-input-combox {
background-color: #f9f9f9;
display: inline-block;
float: right;
height: 80rpx;
line-height: 80rpx;
- width: 60%;
+ width: 70%;
margin: 10rpx 2.5%;
- border-radius: 15rpx;
+ border-radius: 10rpx;
border: 1px solid #eeeeee;
+ margin: 10rpx 3% 10rpx 0;
}
+
.content-input-combox input {
display: inline-block;
float: left;
@@ -377,17 +416,22 @@
font-size: 32rpx;
letter-spacing: 3rpx;
}
+
.content-combox {
display: inline-block;
+ float: right;
height: 80rpx;
- width: 30%;
- margin: 10rpx 0 10rpx 3% ;
+ width: 94%;
+ margin: 10rpx 3% 10rpx 0;
}
+
.square-none {
width: 100%;
height: 100rpx;
}
+
.square-1 {
+ position: relative;
background-color: #ffffff;
box-shadow: 0px 0px 5px #d9d9d9;
width: 94%;
@@ -395,6 +439,7 @@
border-radius: 20rpx;
margin: 20rpx auto 20rpx auto;
}
+
.v-show {
width: 100%;
height: 100%;
@@ -402,21 +447,25 @@
text-align: center;
color: #7a7a7a;
}
+
.title-text {
+ /* background-color: #000000; */
display: inline-block;
height: 100rpx;
- width: 10em;
+ width: 500rpx;
line-height: 110rpx;
font-size: 40rpx;
font-weight: 700;
- letter-spacing: 7rpx;
+ /* letter-spacing: 7rpx; */
}
+
.content-btn {
/* background-color: #57a3ff; */
display: inline-block;
height: 100rpx;
width: 25%;
}
+
.pda-btn {
background-color: #1E9FFF;
height: 80rpx;
@@ -427,4 +476,57 @@
font-size: 32rpx;
color: #FFFFFF;
}
-</style>
+
+ .square-3 {
+ background-color: #ffffff;
+ box-shadow: 0px 0px 5px #d9d9d9;
+ width: 94%;
+ height: 300rpx;
+ border-radius: 20rpx;
+ margin: 20rpx auto 20rpx auto;
+ }
+
+ .searchBox {
+ position: absolute;
+ width: 94%;
+ height: 80%;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ margin: auto;
+ background-color: #F9F9F9;
+ border-radius: 20rpx;
+ }
+
+ .searchIcon {
+ display: inline-block;
+ float: left;
+ width: 10%;
+ height: 100%;
+ text-align: center;
+ line-height: 80rpx;
+ }
+
+ .searchArea {
+ display: inline-block;
+ float: left;
+ width: 80%;
+ height: 100%;
+ }
+
+ .searchArea input {
+ height: 100%;
+ font-size: 14px;
+ color: #5f5f5f;
+ }
+
+ .closeIcon {
+ display: inline-block;
+ float: left;
+ width: 10%;
+ height: 100%;
+ text-align: center;
+ line-height: 80rpx;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1