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 | 98 ++++++++++++++++++++++++++++++++++--------------
1 files changed, 69 insertions(+), 29 deletions(-)
diff --git a/App.vue b/App.vue
index f804a57..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: '瀚ｇ孩',
@@ -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,6 +297,7 @@
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}
+
.square-2 {
background-color: #ffffff;
box-shadow: 0px 0px 5px #d9d9d9;
@@ -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,13 +328,15 @@
position: relative;
top: 50%;
left: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
}
+
.square-content {
width: 100%;
height: 100rpx;
}
- .square-content>text{
+
+ .square-content>text {
height: 100%;
/* background-color: #18BC37; */
width: 22%;
@@ -325,6 +347,7 @@
margin-left: 3%;
font-size: 30rpx;
}
+
.content-input {
background-color: #f9f9f9;
display: inline-block;
@@ -336,6 +359,7 @@
border-radius: 15rpx;
border: 1px solid #eeeeee;
}
+
.content-input input {
display: inline-block;
float: left;
@@ -345,6 +369,7 @@
font-size: 32rpx;
letter-spacing: 3rpx;
}
+
.content-input-btn {
background-color: #f9f9f9;
display: inline-block;
@@ -356,6 +381,7 @@
border-radius: 15rpx;
border: 1px solid #eeeeee;
}
+
.content-input-btn input {
display: inline-block;
float: left;
@@ -366,6 +392,7 @@
font-size: 32rpx;
letter-spacing: 3rpx;
}
+
.content-input-combox {
background-color: #f9f9f9;
display: inline-block;
@@ -376,8 +403,9 @@
margin: 10rpx 2.5%;
border-radius: 10rpx;
border: 1px solid #eeeeee;
- margin: 10rpx 3% 10rpx 0 ;
+ margin: 10rpx 3% 10rpx 0;
}
+
.content-input-combox input {
display: inline-block;
float: left;
@@ -388,17 +416,20 @@
font-size: 32rpx;
letter-spacing: 3rpx;
}
+
.content-combox {
display: inline-block;
float: right;
height: 80rpx;
width: 94%;
- margin: 10rpx 3% 10rpx 0 ;
+ margin: 10rpx 3% 10rpx 0;
}
+
.square-none {
width: 100%;
height: 100rpx;
}
+
.square-1 {
position: relative;
background-color: #ffffff;
@@ -408,6 +439,7 @@
border-radius: 20rpx;
margin: 20rpx auto 20rpx auto;
}
+
.v-show {
width: 100%;
height: 100%;
@@ -415,22 +447,25 @@
text-align: center;
color: #7a7a7a;
}
+
.title-text {
/* background-color: #000000; */
display: inline-block;
height: 100rpx;
- width: 250rpx;
+ 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;
@@ -441,6 +476,7 @@
font-size: 32rpx;
color: #FFFFFF;
}
+
.square-3 {
background-color: #ffffff;
box-shadow: 0px 0px 5px #d9d9d9;
@@ -449,6 +485,7 @@
border-radius: 20rpx;
margin: 20rpx auto 20rpx auto;
}
+
.searchBox {
position: absolute;
width: 94%;
@@ -461,6 +498,7 @@
background-color: #F9F9F9;
border-radius: 20rpx;
}
+
.searchIcon {
display: inline-block;
float: left;
@@ -469,18 +507,20 @@
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;
@@ -489,4 +529,4 @@
text-align: center;
line-height: 80rpx;
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.1