fixed

zrlibs

2025-03-20 b0478092cb738ea038216c347835a14da3768baf

 src/views/account/login.vue

@@ -5,13 +5,6 @@
        <div class="account-logo">
          <img src="http://115.29.185.26:5101/userphoto?login=sa" />
        </div>
        <article class="ivu-typography ivu-text-center ivu-mt">
          <h1 class="ivu-typography">Vue Template<!----></h1>
          <div class="ivu-typography">
            基于 Vue3.0、VueRouter 和ViewUIPlus的管理系统模板演示
            <!---->
          </div>
        </article>
        <Form
          class="account-form"
          :model="form"
@@ -19,12 +12,12 @@
          label-position="top"
          ref="refFormInline"
        >
          <div class="title">Vue仓库管理系统</div>
          <div class="ivu-login">
            <FormItem prop="user">
              <Input
                type="text"
                v-model="form.user"
                size="large"
                prefix="ios-person-outline"
              >
              </Input>
@@ -33,15 +26,12 @@
              <Input
                type="password"
                v-model="form.password"
                size="large"
                prefix="ios-lock-outline"
              >
              </Input>
            </FormItem>
            <FormItem>
              <Button type="primary" @click="onSignIn" size="large" long
                >登录</Button
              >
              <Button type="primary" @click="onSignIn" long>登录</Button>
            </FormItem>
          </div>
        </Form>
@@ -130,23 +120,13 @@
  background-image: url("../../assets/login_bg.png");
  background-attachment: fixed;
  .login-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    overflow: auto;
  }
  .login-account {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 280px;
    padding: 16px 0 0;
    max-width: 420px;
    margin: 0 auto;
    margin: 0 300px 0 auto;
    margin-top: 100px;
  }
  .account-logo {
@@ -165,10 +145,38 @@
  .account-form {
    margin-top: 32px;
  }
  .title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 18px;
    letter-spacing: 3px;

    font-weight: bold;
    background: -webkit-linear-gradient(#009df4, #00e9cf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
  .ivu-login {
    padding: 60px 30px 3px;
    background-image: url("../../assets/account_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: right bottom;
  }
  .ivu-form-item {
    margin-bottom: 24px;
    vertical-align: top;
    zoom: 1;
    .ivu-icon {
      color: #0ba1f8;
    }
    .ivu-input {
      border: 2px solid #0ba1f8;
      background-color: transparent;
      color: #fff;
    }
  }
  .ivu-form-item-content {
    position: relative;