业主购买2月10号

whepi-ui/templates/home/buy.ftl

@@ -23,9 +23,13 @@
                 </div>
             </div>
         </div>
-        <div class="weui-form-preview" style="display: " id="buyListGroup">
-            <div class="weui-form-preview__label">
-                <label class="weui-form-preview__label">标题&emsp;&emsp;&emsp;&emsp;已团&emsp;&emsp;&emsp;&emsp;截止时间&emsp;&emsp;&emsp;&emsp;状态</label>
+        <div class="weui-form-preview"
+             id="buyListGroup">
+            <div class="weui-form-preview__label" style="display:flex; flex-direction: row; justify-content: space-between">
+                <label style="box-sizing:border-box; border-radius: 5px; height: 5vh; width: 25%; text-align: center;">标题</label>
+                <label style="box-sizing:border-box; border-radius: 5px; height: 5vh; width: 25%; text-align: center;">已团</label>
+                <label style="box-sizing:border-box; border-radius: 5px; height: 5vh; width: 25%; text-align: center;">截止时间</label>
+                <label style="box-sizing:border-box; border-radius: 5px; height: 5vh; width: 25%; text-align: center;">状态</label>
             </div>
             <div id="buyAll"></div>
         </div>
@@ -43,7 +47,7 @@
                 </div>
             <#--居民自己填写的-->
                 <div id="client">
-            <#include "/home/buyClient.ftl" />
+            <#include "/home/buyClient.ftl"/>
                 </div>
             </div>
         </div>

whepi-ui/templates/home/buyClient.ftl

@@ -1,26 +1,26 @@
 <div class="weui-btn-area">
-    <div>
+    <div style="display:flex; flex-direction: row; justify-content: space-between">
         <div class="weui-flex__item">
-            <div class="placeholder" style="display: inline;float: left">当前参团:</div>
-            <div style="display: inline;">107</div>
+            <div class="placeholder" style="display: inline;align-items: flex-start">当前参团:</div>
+            <div style="display: inline;align-items: flex-start">107</div>
         </div>
-        <div class="weui-flex__item">
-            <div style="display: inline;" class="placeholder">状态:</div>
-            <div style="display: inline;">在团</div>
+        <div class="weui-flex__item" style="display:flex; flex-direction: row; justify-content: space-between">
+            <div style="display: inline;align-items: flex-end">状态:</div>
+            <div style="align-items: flex-end">在团</div>
         </div>
     </div>
-    <div class="weui-flex">
+    <div class="weui-flex" style="display:flex; flex-direction: row; justify-content: space-between">
         <div class="weui-flex__item">
-            <div style="display: inline;text-align: center;">我的团购:</div>
+            <div style="display: inline;align-items: flex-start">我的团购:</div>
             <div style="display: inline;">
                 <input type="text" id="buyCount"
                        style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 5px; height: 5vh; width: 20%;"
                        maxlength="3" onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');">
             </div>
         </div>
-        <div class="weui-flex__item">
-            <div style="display: inline;">金额￥:</div>
-            <div style="display: inline;" id="myMenory">107</div>
+        <div class="weui-flex__item" style="display:flex; flex-direction: row; justify-content: space-between">
+            <div style="display: inline;align-items: flex-end">金额￥:</div>
+            <div style="display: inline;align-items: flex-end" id="myMenory">107</div>
         </div>
     </div>
     <div class="weui-flex">