BJ_web_developers / workreport

Commit 8b1b6d70693243e010d0b83339e7beac6d2b730d

Authored by Andy
1 parent cc7dacb5

更新 样式 添加下拉框

Inline Side-by-side
Showing 2 changed files with 50 additions and 30 deletions
topages/workfill/workfill.css
  View file @8b1b6d7
... ... @@ -102,15 +102,14 @@
102 102 padding: 20px 20px;
103 103 }
104 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 109 font-size: 16px;
110 110 color: #363d5d;
111   - position: relative;
112 111 }
113   -.workfill-list-projectnamewrap:before{
  112 +/*.workfill-list-projectnamewrap:before{
114 113 content: '';
115 114 position: absolute;
116 115 width: 30px;
... ... @@ -142,10 +141,10 @@
142 141 .workfill-list-projectname{
143 142  
144 143  
145   -}
  144 +}*/
146 145 .workfill-projectCon{
147   - top: 22px;
148   - left: 19px;
  146 + /*top: 22px;*/
  147 + /*left: 19px;*/
149 148 width: 205px;
150 149 height: 34px;
151 150 }
... ...
topages/workfill/workfill.html
  View file @8b1b6d7
... ... @@ -25,9 +25,12 @@
25 25 <li class="workquery-list-box">
26 26 <ul class="workquery-list-main">
27 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 34 </div>
32 35 <button class="float-right workfill-list-btn">提交</button>
33 36 </li>
... ... @@ -52,9 +55,12 @@
52 55 <li class="workquery-list-box">
53 56 <ul class="workquery-list-main">
54 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 64 </div>
59 65 <button class="float-right workfill-list-btn">提交</button>
60 66 </li>
... ... @@ -79,9 +85,12 @@
79 85 <li class="workquery-list-box">
80 86 <ul class="workquery-list-main">
81 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 94 </div>
86 95 <button class="float-right workfill-list-btn">提交</button>
87 96 </li>
... ... @@ -106,9 +115,12 @@
106 115 <li class="workquery-list-box">
107 116 <ul class="workquery-list-main">
108 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 124 </div>
113 125 <button class="float-right workfill-list-btn">提交</button>
114 126 </li>
... ... @@ -133,9 +145,12 @@
133 145 <li class="workquery-list-box">
134 146 <ul class="workquery-list-main">
135 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 154 </div>
140 155 <button class="float-right workfill-list-btn">提交</button>
141 156 </li>
... ... @@ -160,9 +175,12 @@
160 175 <li class="workquery-list-box">
161 176 <ul class="workquery-list-main">
162 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 184 </div>
167 185 <button class="float-right workfill-list-btn">提交</button>
168 186 </li>
... ... @@ -187,9 +205,12 @@
187 205 <li class="workquery-list-box">
188 206 <ul class="workquery-list-main">
189 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 214 </div>
194 215 <button class="float-right workfill-list-btn">提交</button>
195 216 </li>
... ...