From 5973aab9167813f0ca0d4acf82d5d2af3a837b06 Mon Sep 17 00:00:00 2001 From: Vion Date: Thu, 20 Jan 2022 12:49:07 +0800 Subject: [PATCH 1/2] addressInput bug fixed --- rc-busness/components/addressInput.vue | 38 ++++++++++++++++++++++---- 1 file changed, 32 insertions(+), 6 deletions(-) diff --git a/rc-busness/components/addressInput.vue b/rc-busness/components/addressInput.vue index 9045bafe..a52b4471 100644 --- a/rc-busness/components/addressInput.vue +++ b/rc-busness/components/addressInput.vue @@ -41,6 +41,7 @@ export default { props:["defaultValues"], data(){ return{ + animationTimer:undefined, displayValue:"", returnValue:"", returnValueArr:[], @@ -158,7 +159,7 @@ export default { if(obj.id.indexOf(provinceId)<0) { console.log('500 : error via checking validatePickedValues'); - _self.returnValueArr[index]={}; + _self.returnValueArr.splice(index,1); } else { @@ -172,7 +173,7 @@ export default { if(areaId && obj.id.indexOf(areaId)<0) { console.log('501 : error via checking validatePickedValues'); - _self.returnValueArr[index]={}; + _self.returnValueArr.splice(index,1); } else{ validatedIndex=index; @@ -230,9 +231,15 @@ export default { //TODO show warning here let errorEle=document.querySelector(".ts-area-picker-values"); errorEle.classList.add("error"); - setTimeout(function(){ - errorEle.classList.remove("error"); - },2000); + let _self = this; + if(!this.animationTimer) + { + this.animationTimer = setTimeout(function(){ + errorEle.classList.remove("error"); + clearTimeout(_self.animationTimer); + _self.animationTimer=undefined; + },2000); + } tabIndex=lastValidatedTabIndex+1; } this.curDisplayingColIndex=tabIndex; @@ -304,6 +311,23 @@ export default { .ts-area-picker-values{ width:100%; height:100%; + &.error{ + position:relative; + width:100%; + height:78%; + &:after{ + content: " "; + position:absolute; + width:100%; + height:100%; + left:0; + top:0; + animation-name: flash-error; + animation-iteration-count: 2; + animation-duration: .5s; + animation-direction: forwards; + } + } ul{ padding:1rem 2.5rem 2rem 2.5rem; margin:0; @@ -396,10 +420,12 @@ export default { @keyframes flash-error { from { - opacity:.6; + opacity:0; + background-color:#fff; } to { opacity:.3; + background-color:#E2001A; } } \ No newline at end of file From 77c7189b3851568bf7d7cc15725f40aa824b8d1c Mon Sep 17 00:00:00 2001 From: Vion Date: Thu, 20 Jan 2022 12:56:28 +0800 Subject: [PATCH 2/2] pre-combine version --- rc-busness/assets/css/login.less | 3 ++- rc-busness/nuxt.config.js | 4 ++-- rc-busness/pages/index.vue | 5 ++++- rc-busness/pages/userlogin/edit.vue | 2 +- rc-busness/pages/userlogin/login.vue | 2 +- 5 files changed, 10 insertions(+), 6 deletions(-) diff --git a/rc-busness/assets/css/login.less b/rc-busness/assets/css/login.less index f166c777..815bc53b 100644 --- a/rc-busness/assets/css/login.less +++ b/rc-busness/assets/css/login.less @@ -1,7 +1,7 @@ .container{ min-height:100vh; height:100%; - background-color:#f6f6f6; + background-color:#fff; display: flex; flex-direction: column; } @@ -22,6 +22,7 @@ @media screen and (max-width:768px) { .ts-max-width--460{ padding:4.375rem 1.25rem; + box-shadow: unset; } .rc-column *{ font-size:.875rem; diff --git a/rc-busness/nuxt.config.js b/rc-busness/nuxt.config.js index cc8a93f8..98b61444 100644 --- a/rc-busness/nuxt.config.js +++ b/rc-busness/nuxt.config.js @@ -4,10 +4,10 @@ export default { // Global page headers: https://go.nuxtjs.dev/config-head head: { - title: 'rc-busness', + title: '皇家官方商城', htmlAttrs: { - lang: 'en', + lang: 'zh-cn', }, script: [ //{ src: '/js/rem.js' }, diff --git a/rc-busness/pages/index.vue b/rc-busness/pages/index.vue index 686d037a..0950bc2f 100644 --- a/rc-busness/pages/index.vue +++ b/rc-busness/pages/index.vue @@ -1067,7 +1067,8 @@ spaceBetween: 0, autoplay: true, pagination: { - el: '#homeBannerSwiperPagnation' + el: '#homeBannerSwiperPagnation', + clickable:true }, paginationClickable: true, loopAdditionalSlides: 100, @@ -1094,6 +1095,7 @@ loopAdditionalSlides: 100, pagination: { el: '#catStarSwiperPagnation', + clickable:true }, navigation: { nextEl: '.swiper-button-next', @@ -1117,6 +1119,7 @@ loopAdditionalSlides: 100, pagination: { el: '#dogStarSwiperPagnation', + clickable:true }, navigation: { nextEl: '.swiper-button-next', diff --git a/rc-busness/pages/userlogin/edit.vue b/rc-busness/pages/userlogin/edit.vue index 8743b5a7..d821071b 100644 --- a/rc-busness/pages/userlogin/edit.vue +++ b/rc-busness/pages/userlogin/edit.vue @@ -64,7 +64,7 @@
diff --git a/rc-busness/pages/userlogin/login.vue b/rc-busness/pages/userlogin/login.vue index 938eb7e8..8e342d28 100644 --- a/rc-busness/pages/userlogin/login.vue +++ b/rc-busness/pages/userlogin/login.vue @@ -84,7 +84,7 @@