From c1e688c8a52dd517a2b10125ff9fd1ede7499ce3 Mon Sep 17 00:00:00 2001
From: whycq <whycq>
Date: 星期五, 29 四月 2022 11:20:32 +0800
Subject: [PATCH] #
---
pages/basics/demo.vue | 20 ++++++++++++++++++--
App.vue | 27 ++++++++++++++++++++++++---
2 files changed, 42 insertions(+), 5 deletions(-)
diff --git a/App.vue b/App.vue
index 92e790a..b6f1679 100644
--- a/App.vue
+++ b/App.vue
@@ -281,10 +281,10 @@
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}
-.square-2 {
+ .square-2 {
background-color: #ffffff;
box-shadow: 0px 0px 5px #d9d9d9;
- width: 94%;
+ width: 96%;
height: 200rpx;
border-radius: 20rpx;
margin: 20rpx auto 20rpx auto;
@@ -390,7 +390,7 @@
.square-1 {
background-color: #ffffff;
box-shadow: 0px 0px 5px #d9d9d9;
- width: 94%;
+ width: 96%;
height: 100rpx;
border-radius: 20rpx;
margin: 20rpx auto 20rpx auto;
@@ -427,4 +427,25 @@
font-size: 32rpx;
color: #FFFFFF;
}
+ .square-form {
+ background-color: #ffffff;
+ box-shadow: 0px 0px 5px #d9d9d9;
+ width: 96%;
+ height: 150rpx;
+ border-radius: 20rpx;
+ margin: 20rpx auto 20rpx auto;
+ }
+ .form-title {
+ height: 50%;
+ line-height: 80rpx;
+ text-indent: 20rpx;
+ font-size: 32rpx;
+ font-weight: 700;
+ }
+ .form-input{
+ height: 50%;
+ }
+ .form-input input {
+ margin-left: 40rpx;
+ }
</style>
diff --git a/pages/basics/demo.vue b/pages/basics/demo.vue
index d1887e3..956917e 100644
--- a/pages/basics/demo.vue
+++ b/pages/basics/demo.vue
@@ -56,12 +56,28 @@
<view class="square-none">
<view class="v-show">鏆傛棤鏇村鏁版嵁...</view>
</view>
-
-
<!-- 鍟嗗搧鍒楄〃 -->
<view>
<view></view>
</view>
+ <!-- 琛ㄥ崟 -->
+ <view class="square-form">
+ <view class="form-title">
+ <text>缁撴潫鏃堕棿</text>
+ </view>
+ <view class="form-input">
+ <input type="text" placeholder="璇疯緭鍏�...">
+ </view>
+ </view>
+ <!-- 琛ㄥ崟蹇呭～ -->
+ <view class="square-form">
+ <view class="form-title">
+ <text>缁撴潫鏃堕棿</text>
+ </view>
+ <view class="form-input">
+ <input type="text" placeholder="璇疯緭鍏�...">
+ </view>
+ </view>
</view>
</template>
--
Gitblit v1.9.1