From 52ad37fba37a1ae72f124106627227a09836be5b Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期五, 25 三月 2022 15:36:31 +0800 Subject: [PATCH] 初稿 --- src/App.vue | 97 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 96 insertions(+), 1 deletions(-) diff --git a/src/App.vue b/src/App.vue index 47218a6..08aa945 100644 --- a/src/App.vue +++ b/src/App.vue @@ -8,7 +8,7 @@ export default {}; </script> -<style> +<style lang="scss" > @import "./assets/css/common.css"; * { @@ -56,4 +56,99 @@ border-bottom: none; display: block; } + +.el-input { + .el-input__inner { + width: 100%; + color: #3d3d3d; + border-radius: 0; + border-color: #c0c5cc; + &::-webkit-input-placeholder { + color: #999999; + } + + &:focus { + border-color: #0065ff; + } + } +} + +.el-select { + width: 100%; + + input.el-input__inner:focus { + border-color: #0065ff; + } + + .el-input.is-focus input.el-input__inner { + border-color: #0065ff; + } + + input { + border-radius: 0; + height: 32px; + } +} + +.el-textarea { + textarea { + border: 1px solid #c0c5cc; + border-radius: 0; + + &:focus { + border-color: #0065ff; + } + } +} + +.h32 { + height: 32px; + line-height: 32px; + + ::v-deep input { + height: 32px; + } + + .el-icon-arrow-up { + line-height: 32px; + } + + ::v-deep .el-icon-arrow-up { + height: 32px; + } +} + +.scroll { + /*婊氬姩鏉″ 闀�,婊氬姩鏉℃暣浣撻儴鍒嗭紝鍏朵腑鐨勫睘鎬ф湁width,height,background,border绛夈��*/ + + &::-webkit-scrollbar { + width: 6px; + } + + /*婊氬姩鏉$殑婊戣建鑳屾櫙棰滆壊,鍙互鐢╠isplay:none璁╁叾涓嶆樉绀猴紝涔熷彲浠ユ坊鍔犺儗鏅浘鐗囷紝棰滆壊鏀瑰彉鏄剧ず鏁堟灉銆�*/ + + &::-webkit-scrollbar-track { + display: none; + } + + /* 婊戝潡棰滆壊 */ + + &::-webkit-scrollbar-thumb { + background-color: #e9ebee; + + border-radius: 3px; + } + + /*婊氬姩鏉′袱绔殑鎸夐挳銆傚彲浠ョ敤display:none璁╁叾涓嶆樉绀猴紝涔熷彲浠ユ坊鍔犺儗鏅浘鐗囷紝棰滆壊鏀瑰彉鏄剧ず鏁堟灉銆�*/ + + &::-webkit-scrollbar-button { + display: none; + } + + /* 妯悜婊氬姩鏉″拰绾靛悜婊氬姩鏉$浉浜ゅ灏栬鐨勯鑹� */ + + &::-webkit-scrollbar-corner { + background-color: black; + } +} </style> -- Gitblit v1.8.0