细节优化

application/index/view/default/order/aftersale_popup.html

@@ -27,14 +27,18 @@
                     </div>
                 </div>
 
-                <ul class="aftersale-step">
-                    <li>
+                <ul class="aftersale-step am-cf am-text-center">
+                    <li class="selected">
                         <span class="number">1</span>
                         <span class="text">用户申请退款</span>
+                        <i class="am-icon-caret-right"></i>
+                        <i class="am-icon-angle-right"></i>
                     </li>
-                    <li>
+                    <li class="selected selected-end">
                         <span class="number">2</span>
                         <span class="text">管理员处理退款申请</span>
+                        <i class="am-icon-caret-right"></i>
+                        <i class="am-icon-angle-right"></i>
                     </li>
                     <li>
                         <span class="number">3</span>

application/plugins/view/share/index/public/content.html

@@ -53,12 +53,8 @@
         </div>
         <div class="am-modal-bd">
             <div class="am-input-group am-input-group-sm">
-                <input type="text" class="am-form-field">
-                <span class="am-input-group-btn">
-                    <button class="am-btn am-btn-default" type="button">
-                        <span class="am-icon-copy"></span> 复制
-                    </button>
-                </span>
+                <input type="text" class="am-form-field" />
+                <span class="am-input-group-label am-icon-copy"> 复制</span>
             </div>
         </div>
     </div>

public/static/index/default/css/common.css

@@ -15,7 +15,8 @@ time, mark, audio, video {
     padding: 0;
     border: 0;
     vertical-align: baseline;
-    font-family: arial,"Lantinghei SC","Microsoft Yahei";  
+    font-family: arial,"Lantinghei SC","Microsoft Yahei";
+    font-style: normal;
 }
 li { list-style-type: none; }
 button { outline: none; }

public/static/index/default/css/order.aftersale.css

@@ -79,13 +79,51 @@ strong.total-price-content { color: #d2364c; font-size: 16px; }
 /**
  * 步骤
  */
+.aftersale-step {
+    margin: 10px 5px;
+}
 .aftersale-step li {
     float: left;
+    width: 33.33%;
+    padding: 5px 0;
+    position: relative;
+    overflow: hidden;
+    background: #ccc;
 }
 .aftersale-step li .number {
+    padding: 2px 6px;
+    border-radius: 50px;
+    font-weight: 700;
     background: #fff;
-    color: #ccc;
+    color: #b4b4b4;
 }
 .aftersale-step li .text {
     color: #fff;
+    margin-left: 2px;
+}
+.aftersale-step li i.am-icon-angle-right {
+    float: right;
+    font-size: 66px;
+    line-height: 0px;
+    position: absolute;
+    top: -21px;
+    right: 0;
+    color: #fff;
+}
+.aftersale-step li.selected {
+    background: #d2354c;
+}
+.aftersale-step li.selected .number {
+    color: #d2354c;
+}
+.aftersale-step li.selected i.am-icon-caret-right {
+    position: absolute;
+    top: -29px;
+    right: 5px;
+    z-index: 1;
+    font-size: 56px;
+    color: #d2354c;
+}
+.aftersale-step li.selected-end i.am-icon-angle-right {
+    background: #ccc;
 }

public/static/plugins/css/share/index/style.css

@@ -89,6 +89,9 @@
 #plugins-share-copy-modal .am-input-group {
     margin-top: 10px;
 }
+#plugins-share-copy-modal .am-input-group .am-input-group-label {
+    cursor: pointer;
+}
 
 
 /**

public/static/plugins/js/share/index/style.js

@@ -96,7 +96,7 @@ $(function()
     });
 
     // url复制
-    var clipboard = new ClipboardJS('#plugins-share-copy-modal .am-input-group button.am-btn',
+    var clipboard = new ClipboardJS('#plugins-share-copy-modal .am-input-group .am-input-group-label',
     {
         text: function()
         {