From 351480c2cc022c886429192fc2893e3fc2c9877f Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期四, 07 九月 2023 12:06:25 +0800 Subject: [PATCH] 修改滚动条样式 开始生产增加 loading状态 --- src/assets/style/index.scss | 19 +-------- src/assets/style/public.scss | 34 +++++++++++++++++ src/components/AddIssue.vue | 21 +++++++++- 3 files changed, 55 insertions(+), 19 deletions(-) diff --git a/src/assets/style/index.scss b/src/assets/style/index.scss index 6b513d7..7a1e358 100644 --- a/src/assets/style/index.scss +++ b/src/assets/style/index.scss @@ -361,24 +361,9 @@ } -//婊氬姩鏉℃牱寮� -::-webkit-scrollbar { - width:8px!important; - height:8px!important; - -webkit-appearance:none; - background-color:#00000040; -} -::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); - background: #e1e1e1; -} -::-webkit-scrollbar-track { - box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); - // border-radius: 10px; - background: #ffffff; - // background:#2c60c5; -} + + //琛ㄦ牸婊氬姩 // .el-table__body-wrapper::-webkit-scrollbar-thumb { // border-radius: 5px; diff --git a/src/assets/style/public.scss b/src/assets/style/public.scss index ac73bac..fcc97b9 100644 --- a/src/assets/style/public.scss +++ b/src/assets/style/public.scss @@ -42,3 +42,37 @@ font-size: 14px; position: relative; } +/*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ +::-webkit-scrollbar { + width: 10px; + /*婊氬姩鏉″搴�*/ + height: 10px; + border-radius: 8px; + /*婊氬姩鏉¢珮搴�*/ + -webkit-appearance:none; + background-color:#f2f2f22a; +} + +/*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/ +::-webkit-scrollbar-track { + /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/ + /*box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;*/ + + /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/ + border-radius: 8px; + + /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ + background-color: #f2f2f22a; +} + +/*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/ +::-webkit-scrollbar-thumb { + /*婊氬姩鏉$殑鍐呴槾褰�*/ + /*box-shadow:0px 1px 3px rgba(0,0,0,0.1) inset;*/ + + /*婊氬姩鏉$殑鍦嗚*/ + border-radius: 8px; + + /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ + background-color:#939393; +} diff --git a/src/components/AddIssue.vue b/src/components/AddIssue.vue index 8accaf8..fcb6624 100644 --- a/src/components/AddIssue.vue +++ b/src/components/AddIssue.vue @@ -7,7 +7,7 @@ class="add-event-dialog" :show-close="false" > - <div class="tank-box" v-loading.fullscreen.lock="isLoading" element-loading-text="涓嬪彂涓紝璇风◢鍚�..."> + <div class="tank-box"> <div slot="title" class="tac drawerHeader">鏂颁换鍔�</div> <div class="dialog-content-box"> <div @@ -97,7 +97,8 @@ v-for="(item, index) in Arr" :key="index" > - {{ item.Key }}锛歿{ item.Value || "" }} + {{ item.Key }}锛歿{ item.Value || "" }} + </div> </div> </div> @@ -159,8 +160,10 @@ v-prevent-re-click="3000" @click="onSubmit()" > + <i class="el-icon-loading icon-loading" v-if="isLoading"/> <img src="../../public/confirm1.png" /> </div> + </template> </div> <!-- <ErrorIssue ref="error" :messageError="messageError" @shutdown="shutdown"/> --> @@ -305,6 +308,9 @@ this.getCode(this.resParams); } }, 1000); + if(this.isLoading){ + return true; + } this.isLoading=true; sendProcessParams({ id: this.taskData.Procedure.ID }).then((res) => { console.log(res,'====res') @@ -318,6 +324,9 @@ this.resParams = res; } }); + setTimeout(()=>{ + this.isLoading=false; + },30000) } }, getCode(res) { @@ -434,9 +443,17 @@ height: auto; float: left; display: inline-block; + position:relative; img { width: 100%; } + .icon-loading{ + font-size:19px; + color:#4efefa; + position:absolute; + line-height:2.7; + left:18%; + } &:nth-of-type(1) { margin-right: 30px; margin-left: 110px; -- Gitblit v1.8.0