#

whycq

2023-08-21 292dbd67cc5b2fa90f78d9c07234fea7cbc32c24

 pages/LoginDemo/LoginDemo.vue

@@ -10,8 +10,8 @@
      </view>
      <view class="right">
         <view class="input-box">
            <My-input style="width: 80%;margin: 32rpx 10% 32rpx 10%;" />
            <My-input style="width: 80%;margin: 32rpx 10% 8rpx 10%;" />
            <My-input class="my-input" titleIcon="person" title="账号" placeholder="请输入账号" inputType="text" optIcon="bottom" />
            <My-input class="my-input" titleIcon="locked" title="密码" placeholder="请输入密码" inputType="password" optIcon="eye" optIconShow/>
            <view class="rember-password">
               <view class="text">记住密码</view>
               <switch :checked='remberPassword' color="#FFCC33" style="zoom:.5" @change="remberChange"/>
@@ -35,7 +35,7 @@
      data() {
         return {
            version: '',
				
            remberPassword: true
         }
      },
      mounted() {
@@ -53,12 +53,14 @@
         // #endif
      },
      methods: {
         remberChange() {
         
         }
      }
   }
</script>

<style lang="scss">
<style lang="scss" scoped>
   .setting {
      position: absolute;
      top: 16rpx;
@@ -98,7 +100,10 @@
   }
   .input-box {
      width: 100%;
      // background-color: #888;
   }
   .my-input {
      width: 80%;
      margin: 32rpx 10% 32rpx 10%;
   }
   .rember-password {
      width: 78%;
@@ -106,6 +111,8 @@
      display: flex;
      justify-content: space-between;
      .text {
         font-size: 12px;
         color: #606266;
         line-height: 1;
      }
   }