修改部分css因bootstrap4无法生效样式

backend/modules/shop/views/express-template/area.php

@@ -98,17 +98,17 @@ xj\babel\BrowserAsset::register($this);
         margin-right: 5px;
     }
 
-    .glyphicon {
+    .fa {
         padding: 5px;
         transition: all .2s;
         cursor: pointer;
     }
 
-    .glyphicon.glyphicon-menu-down.switch--popup {
+    .fa.fa-menu-down.switch--popup {
         position: relative;
         top: -1px;
     }
-    .province--list > li.active .glyphicon {
+    .province--list > li.active .fa {
         transform: rotate(180deg);
     }
 
@@ -177,14 +177,14 @@ xj\babel\BrowserAsset::register($this);
                 class="list-complete-item"
             >
                 <div
-                    class="close glyphicon glyphicon-remove"
+                    class="close fa fa-remove"
                     title="删除"
                     @click="province.checked = false; province.city.forEach(i => i.checked = false)"
                 ></div>
                 <span>{{province.province}}</span>
                 <!--                <ul>-->
                 <!--                    <li>-->
-                <!--                        <div class="close glyphicon glyphicon-remove" title="删除"></div>-->
+                <!--                        <div class="close fa fa-remove" title="删除"></div>-->
                 <!--                        <span>广东省</span>-->
                 <!--                    </li>-->
                 <!--                </ul>-->
@@ -375,7 +375,7 @@ xj\babel\BrowserAsset::register($this);
 <!--                $('#check-all-province').checked = isCheckedAllProvince;-->
 <!--            }-->
 <!--        }-->
-<!--        if (e.target.className === 'glyphicon glyphicon-menu-down switch--popup') {-->
+<!--        if (e.target.className === 'fa fa-menu-down switch--popup') {-->
 <!--            var parentLi = e.target.parentElement;-->
 <!---->
 <!--            if (parentLi.classList.contains('active')) {-->