#

whycq

2023-02-09 2682b706c99054e78c548c9624cc66634994441c

 pages/login/login.vue

@@ -1,93 +1,81 @@
<template>
   <view class="main">
      <view class="head">
         <view class="logo">
            <image src="../../static/img/logo.png" mode="aspectFit"></image>
         </view>
   <view class="head">
      <view class="logo">
         <image src="../../static/img/logo.png" mode="aspectFit"></image>
      </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>
   <view class="content">
      <view class="input shadow-warp">


      </view>
      <view class="submit">
         <view class="" style="width: 400rpx;">
            <button type="primary" size="default">登录</button>
         </view>
			

      <!-- <view class="">

      </view>
      <view class="">
         <input type="text">
      </view> -->
   </view>
   <view class="submit">
      <view class="" style="width: 400rpx;">
         <button type="primary" size="default">登录</button>
      </view>

   </view>
</template>

<script lang="ts">
// 这里编写ts代码
   let s:string = "123"
   console.log(s)
<script setup lang="ts">
   // 这里编写ts代码
</script>

<style lang="less">
   .display-grid {
      display: grid;
   }
   .main {
      height: 100%;
      width: 100%;
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
   }

   .head {
      min-height: 400rpx;
      height: 400rpx;
      width: 100%;
      display: grid;
      grid-template-columns: 1fr;
      // background-color: aqua;
      justify-items: center;
      align-items: center;

      .logo {
         image {
            height: 300rpx;
         }
      }
   }

   .content {
      height: 400rpx;
      width: 100%;
      margin-top: 10rpx;
      background-color: bisque;
      // 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;
         padding: 50rpx;
         border-radius: 6rpx;
         background-color: #ffffff;
         color: #666666;
         margin-top: 30rpx;
         width: 60%;
         height: 0rpx;
      }
   }

   .submit {
      position: fixed;
      width: 100%;
      bottom: 100rpx;
      bottom: 200rpx;
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
   }
</style>
</style>