From b4416d1e1c0c292875820a3a510a1bc3488cb1f7 Mon Sep 17 00:00:00 2001 From: whycq <123456> Date: 星期四, 10 十一月 2022 12:37:41 +0800 Subject: [PATCH] # --- App.vue | 266 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 262 insertions(+), 4 deletions(-) diff --git a/App.vue b/App.vue index 0dfd7ff..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: '瀚g孩', @@ -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: 65%; + 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; @@ -234,4 +249,247 @@ 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; + } + .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