维护

WXL

昨天 c80bc467a41daa6cbae4e5515a300a8ca98cfeaa

 pages/login/Login.vue

@@ -39,6 +39,16 @@
        登录
      </button>
    </view>
    <view class="footer-wrapper">
      <view class="footer">
        <text class="tech-text">技术支持：</text>
        <image src="/static/Hrs.png" class="tech-logo" mode="aspectFit" />
        <text class="tech-text">浙江亥尔时科技有限公司</text>
      </view>
      <view class="footer-item">
        <text class="footer-text">服务热线：17778760073</text>
      </view>
    </view>
  </view>
</template>

@@ -298,13 +308,13 @@
</script>

<style scoped>
.login-container {
/* .login-container {
  padding: 40rpx;
  background: linear-gradient(to bottom, #e6f7ff, #ffffff);
  height: 100vh;
  box-sizing: border-box;
  position: relative;
}
} */

.sso-mask {
  position: fixed;
@@ -335,6 +345,8 @@
}

.hospital-name {
  flex: 1; /* 新增：占据中间剩余高度 */

  font-size: 38rpx;
  font-weight: bold;
  color: #1890ff;
@@ -386,4 +398,51 @@
.button-hover {
  opacity: 0.8;
}
.login-container {
  padding: 40rpx;
  background: linear-gradient(to bottom, #e6f7ff, #ffffff);
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  /* 以下二选一：使用 space-between 让底部自动贴底 */
  justify-content: space-between;
}

/* 其他样式保持不变 ... */

.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20rpx 0 30rpx;
}
.footer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20rpx 0 30rpx;
  /* 不需要 margin-top: auto，因为父容器已 space-between */
}
.tech-logo {
  width: 48rpx;
  height: 48rpx;
  margin-right: 16rpx;
}
.footer-item {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.6;
}

.footer-text {
  font-size: 24rpx;
  color: #b0b0b0;
  letter-spacing: 0.5rpx;
}
.tech-text {
  font-size: 26rpx;
  color: #999;
}
</style>