积分优化

application/index/view/default/userintegral/index.html

@@ -22,6 +22,19 @@
     <!-- content start -->
     <div class="user-content">
         <div class="user-content-body">
+            <div class="am-alert am-alert-secondary" data-am-alert>
+                <div class="available">
+                    <span>可用积分</span>
+                    <span class="integral-value">{{$user.integral}}</span>
+                    <span class="integral-tips">正常可以使用的积分</span>
+                </div>
+                <div class="locking">
+                    <span>锁定积分</span>
+                    <span class="integral-value">{{$user.locking_integral}}</span>
+                    <span class="integral-tips">一般积分交易中，交易并未完成、锁定相应的积分</span>
+                </div>
+            </div>
+
             <form class="am-form form-validation" method="post" action="{{:MyUrl('index/userintegral/index')}}" request-type="form">
                 <div class="thin">
                     <div class="am-input-group am-input-group-sm am-fl so">

public/static/index/default/css/userintegral.css

@@ -29,4 +29,25 @@
     .so-list tr td:last-child { padding-top:0px !important; }
     .chosen-container-single .chosen-search input[type="text"] { width: 100% !important; }
     .so-list select { width: calc(100% - 44px); display: -webkit-inline-box; }
+}
+
+.user-content-body .available .integral-value {
+    color: #4CAF50;
+}
+.user-content-body .locking {
+    margin-top: 5px;
+}
+.user-content-body .locking .integral-value {
+    color: #FF9800;
+}
+.user-content-body .integral-value {
+    font-size: 18px;
+    font-weight: 700;
+}
+.user-content-body .integral-tips {
+    color: #c27300;
+    background: #e7e3d9;
+    padding: 3px 6px;
+    border: 1px solid #e7d8c2;
+    margin-left: 5px;
 }
\ No newline at end of file