Browse Source

商品列表价格排序icon修改

skyblued 3 years ago
parent
commit
7675099a94

+ 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>