From 40866099bebc0dd34412c7e88e349b8a66f88580 Mon Sep 17 00:00:00 2001
From: lty <876263681@qq.com>
Date: 星期一, 08 十二月 2025 17:05:23 +0800
Subject: [PATCH] #
---
App.vue | 299 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 273 insertions(+), 26 deletions(-)
diff --git a/App.vue b/App.vue
index 2eb6ed2..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: 100rpx;
- line-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: 45%;
+ 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,37 +204,40 @@
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 {
+
+ /* .pda-btn {
margin-left:120rpx;
margin-right: auto;
@@ -231,7 +246,7 @@
height: 80rpx;
font-size: 30upx;
font-weight: bold;
- }
+ } */
.title-login {
text-align: justify;
padding-right: 30upx;
@@ -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;
@@ -282,4 +298,235 @@
-webkit-transform: translate(-50%, -50%) scale(1);
}
-</style>
+ .square-2 {
+ background-color: #ffffff;
+ box-shadow: 0px 0px 5px #d9d9d9;
+ width: 94%;
+ height: 200rpx;
+ border-radius: 20rpx;
+ margin: 20rpx auto 20rpx auto;
+ }
+
+ .square-title {
+ width: 100%;
+ height: 100rpx;
+ }
+
+ .title-sign {
+ display: inline-block;
+ float: left;
+ height: 100rpx;
+ width: 2em;
+ line-height: 100rpx;
+ }
+
+ .sign {
+ background-color: #007AFF;
+ width: 15rpx;
+ height: 40rpx;
+ border-radius: 50rpx;
+ position: relative;
+ top: 50%;
+ left: 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;
+ float: left;
+ height: 80rpx;
+ line-height: 80rpx;
+ width: 95%;
+ margin: 10rpx 2.5%;
+ border-radius: 15rpx;
+ border: 1px solid #eeeeee;
+ }
+
+ .content-input input {
+ display: inline-block;
+ float: left;
+ height: 80rpx;
+ width: 90%;
+ text-indent: 20rpx;
+ font-size: 32rpx;
+ letter-spacing: 3rpx;
+ }
+
+ .content-input-btn {
+ background-color: #f9f9f9;
+ display: inline-block;
+ float: left;
+ height: 80rpx;
+ line-height: 80rpx;
+ width: 70%;
+ margin: 10rpx 2.5%;
+ border-radius: 15rpx;
+ border: 1px solid #eeeeee;
+ }
+
+ .content-input-btn input {
+ display: inline-block;
+ float: left;
+ height: 100%;
+ width: 85%;
+ /* background-color: #007AFF; */
+ text-indent: 20rpx;
+ font-size: 32rpx;
+ letter-spacing: 3rpx;
+ }
+
+ .content-input-combox {
+ background-color: #f9f9f9;
+ display: inline-block;
+ float: right;
+ height: 80rpx;
+ line-height: 80rpx;
+ width: 70%;
+ margin: 10rpx 2.5%;
+ border-radius: 10rpx;
+ border: 1px solid #eeeeee;
+ margin: 10rpx 3% 10rpx 0;
+ }
+
+ .content-input-combox input {
+ display: inline-block;
+ float: left;
+ height: 100%;
+ width: 85%;
+ /* background-color: #007AFF; */
+ text-indent: 20rpx;
+ font-size: 32rpx;
+ letter-spacing: 3rpx;
+ }
+
+ .content-combox {
+ display: inline-block;
+ float: right;
+ height: 80rpx;
+ 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%;
+ height: 100rpx;
+ border-radius: 20rpx;
+ margin: 20rpx auto 20rpx auto;
+ }
+
+ .v-show {
+ width: 100%;
+ height: 100%;
+ /* line-height: 100rpx; */
+ text-align: center;
+ color: #7a7a7a;
+ }
+
+ .title-text {
+ /* background-color: #000000; */
+ display: inline-block;
+ height: 100rpx;
+ width: 500rpx;
+ line-height: 110rpx;
+ font-size: 40rpx;
+ font-weight: 700;
+ /* letter-spacing: 7rpx; */
+ }
+
+ .content-btn {
+ /* background-color: #57a3ff; */
+ display: inline-block;
+ height: 100rpx;
+ width: 25%;
+ }
+
+ .pda-btn {
+ background-color: #1E9FFF;
+ height: 80rpx;
+ width: 90%;
+ margin: 10rpx auto;
+ text-align: center;
+ line-height: 80rpx;
+ font-size: 32rpx;
+ color: #FFFFFF;
+ }
+
+ .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