Commit 8b1b6d70693243e010d0b83339e7beac6d2b730d
1 parent
cc7dacb5
更新 样式 添加下拉框
Showing
2 changed files
with
50 additions
and
30 deletions
topages/workfill/workfill.css
| @@ -102,15 +102,14 @@ | @@ -102,15 +102,14 @@ | ||
| 102 | padding: 20px 20px; | 102 | padding: 20px 20px; |
| 103 | } | 103 | } |
| 104 | .workfill-list-projectnamewrap{ | 104 | .workfill-list-projectnamewrap{ |
| 105 | - border: 1px solid #f0f1f9; | ||
| 106 | - height: 64px; | ||
| 107 | - padding: 24px 20px 0; | ||
| 108 | - margin: 20px 0 19px; | 105 | + /* height: 64px; */ |
| 106 | + min-width: 120px; | ||
| 107 | + /* padding: 24px 20px 0; */ | ||
| 108 | + /* margin: 20px 0 19px; */ | ||
| 109 | font-size: 16px; | 109 | font-size: 16px; |
| 110 | color: #363d5d; | 110 | color: #363d5d; |
| 111 | - position: relative; | ||
| 112 | } | 111 | } |
| 113 | -.workfill-list-projectnamewrap:before{ | 112 | +/*.workfill-list-projectnamewrap:before{ |
| 114 | content: ''; | 113 | content: ''; |
| 115 | position: absolute; | 114 | position: absolute; |
| 116 | width: 30px; | 115 | width: 30px; |
| @@ -142,10 +141,10 @@ | @@ -142,10 +141,10 @@ | ||
| 142 | .workfill-list-projectname{ | 141 | .workfill-list-projectname{ |
| 143 | 142 | ||
| 144 | 143 | ||
| 145 | -} | 144 | +}*/ |
| 146 | .workfill-projectCon{ | 145 | .workfill-projectCon{ |
| 147 | - top: 22px; | ||
| 148 | - left: 19px; | 146 | + /*top: 22px;*/ |
| 147 | + /*left: 19px;*/ | ||
| 149 | width: 205px; | 148 | width: 205px; |
| 150 | height: 34px; | 149 | height: 34px; |
| 151 | } | 150 | } |
topages/workfill/workfill.html
| @@ -25,9 +25,12 @@ | @@ -25,9 +25,12 @@ | ||
| 25 | <li class="workquery-list-box"> | 25 | <li class="workquery-list-box"> |
| 26 | <ul class="workquery-list-main"> | 26 | <ul class="workquery-list-main"> |
| 27 | <li class="clearfix"> | 27 | <li class="clearfix"> |
| 28 | - <div class="float-left"> | ||
| 29 | - <div>项目1</div> | ||
| 30 | - <div class="display-none">下拉框</div> | 28 | + <div class="float-left workfill-list-projectnamewrap"> |
| 29 | + <div class="pos-abs workfill-projectCon display-none"> | ||
| 30 | + <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName1"> | ||
| 31 | + </select> | ||
| 32 | + </div> | ||
| 33 | + <div class="workfill-list-projectname ">项目名称</div> | ||
| 31 | </div> | 34 | </div> |
| 32 | <button class="float-right workfill-list-btn">提交</button> | 35 | <button class="float-right workfill-list-btn">提交</button> |
| 33 | </li> | 36 | </li> |
| @@ -52,9 +55,12 @@ | @@ -52,9 +55,12 @@ | ||
| 52 | <li class="workquery-list-box"> | 55 | <li class="workquery-list-box"> |
| 53 | <ul class="workquery-list-main"> | 56 | <ul class="workquery-list-main"> |
| 54 | <li class="clearfix"> | 57 | <li class="clearfix"> |
| 55 | - <div class="float-left"> | ||
| 56 | - <div>项目1</div> | ||
| 57 | - <div class="display-none">下拉框</div> | 58 | + <div class="float-left workfill-list-projectnamewrap"> |
| 59 | + <div class="pos-abs workfill-projectCon"> | ||
| 60 | + <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName2"> | ||
| 61 | + </select> | ||
| 62 | + </div> | ||
| 63 | + <div class="workfill-list-projectname display-none">项目名称</div> | ||
| 58 | </div> | 64 | </div> |
| 59 | <button class="float-right workfill-list-btn">提交</button> | 65 | <button class="float-right workfill-list-btn">提交</button> |
| 60 | </li> | 66 | </li> |
| @@ -79,9 +85,12 @@ | @@ -79,9 +85,12 @@ | ||
| 79 | <li class="workquery-list-box"> | 85 | <li class="workquery-list-box"> |
| 80 | <ul class="workquery-list-main"> | 86 | <ul class="workquery-list-main"> |
| 81 | <li class="clearfix"> | 87 | <li class="clearfix"> |
| 82 | - <div class="float-left"> | ||
| 83 | - <div>项目1</div> | ||
| 84 | - <div class="display-none">下拉框</div> | 88 | + <div class="float-left workfill-list-projectnamewrap"> |
| 89 | + <div class="pos-abs workfill-projectCon"> | ||
| 90 | + <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName3"> | ||
| 91 | + </select> | ||
| 92 | + </div> | ||
| 93 | + <div class="workfill-list-projectname display-none">项目名称</div> | ||
| 85 | </div> | 94 | </div> |
| 86 | <button class="float-right workfill-list-btn">提交</button> | 95 | <button class="float-right workfill-list-btn">提交</button> |
| 87 | </li> | 96 | </li> |
| @@ -106,9 +115,12 @@ | @@ -106,9 +115,12 @@ | ||
| 106 | <li class="workquery-list-box"> | 115 | <li class="workquery-list-box"> |
| 107 | <ul class="workquery-list-main"> | 116 | <ul class="workquery-list-main"> |
| 108 | <li class="clearfix"> | 117 | <li class="clearfix"> |
| 109 | - <div class="float-left"> | ||
| 110 | - <div>项目1</div> | ||
| 111 | - <div class="display-none">下拉框</div> | 118 | + <div class="float-left workfill-list-projectnamewrap"> |
| 119 | + <div class="pos-abs workfill-projectCon"> | ||
| 120 | + <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName4"> | ||
| 121 | + </select> | ||
| 122 | + </div> | ||
| 123 | + <div class="workfill-list-projectname display-none">项目名称</div> | ||
| 112 | </div> | 124 | </div> |
| 113 | <button class="float-right workfill-list-btn">提交</button> | 125 | <button class="float-right workfill-list-btn">提交</button> |
| 114 | </li> | 126 | </li> |
| @@ -133,9 +145,12 @@ | @@ -133,9 +145,12 @@ | ||
| 133 | <li class="workquery-list-box"> | 145 | <li class="workquery-list-box"> |
| 134 | <ul class="workquery-list-main"> | 146 | <ul class="workquery-list-main"> |
| 135 | <li class="clearfix"> | 147 | <li class="clearfix"> |
| 136 | - <div class="float-left"> | ||
| 137 | - <div>项目1</div> | ||
| 138 | - <div class="display-none">下拉框</div> | 148 | + <div class="float-left workfill-list-projectnamewrap"> |
| 149 | + <div class="pos-abs workfill-projectCon"> | ||
| 150 | + <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName5"> | ||
| 151 | + </select> | ||
| 152 | + </div> | ||
| 153 | + <div class="workfill-list-projectname display-none">项目名称</div> | ||
| 139 | </div> | 154 | </div> |
| 140 | <button class="float-right workfill-list-btn">提交</button> | 155 | <button class="float-right workfill-list-btn">提交</button> |
| 141 | </li> | 156 | </li> |
| @@ -160,9 +175,12 @@ | @@ -160,9 +175,12 @@ | ||
| 160 | <li class="workquery-list-box"> | 175 | <li class="workquery-list-box"> |
| 161 | <ul class="workquery-list-main"> | 176 | <ul class="workquery-list-main"> |
| 162 | <li class="clearfix"> | 177 | <li class="clearfix"> |
| 163 | - <div class="float-left"> | ||
| 164 | - <div>项目1</div> | ||
| 165 | - <div class="display-none">下拉框</div> | 178 | + <div class="float-left workfill-list-projectnamewrap"> |
| 179 | + <div class="pos-abs workfill-projectCon"> | ||
| 180 | + <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName6"> | ||
| 181 | + </select> | ||
| 182 | + </div> | ||
| 183 | + <div class="workfill-list-projectname display-none">项目名称</div> | ||
| 166 | </div> | 184 | </div> |
| 167 | <button class="float-right workfill-list-btn">提交</button> | 185 | <button class="float-right workfill-list-btn">提交</button> |
| 168 | </li> | 186 | </li> |
| @@ -187,9 +205,12 @@ | @@ -187,9 +205,12 @@ | ||
| 187 | <li class="workquery-list-box"> | 205 | <li class="workquery-list-box"> |
| 188 | <ul class="workquery-list-main"> | 206 | <ul class="workquery-list-main"> |
| 189 | <li class="clearfix"> | 207 | <li class="clearfix"> |
| 190 | - <div class="float-left"> | ||
| 191 | - <div>项目1</div> | ||
| 192 | - <div class="display-none">下拉框</div> | 208 | + <div class="float-left workfill-list-projectnamewrap"> |
| 209 | + <div class="pos-abs workfill-projectCon"> | ||
| 210 | + <select class="work-projectName" class="selectpicker" data-width="100%" data-size="5" data-live-search="true" id="work-projectName7"> | ||
| 211 | + </select> | ||
| 212 | + </div> | ||
| 213 | + <div class="workfill-list-projectname display-none">项目名称</div> | ||
| 193 | </div> | 214 | </div> |
| 194 | <button class="float-right workfill-list-btn">提交</button> | 215 | <button class="float-right workfill-list-btn">提交</button> |
| 195 | </li> | 216 | </li> |