From 4ec20722756ba84c36b9690f6a24bec50c760fd9 Mon Sep 17 00:00:00 2001
From: whycq <123456>
Date: 星期日, 24 四月 2022 23:56:14 +0800
Subject: [PATCH] #
---
App.vue | 213 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 211 insertions(+), 2 deletions(-)
diff --git a/App.vue b/App.vue
index 09a1112..3c97d57 100644
--- a/App.vue
+++ b/App.vue
@@ -92,6 +92,18 @@
/*姣忎釜椤甸潰鍏叡css */
@import "colorui/main.css";
@import "colorui/icon.css";
+
+ .footer {
+ width: 100%;
+ height: 150rpx;
+ line-height: 150rpx;
+ background-color: #FFF;
+ position: fixed;
+ bottom: 0;
+ border-top: 1px solid #d8d8d8;
+ border-radius: 20rpx 20rpx 0 0 ;
+ z-index: 1;
+ }
.nav-list {
display: flex;
flex-wrap: wrap;
@@ -101,7 +113,7 @@
.nav-li {
padding: 30upx;
border-radius: 12upx;
- width: 65%;
+ width: 95%;
margin: 0 2.5% 40upx;
background-size: cover;
@@ -210,12 +222,209 @@
transform: translateY(0px);
}
}
- .pda-btn {
+ /* .pda-btn {
margin-left:120rpx;
margin-right: auto;
margin-top: 150rpx;
width: 200rpx;
height: 80rpx;
+ font-size: 30upx;
+ font-weight: bold;
+ } */
+ .title-login {
+ text-align: justify;
+ padding-right: 30upx;
+ font-size: 30upx;
+ font-weight: 400;
+ position: relative;
+ 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;
+ }
+ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
+ background: $primary-color;
+ } */
+ /* 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{
+ width: 30rpx !important;
+ height: 30rpx !important;
+ }
+
+ /*checkbox閫変腑鍚庢牱寮� */
+ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
+ background: #3D7EFF;
+ border-color:#3D7EFF;
+ }
+
+ /*checkbox閫変腑鍚庡浘鏍囨牱寮� */
+ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
+ width: 30rpx;
+ height: 30rpx;
+ line-height: 30rpx;
+ text-align: center;
+ font-size: 30rpx;
+ color: #fff;
+ background: transparent;
+ transform: translate(-50%, -50%) scale(1);
+ -webkit-transform: translate(-50%, -50%) scale(1);
+ }
+.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;
+ }
+ .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: 100%;
+ width: 90%;
+ /* background-color: #007AFF; */
+ 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: 60%;
+ margin: 10rpx 2.5%;
+ border-radius: 15rpx;
+ border: 1px solid #eeeeee;
+ }
+ .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;
+ height: 80rpx;
+ width: 30%;
+ margin: 10rpx 0 10rpx 3% ;
+ }
+ .square-none {
+ width: 100%;
+ height: 100rpx;
+ }
+ .square-1 {
+ 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 {
+ display: inline-block;
+ height: 100rpx;
+ width: 10em;
+ 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;
}
</style>
--
Gitblit v1.9.1