nav的样式无法生效&网站有报错

来源:7-3 首页Header开发-头部引导导航设计

wuzhengtao

2019-03-20

进度:7-3
写到nav中的样式时,按照老师的代码写,list样式无法生效,请问是什么原因?

<template>
    <div class="m-nav">
        <ul class="nav">
            <li class="list">
                <nuxt-link to="/my">我的美团</nuxt-link>
                <dl>
                    <dd><nuxt-link to="/order">我的订单</nuxt-link></dd>
                    <dd><nuxt-link to="/my">我的收藏</nuxt-link></dd>
                    <dd><nuxt-link to="/my">抵用券</nuxt-link></dd>
                    <dd><nuxt-link to="/my">账户设置</nuxt-link></dd>
                </dl>
            </li>
            <li>
                <nuxt-link to="/order">手机APP</nuxt-link>
            </li>
            <li class="list bd">
                <nuxt-link to="/center">商家中心</nuxt-link>
                <dl>
                    <dd><nuxt-link to="/orer">登录商家中心</nuxt-link></dd>
                    <dd><nuxt-link to="/my">我想合作</nuxt-link></dd>
                    <dd><nuxt-link to="/my">免费手机开店</nuxt-link></dd>
                    <dd><nuxt-link to="/my">商家申请开票</nuxt-link></dd>
                </dl>
            </li>
            <li class="list site">
                <nuxt-link to="/site">网站导航</nuxt-link>
            </li>
        </ul>
    </div>
</template>
<script>
export default {}
</script>
<style lang="css">
</style>

另外,我发现网站在报404错误

init @ include.preload.js:291
(anonymous) @ include.preload.js:392
(index):245 GET http://localhost:3000/_nuxt/node_modules/element-ui/lib/theme-chalk/fonts/element-icons.woff net::ERR_ABORTED 404 (OK)
commons.app.js:19334 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html

谢谢老师。

写回答

1回答

快乐动起来呀

2019-03-21

这个报错是elementui没有正确加载,请使用课程指定的版本,不要用最新的

0
0

Vue全家桶+SSR+Koa2全栈开发美团网

整合大前端8项技术,全面晋级全栈工程师,毕设/面试作品

2445 学习 · 1638 问题

查看课程