当前位置: 首页 > news >正文

Day06-尚品汇-排序操作上

提纲挈领:

1.默认是选择综合而且降序【1:desc】

 2.先把search组件里面的结构改一下哈

 1-----2----的效果图:

 3.判断谁点击会有背景颜色 由1,2决定

1》用indexOf()判断,如果== -1 代表没有,!=-1代表有 

 4.谁应该有箭头哈?由1,2决定

3-----4---利用计算属性来简写一下。

1)谁有背景颜色和箭头

 2)计算属性

 

5.箭头用iconfonts里面的图标。

 iconfonts使用流程

1》

 2》

3》在vue项目里面的index.html里面引入

4》在 需要的地方直接使用。但是要记得加上iconfont

1) 

 

2)

 

最后的效果图:

截止目前,只能通过程序员控制searchParams里面的数据来控制谁有背景颜色和箭头

 

 

相关文章:

  • 一、JAVA集成海康SDK
  • nacos的各种类型的配置文件 yml 、json、 Properties、 text 等文件类型 发生变化怎么热更新,实现实时监听nacos配置文件变化
  • 2024.3.29每日一题
  • linux 常用命令整理
  • 代码随想录学习Day 21
  • 硬件10、从网站获取封装
  • 你知道什么是物联网MQTT么?
  • 自由生成各种尺寸大小的占位图片:解决设计与开发中的图片占位问题
  • rust学习(第二章)
  • Zookeeper客户端命令、JAVA API、监听原理、写数据原理以及案例
  • 【linux】【docker】docker的安装 + 拿到docker开发环境压缩包如何使用
  • 数字信号处理:傅里叶分析
  • Linux进程替换(exec系列)
  • 史上最全软件测试工程师常见的面试题总结(百度、oppo、中软国际、华为)
  • 艾美捷抗人IL-2单抗MT8G10即用型解决方案
  • 头歌-信息安全技术-实训04 数据库SQL注入漏洞
  • C# 中的多线程
  • 建立自己的kindle书库
  • JavaWeb笔记(五)后端(Thymeleaf)(Tomcat类加载机制)(编写图书管理系统)
  • 提升网站流量和排名的方法,SEO优化要这样做
  • kubernets集群升级
  • 使用HTML+CSS+JS模拟比赛晋级的动画功能
  • 【数据结构Java版】LinkedList与链表之单链表
  • python list转str类型,str转list类型
  • 基于java校园德育活动预约和评分管理系统的设计与实现-计算机毕业设计源码+LW文档
  • 在 ESP 开发板上开发 UI 不再复杂
  • 最适合新手的100个深度学习实战项目
  • 队列的链式存储结构及其基本运算实现
  • 算法学习 【第一周】Ⅰ
  • Vue跳转页面隐藏底部导航tabbar的两种方法
  • memo,useCallback(),strapi,fetch,数据加载的提示,处理错误,await
  • Oh-My-Zsh安装与配置