diff --git a/pages/login/index.vue b/pages/login/index.vue index 6f4e897..dbb8e13 100644 --- a/pages/login/index.vue +++ b/pages/login/index.vue @@ -1,26 +1,26 @@ - @@ -116,7 +152,7 @@ export default { }, onLoad() { this.getVerifyCode() - this.loginForm.username = uni.getStorageSync('username')||'' + this.loginForm.username = uni.getStorageSync('username') || '' // this.getLanguage() }, methods: { @@ -135,13 +171,13 @@ export default { this.loginForm.username = '' }, getVerifyCode() { - api.captchaImage().then((res) => { + api.captchaImage().then(res => { this.codeUrl = 'data:image/gif;base64,' + res.img this.loginForm.uuid = res.uuid }) }, toLogin() { - api.login(this.loginForm).then((res) => { + api.login(this.loginForm).then(res => { this.isLoading = false if (!res) { // uni.showToast({ @@ -165,15 +201,15 @@ export default { url: url, method: 'GET', responseType: 'arraybuffer', - success: (res) => {}, - fail: (err) => { + success: res => {}, + fail: err => { reject(err) }, }) }) }, getUseInfo() { - store.dispatch('GetInfo').then((res) => { + store.dispatch('GetInfo').then(res => { uni.switchTab({ url: '/pages/index/index' }) // 目前强制跳首页 // if (res.data.loginType == 1) { @@ -239,7 +275,7 @@ body { text-align: center; } .btn { - background-color: #005BAC; + background-color: #005bac; border: none; height: 92rpx; line-height: 92rpx; @@ -329,4 +365,83 @@ body { .pa { padding: 7px 20rpx; } - \ No newline at end of file + +/* 备案容器 */ +.beian-container { + background-color: #ffffff; /* 深色背景 */ + padding: 16px 0; + text-align: center; + font-size: 12px; + line-height: 1.5; + margin-top: 20px; + border-radius: 8px 8px 0 0; +} + +/* 备案内容 */ +.beian-content { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 12px; + max-width: 1200px; + margin: 0 auto; + padding: 0 16px; +} + +/* 备案链接 */ +.beian-link { + color: #749ae3; + text-decoration: none; + padding: 4px 8px; + border-radius: 4px; + transition: all 0.3s ease; + display: inline-block; +} + +/* 悬停效果 */ +.beian-link:hover { + color: #fff; + background-color: rgba(116, 154, 227, 0.2); + transform: translateY(-1px); + box-shadow: 0 2px 8px rgba(116, 154, 227, 0.3); +} + +/* 分隔符 */ +.beian-separator { + color: #749ae3; + opacity: 0.6; +} + +/* 响应式设计 */ +@media screen and (max-width: 480px) { + .beian-content { + flex-direction: column; + gap: 8px; + } + + .beian-separator { + display: none; + } + + .beian-link { + font-size: 11px; + } +} + +/* 动画效果 */ +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.beian-container { + animation: fadeIn 0.5s ease-out; +} +