会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132833个问题
Python 全系列/第二阶段:Python 深入与提高/模块 12783楼
Python 全系列/第一阶段:Python入门/函数和内存分析 12785楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器(旧) 12786楼

<template>
  <div class="bottom-nav">
      <ul class="nav-container">
          <li>
              <router-link exact to="/"><span class="iconfont icon-icon_homepage"></span>首页</router-link>
          </li>
          <li>
              <router-link to="/find"><span class="iconfont icon-icon_work"></span>发现</router-link>
          </li>
          <li>
              <router-link to="/cart"><span class="iconfont icon-icon_workmore"></span>购物车</router-link>
          </li>
          <li>
              <router-link to="/order"><span class="iconfont icon-icon_work"></span>订单</router-link>
          </li>
          <li>
              <router-link to="/user"><span class="iconfont icon-icon_signal"></span>我的</router-link>
          </li>
      </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.active{
    color: red;
}
.bottom-nav{
    width: 100%;
    height: 50px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}
.bottom-nav .nav-container{
    overflow: hidden;
    clear: both;
}
.bottom-nav .nav-container li{
    float: left;
    width: 20%;
    text-align: center;
}
.bottom-nav .nav-container li a{
    display: block;
    margin-top: 7px;
    font-size: 12px;
}
.bottom-nav .nav-container li a span{
    font-size: 20px;
    display: block;
}
</style>

老师,视频13分钟,在index.vue中首页加精准匹配exact,在点击页面就没有高亮了,与视频不一样,这是为啥?以上是index.vue的代码。

image.png还有就是index.vue文件中首页、发现等页面的地址为啥有/还有/find呢,我是这么理解的,但是感觉这样又不对,他们不是同级目录吗?如图:

image.png

Python 全系列/第八阶段:Vue框架/vue框架 12787楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/表单 12788楼
JAVA 全系列/第五阶段:JavaWeb开发/Servlet技术详解(旧) 12789楼
Python 全系列/第二阶段:Python 深入与提高/GUI编程(隐藏) 12790楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Linux 12791楼
Python 全系列/第十四阶段:Python 爬虫开发/爬虫基础(旧) 12792楼
JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 12795楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637