zoukankan      html  css  js  c++  java
  • 微信小程序--登陆页面

    <!--index.wxml-->
    <view class='header'>
        <image  src="../img/wx.png"></image>
    </view>
    
    <view class='user'>
       <input type='text' placeholder='用户名'></input>
    </view>
    
    <view class='password'>
       <input type='password' placeholder='密码'></input>
    </view>
    
    <view>
        <button  class='register' bindtap='register'>注       册</button>
    </view>
    

      下面是wxss的修饰代码

    .header{
      text-align: center;
       100px;
      height: 100px;
       margin: 50px auto;
    }
    .header image{
       100%;
      height: 100%;
     
    }
    .user{
       100%;
      height:50px;
     margin-bottom:20px
    }
     input{
       100%;
      border-bottom: 1px solid wheat;
      height: 40px;
     
    }
    .register{
      background: green;
       80%;
      height: 40px;
      margin-top: 20px;
      color: white;
      text-align: center;
    
    }
    

      这个是js的代码

    const app = getApp()
    Page({
      data:{ 
        
      },
    
    register:function(){
    
      wx.showLoading({
        title: '注册中...',
        
      }),
        setTimeout(function () {
          wx.hideLoading()
        }, 2000)
    
    }
     
    })
    

      

  • 相关阅读:
    html+css动态篇
    html+css定位篇
    首页的css
    display详细说明
    html+css 布局篇
    html+css杂记
    JS与ES的关系
    H5本地存储
    JavaScript面向对象
    JavaScript执行上下文
  • 原文地址:https://www.cnblogs.com/qurui1997/p/10495688.html
Copyright © 2011-2022 走看看