ソースを参照

feat: 修改menu图标

yewenwen 5 年 前
コミット
a00f71f7eb
2 ファイル変更7 行追加2 行削除
  1. 6 1
      src/packages/menuitem/index.scss
  2. 1 1
      src/packages/menuitem/index.vue

+ 6 - 1
src/packages/menuitem/index.scss

@@ -15,6 +15,9 @@
         color: #1a1a1a;
         transition: all ease 0.3s;
         transform: rotate(-180deg);
+        background: url('https://img14.360buyimg.com/imagetools/jfs/t1/144044/16/20214/521/5fe5bb14Ebf213fe3/40f271b982f31898.png')
+          no-repeat;
+        background-size: contain;
       }
     }
     .nut-menu-panel {
@@ -36,11 +39,13 @@
     display: inline-block;
     width: 6px;
     height: 6px;
+    background: url('https://img13.360buyimg.com/imagetools/jfs/t1/152898/12/10149/452/5fd990b5Ec7c12d70/3bf06076b758bed1.png')
+      no-repeat;
+    background-size: contain;
     color: #909ca4;
     transform: rotate(0deg);
     transition: all ease 0.3s;
     margin: 0 2px;
-    transform-origin: right;
   }
 }
 .nut-menu-panel {

+ 1 - 1
src/packages/menuitem/index.vue

@@ -5,7 +5,7 @@
   >
     <view class="nut-menu-title" @click="handleMenuPanel">
       <view class="title-name" v-html="menuTitle"></view>
-      <nut-icon class="icon" name="arrow-down" size="6px"></nut-icon>
+      <i class="icon"></i>
     </view>
     <view
       class="nut-menu-panel"