初评页面

src/main/webapp/resources/view/usercenter/forstore/first_rate.html

@@ -30,10 +30,18 @@
         font-size: 14px;
         margin-left: 15px;
     }
+    .first-rate table thead tr td .describe-title {
+        color: #5078cb;
+        font-weight: bold;
+        margin-left: 15px;
+    }
+    .first-rate table thead tr td .describe-option {
+        margin-right: 55px;
+    }
     .first-rate table tbody tr {
         border-bottom: 1px dashed rgb( 232, 235, 252 );
     }
-    .first-rate table tbody tr td img{
+    .first-rate table tbody tr td >a >img{
         width: 73px;
         height: 74px;
         float: left;
@@ -112,6 +120,7 @@
         color: #fff;
     }
 
+
 </style>
 
 <div class="first-rate">
@@ -132,10 +141,31 @@
         <thead>
             <tr>
                 <td>
-                    <span style="color: #5078cb;">店铺评价：</span>
-                    <span>描述相符</span>
-                    <span>卖家服务</span>
-                    <span>物流服务</span>
+                    <span class="describe-title describe-option">店铺评价：</span>
+                    <span>描述相符：</span>
+                    <span class="rate-level describe-option">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                    </span>
+                    <span>卖家服务：</span>
+                    <span class="rate-level describe-option">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                    </span>
+                    <span>物流服务：</span>
+                    <span class="rate-level describe-option">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                    </span>
                 </td>
             </tr>
         </thead>
@@ -152,19 +182,22 @@
                     <div class="first-rate-item-rate">
                         <div class="rate-item">
                             <label class="check-act">
-                                <input type="radio" id="1*({{$index}}+1)" name="radio{{$index}}" checked="checked"/>
-                                <label for="1*({{$index}}+1)"></label>
+                                <img src="static/img/user/images/rate1.png" alt="">
                                 <span>好评</span>
+                                <input type="radio" id="{{1*($index)+1}}" name="radio{{$index}}" checked="checked"/>
+                                <label for="{{1*($index)+1}}"></label>
                             </label>
                             <label class="check-act">
-                                <input type="radio" id="1*({{$index}}+2)" name="radio{{$index}}"/>
-                                <label for="1*({{$index}}+2)"></label>
+                                <img src="static/img/user/images/rate2.png" alt="">
                                 <span>中评</span>
+                                <input type="radio" id="{{1*($index)+2}}" name="radio{{$index}}"/>
+                                <label for="{{1*($index)+2}}"></label>
                             </label>
                             <label class="check-act">
-                                <input type="radio" id="1*({{$index}}+3)" name="radio{{$index}}"/>
-                                <label for="1*({{$index}}+3)"></label>
+                                <img src="static/img/user/images/rate3.png" alt="">
                                 <span>差评</span>
+                                <input type="radio" id="{{1*($index)+3}}" name="radio{{$index}}"/>
+                                <label for="{{1*($index)+3}}"></label>
                             </label>
                         </div>
                         <div class="first-rate-item-textBox">

src/main/webapp/resources/view/usercenter/forstore/show_rate.html

@@ -120,6 +120,14 @@
     .add-rate table thead tr.line02  {
         background: #f5f8fe;
     }
+    .add-rate table thead tr.line02 .describe-title {
+        color: #5078cb;
+        font-weight: bold;
+        margin-left: 15px;
+    }
+    .add-rate table thead tr.line02 .describe-option {
+        margin-right: 55px;
+    }
     .add-rate table .buyer-first-rate {
         width: 726px;
         float: right;
@@ -191,25 +199,25 @@
             </tr>
             <tr class="line02">
                 <td>
-                    <span class="describe-title" style="color: #5078cb; font-weight: bold; margin-left: 15px;">店铺评价：</span>
-                    <span>描述相符</span>
-                    <span class="rate-level">
+                    <span class="describe-title describe-option">店铺评价：</span>
+                    <span>描述相符：</span>
+                    <span class="rate-level describe-option">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                     </span>
-                    <span>卖家服务</span>
-                    <span class="rate-level">
+                    <span>卖家服务：</span>
+                    <span class="rate-level describe-option">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                     </span>
-                    <span>物流服务</span>
-                    <span class="rate-level">
+                    <span>物流服务：</span>
+                    <span class="rate-level describe-option">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">
                         <img src="static/img/user/images/rateGood.png" alt="">