#

whycq

2023-02-09 8cac2c51eae3647e5198286cd87e71d7f7046243

 pages/login/login.vue

@@ -1,30 +1,38 @@
<template>
   <view class="head">
      <view class="logo">
         <image src="../../static/img/logo.png" mode="aspectFit"></image>
   <view class="main">
      <view class="head">
         <view class="logo">
            <image src="../../static/img/logo.png" mode="aspectFit"></image>
         </view>
      </view>
   </view>
   <view class="content">
      <view class="input">
         <view class="">
      <view class="content">
         <view class="input">
            <view class="">
					
            </view>
            <view class="">
               <input type="text">
            </view>
            
         </view>
         <view class="">
            <input type="text">
			
         <view class="input">
            <view class="">
					
            </view>
            <view class="">
               <input type="text">
            </view>
				
         </view>
         
      </view>
		
      <view class="input">
         <view class="">
				
         </view>
         <view class="">
            <input type="text">
      <view class="submit">
         <view class="" style="width: 400rpx;">
            <button type="primary" size="default">登录</button>
         </view>
         
      </view>
		
   </view>
</template>

@@ -38,10 +46,16 @@
   .display-grid {
      display: grid;
   }
   .head {
      height: 500rpx;
   .main {
      height: 100%;
      width: 100%;
      // background-color: aquamarine;
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
   }
   .head {
      min-height: 400rpx;
      width: 100%;
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
@@ -68,4 +82,12 @@
         align-items: center;
      }
   }
   .submit {
      position: fixed;
      width: 100%;
      bottom: 100rpx;
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
   }
</style>