From 34ef963b2f84b1101b020e389e4af0011c328e65 Mon Sep 17 00:00:00 2001
From: whycq <123456>
Date: 星期六, 15 十月 2022 09:24:18 +0800
Subject: [PATCH] #
---
App.vue | 232 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 227 insertions(+), 5 deletions(-)
diff --git a/App.vue b/App.vue
index 00c550e..36d8ab0 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,6 +95,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 +116,7 @@
.nav-li {
padding: 30upx;
border-radius: 12upx;
- width: 45%;
+ width: 95%;
margin: 0 2.5% 40upx;
background-size: cover;
@@ -210,7 +225,7 @@
transform: translateY(0px);
}
}
- .pda-btn {
+ /* .pda-btn {
margin-left:120rpx;
margin-right: auto;
@@ -219,7 +234,7 @@
height: 80rpx;
font-size: 30upx;
font-weight: bold;
- }
+ } */
.title-login {
text-align: justify;
padding-right: 30upx;
@@ -269,5 +284,212 @@
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;
+ }
+ .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: 250rpx;
+ 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>
--
Gitblit v1.9.1