From 9ddd943af4a3b650b5fa877eff8d4f2ce643448a Mon Sep 17 00:00:00 2001 From: hdw <496960745@qq.com> Date: 星期一, 19 十一月 2018 16:40:35 +0800 Subject: [PATCH] 视频上传 --- gx_tieta/WebRoot/pages/css/mylayui.css | 95 +++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 95 insertions(+), 0 deletions(-) diff --git a/gx_tieta/WebRoot/pages/css/mylayui.css b/gx_tieta/WebRoot/pages/css/mylayui.css index db394bc..0ff5647 100644 --- a/gx_tieta/WebRoot/pages/css/mylayui.css +++ b/gx_tieta/WebRoot/pages/css/mylayui.css @@ -217,4 +217,99 @@ } .map-info-detail .layui-colla-content { padding: 0; +} +/* video set */ +.video-list { + position:absolute; + top: 0; + bottom: 0; + width: 240px; + right: 0; + background-color: none; + z-index: 99999; +} +.video-list.video-slideHide { + right: -240px; +} +.video-list .video-list-container { + position: relative; + width: 100%; + height: 100%; +} +.video-list-container .video-list-bg { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: .9; + background-color: #1E1A21; + z-index: -1; +} +.video-list-container .video-slideToggle { + position: absolute; + left: 0; + top: 50%; + margin-top: -10px; + padding: 4px 2px; + background-color: #303036; + opacity: .65; + color: #d0d0d6; + font-size: 18px; +} +.video-list.video-slideHide .video-slideToggle { + transform:rotate(180deg); + -ms-transform:rotate(180deg); /* IE 9 */ + -moz-transform:rotate(180deg); /* Firefox */ + -webkit-transform:rotate(180deg); /* Safari 鍜� Chrome */ + -o-transform:rotate(180deg); /* Opera */ + left: -18px; +} +.video-list-container .video-slideToggle:hover { + color: #FFFFFF; +} +.video-list-container .video-slideToggle i{ + vertical-align: middle; +} +.video-list-container .video-list-content { + width:100%; + height: 100%; + overflow:hidden; + overflow-y: auto; +} +.video-list-container .video-list-content .video-item a{ + display: block; + white-space: nowrap; + text-indent: 1em; + padding: 6px 0; + color: #d0d0d6; +} +.video-list-container .video-list-content .video-item a:hover { + background-color: #000000; + color: #FFFFFF; + opacity: .8; +} +.video-list-container .video-list-content .video-item.video-item-active a{ + background-color: #000000; + color: #FFFFFF; + opacity: .8; +} +.video-list-container .video-list-content::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�*/ + width: 10px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ + height: 1px; +} +.video-list-container .video-list-content::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ + border-radius: 10px; + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); + background: #EDEDED; +} +.video-list-container .video-list-content::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬�*/ + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); + border-radius: 10px; + background: #303036; +} +.upload-form-container .bottom-btn { + position: absolute; + right: 8px; + margin-top: 8px; } \ No newline at end of file -- Gitblit v1.9.1