zoukankan      html  css  js  c++  java
  • vue系列3:引入css和js

    一、引入css和js的步骤:

    1、找到项目文件夹下的static文件夹,并在该文件夹下存放静态资源

    2、找到项目文件夹下的index.html文件

    3、引入需要的css和js

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <title>pc</title>
        <link href="./static/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="./static/css/essentials.css" rel="stylesheet" type="text/css" />
        <link href="./static/css/layout.css" rel="stylesheet" type="text/css" />
        <link href="./static/css/assets/images/favicon.ico">
        <!-- PAGE LEVEL SCRIPTS -->
        <link href="./static/css/header-1.css" rel="stylesheet" type="text/css" />
        <link href="./static/css/layout-shop.css" rel="stylesheet" type="text/css" />
        <link href="./static/css/color_scheme/orange.css" rel="stylesheet" type="text/css" id="color_scheme" />
        <!-- <link href="/static/js/toastr/toastr.min.css" rel="stylesheet" /> -->
    
    </head>
    
    <body>
        <div id="app">
            <Header/>
            <App/>
            <Footer/>
        </div>
        <script src="./static/js/jquery.js"></script>
        <script src="./static/js/bootstrap-touchspin-master/src/jquery.bootstrap-touchspin.js" />
        <!-- <script src="./static/js/toastr/toastr.min.js"></script> -->
        <script src="./static/js/swiper.min.js"></script>
        <script src="./static/js/jquery.bootpag.min.js"></script>
    </body>
    
    </html>
  • 相关阅读:
    如何挑选牙膏--2019/10/20
    怎样选卫生纸-2019/10/20
    页面动态加入<script>标签并执行代码
    ss 各种浏览器兼容前缀写法
    nth-child(n)、first-child、last-child用法
    改变checkbox的默认样式
    border和outline的区别
    标签嵌套规则和注意事项
    物理尺寸 转换为 像素
    打印iframe内容
  • 原文地址:https://www.cnblogs.com/XueTing/p/13830331.html
Copyright © 2011-2022 走看看