<article class="_2rhmJa"><p>接下来·进一步完善底部购物模块,完善之前需要准备2个图标，同样将图标按钮放到项目中。</p> <br/> <div class="image-package"> <div class= ...

<article class="_2rhmJa"><p>修改<code>src\views\shop\Cart.vue</code>,将<code>src\views\shop\Content.vue</code>下的class等于<cod ...

<article class="_2rhmJa"><h3>商家详情页开发</h3> <p>在开发之前准备好mock接口，返回mock如下:</p> <pre><code>{ code: 200, data: [ { ...

<article class="_2rhmJa"><p>当前<code>src/App.vue</code>完整代码如下：</p> <pre><code>&lt;template&gt; &lt;!-- 主体内容容器 --&gt; ...

<article class="_2rhmJa"><p>目前页面如下：</p> <br/> <div class="image-package"> <div class="image-container" style="max-width: ...

<article class="_2rhmJa"><p>后端接口可以写到自己搭建的fast mock网站上。<br/> <a href="https://links.jianshu.com/go?to=https%3A%2F%2Fwww.f ...

<article class="_2rhmJa"><h3>限制只有登录才能访问首页，而不登录只能打开登录界面。</h3> <p>这就用到路由守卫功能。<br/> 修改路由配置文件``：</p> <pre><code>import { c ...

<article class="_2rhmJa"><h3><code>src\views\home\Docker.vue</code></h3> <pre><code>&lt;template&gt; &lt;!-- 底部主菜单容器 - ...

<article class="_2rhmJa"><p>准备mock数据：</p> <pre><code> { "code": 200, "data": [{ _id: '1', ...

<article class="_2rhmJa"><p>目前<code>src/App.vue</code>代码如下：</p> <pre><code>&lt;template&gt; &lt;div class="wrapper"&gt ...