小程序頁面怎么引入css

在編寫小程序時(shí)，我們可能需要使用CSS來美化頁面，如何在小程序頁面中引入CSS呢？

我們需要?jiǎng)?chuàng)建一個(gè)CSS文件，這個(gè)文件中可以包含我們需要的所有CSS樣式，我們需要在小程序的配置文件（如app.json或page.json）中，找到需要引入CSS的頁面，并在該頁面的json對象中添加一個(gè)字符串類型的字段，該字段的值為CSS文件的相對路徑。

如果我們的CSS文件位于項(xiàng)目的根目錄下，且文件名為style.css，那么我們可以這樣引入CSS：

{
  "page": {
    "name": "index",
    "json": {
      "css": "/style.css"
    }
  }
}

這樣，當(dāng)小程序頁面加載時(shí)，就會(huì)同時(shí)加載并應(yīng)用該頁面指定的CSS樣式。

需要注意的是，如果CSS文件位于項(xiàng)目的子目錄下，我們需要相應(yīng)地調(diào)整相對路徑，如果CSS文件位于項(xiàng)目的images目錄下，那么我們可以這樣引入CSS：

{
  "page": {
    "name": "index",
    "json": {
      "css": "/images/style.css"
    }
  }
}

通過在小程序的配置文件中添加CSS字段并指定CSS文件的相對路徑，我們就可以在小程序頁面中引入并使用CSS樣式了。