<template>
  <div class="jdindentdetail-nav">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <!-- titleName:商标注册服务 -->
      <!-- <el-breadcrumb-item :to="listPath" class="isActive">商标注册服务{{titleName}}</el-breadcrumb-item> -->
      <el-breadcrumb-item class="isActive">商标注册服务</el-breadcrumb-item>
      <el-breadcrumb-item>自助商标注册</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.jdindentdetail-nav {
  box-sizing: border-box;
  padding-top: 17px;
  width: 1200px;
  margin: 12px auto;
  padding: 0;
  height: 24px;
  line-height: 24px;
}
.isActive {
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: #303133;
}
.isActive :hover {
  color: #007aff;
  cursor: pointer;
}
.jdindentdetail-nav .el-breadcrumb {
  display: inline-block;
}
</style>