04-小兔鲜儿

最新推荐文章于 2024-06-06 11:23:53 发布

魔术师ID

最新推荐文章于 2024-06-06 11:23:53 发布

阅读量111

点赞数

分类专栏：小兔仙儿文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_45585640/article/details/123727320

版权

小兔仙儿专栏收录该内容

6 篇文章 1 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

商品详情

01-商品详情-组件基础

目标：完成路由配置和组件准备，渲染面包屑

大致步骤：

组件准备
路由配置
数据获取
面包屑渲染，加载中效果

具体代码：

组件基础 views/goods/index.vue

<template>
  <div class="xtx-goods-page">
    <div class="container">
      <XtxBread>
        <XtxBreadItem to="/">首页</XtxBreadItem>
        <XtxBreadItem to="/">类目</XtxBreadItem>
        <XtxBreadItem>商品名称</XtxBreadItem>
      </XtxBread>
    </div>
  </div>
</template>

<script>
export default {
  name: "xtx-goods-page",
};
</script>

<style lang="less" scoped>
.loading {
  height: 600px;
  border-top: 72px solid #f5f5f5;
  background: #fff url(../../assets/load.g