From 6841dd88d840ad8310b1809c99df36a0e789aa2e Mon Sep 17 00:00:00 2001
From: whycq <123456>
Date: 星期日, 24 四月 2022 11:37:35 +0800
Subject: [PATCH] #
---
App.vue | 151 +++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 148 insertions(+), 3 deletions(-)
diff --git a/App.vue b/App.vue
index f438cb2..1d9a541 100644
--- a/App.vue
+++ b/App.vue
@@ -222,7 +222,7 @@
transform: translateY(0px);
}
}
- .pda-btn {
+ /* .pda-btn {
margin-left:120rpx;
margin-right: auto;
@@ -231,7 +231,7 @@
height: 80rpx;
font-size: 30upx;
font-weight: bold;
- }
+ } */
.title-login {
text-align: justify;
padding-right: 30upx;
@@ -281,5 +281,150 @@
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: 60%;
+ 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: 15rpx 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: 35%;
+ }
+ .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