浏览代码

商品列表价格排序icon修改

skyblued 3 年之前
父节点
当前提交
7675099a94
共有 2 个文件被更改,包括 7 次插入5 次删除
  1. 5 3
      src/views/shop-mall/goods-list/index.module.less
  2. 2 2
      src/views/shop-mall/goods-list/index.tsx

+ 5 - 3
src/views/shop-mall/goods-list/index.module.less

@@ -35,11 +35,13 @@
   margin-bottom: 8px;
   font-weight: 500;
 }
-.filterSort{
+.filterSort {
   display: flex;
   flex-direction: column;
+  justify-content: center;
+  align-items: center;
   margin-left: 5px;
-  .icon-active{
-    color: var(--van-primary)
+  .icon-active {
+    color: var(--van-primary);
   }
 }

+ 2 - 2
src/views/shop-mall/goods-list/index.tsx

@@ -98,13 +98,13 @@ export default defineComponent({
                   class={this.filterActive === 3 ? styles['icon-active'] : ''}
                   style={{ transform: 'rotate(-90deg)' }}
                   name="play"
-                  size={4}
+                  size={12}
                 />
                 <Icon
                   class={this.filterActive === 4 ? styles['icon-active'] : ''}
                   style={{ transform: 'rotate(90deg)', marginTop: '-5px' }}
                   name="play"
-                  size={4}
+                  size={12}
                 />
               </div>
             </Col>