#

whycq

2023-02-08 da546f57355a9150fecb7d4bb28dce7fc1628b68

 pages/login/login.vue

@@ -1,7 +1,31 @@
<template>
   <div class="main">
   <view class="head">
      <view class="logo">
      
   </div>
      </view>
   </view>
   <view class="content">
      <view class="input">
         <view class="">
				
         </view>
         <view class="">
            <input type="text">
         </view>
			
      </view>
		
      <view class="input">
         <view class="">
				
         </view>
         <view class="">
            <input type="text">
         </view>
			
      </view>
		
   </view>
</template>

<script lang="ts">
@@ -10,10 +34,38 @@
   console.log(s)
</script>

<style>
   .main {
      height: 100%;
<style lang="less">
   .head {
      height: 200rpx;
      width: 100%;
      background-color: aquamarine;
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
      align-items: center;
      .logo {
         width: 10%;
         height: 90%;
         background-color: red;
      }
   }
   .content {
      height: 400rpx;
      width: 100%;
      margin-top: 10rpx;
      background-color: bisque;
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
      align-items: center;
      .input {
         width: 50%;
         height: 30%;
         background-color: #fff;
         display: grid;
         grid-template-columns: 1fr;
         justify-items: center;
         align-items: center;
      }
   }
</style>