feat(controller): 调整UI显示

components/page-component/uni-plugins/uni-nav-bar.vue

@@ -4,7 +4,7 @@
         <view class="uni-navbar-header" :style="{color:color}">
             <view class="uni-navbar-header-btns" @tap="onClickLeft">
                 <view v-if="leftIcon.length">
-                    <uni-icon :type="leftIcon" :color="color" size="24"></uni-icon>
+                    <image class="icon icon-left" src="../../../static/image/icon/icon-down.png"></image>
                 </view>
                 <view v-if="leftText.length" class="uni-navbar-btn-text" :class="{'uni-navbar-btn-icon-left':!leftIcon.length}">{{leftText}}</view>
                 <slot name="left"></slot>
@@ -16,7 +16,7 @@
             </view>
             <view class="uni-navbar-header-btns" @tap="onClickRight">
                 <view v-if="rightIcon.length">
-                    <uni-icon :type="rightIcon" :color="color" size="24"></uni-icon>
+                    <image class="icon icon-right" src="../../../static/image/icon/icon-down.png"></image>
                 </view>
                 <!-- 优先显示图标 -->
                 <view v-if="rightText.length&&!rightIcon.length" class="uni-navbar-btn-text">{{rightText}}</view>
@@ -28,12 +28,10 @@
 
 <script>
     import uniStatusBar from './uni-status-bar.vue'
-    import uniIcon from './uni-icons.vue'
 
     export default {
         components: {
             uniStatusBar,
-            uniIcon
         },
         props: {
             /**
@@ -160,6 +158,18 @@
         background-color: #FFFFFF;
         overflow: hidden;
     }
+    .icon{
+        width: 30rpx;
+        height: 18rpx;
+    }
+    .icon-left{
+        transform: rotate(90deg);
+        margin-left: 10rpx;
+    }
+    .icon-right{
+        transform: rotate(-90deg);
+        margin-right: 10rpx;
+    }
 
     .uni-navbar view{
         line-height:44px;