实训作业开发终版.zip
资源文件列表:

实训作业开发/01作业.html 1.73KB
实训作业开发/axios.js 136.68KB
实训作业开发/ceshi.html 1.73KB
实训作业开发/demo.css 8.23KB
实训作业开发/demo_index.html 9.49KB
实训作业开发/echarts.min.js 1005.08KB
实训作业开发/iconfont.css 559B
实训作业开发/iconfont.js 5.08KB
实训作业开发/iconfont.json 584B
实训作业开发/iconfont.ttf 2.13KB
实训作业开发/iconfont.woff 1.48KB
实训作业开发/iconfont.woff2 1.07KB
实训作业开发/js/
实训作业开发/js/axios.js 140.75KB
实训作业开发/js/brand.js 612B
实训作业开发/js/carData.js 7.33KB
实训作业开发/js/validate.js 578B
实训作业开发/js/vue.global.js 560.24KB
实训作业开发/mian.html 4.97KB
实训作业开发/styles.css 2.57KB
实训作业开发/swiper7.4.1/
实训作业开发/swiper7.4.1/carousel.css 1.64KB
实训作业开发/swiper7.4.1/swiper-bundle.min.css 17.57KB
实训作业开发/swiper7.4.1/swiper-bundle.min.js 132.74KB
实训作业开发/vue.global.js 511.22KB
实训作业开发/奥迪a.jpg 334.91KB
实训作业开发/二手车.html 3.25KB
实训作业开发/卖车.html 1.95KB
实训作业开发/新车.html 3.31KB
实训作业开发/页面1.html 4.62KB
实训作业开发/页面2.html 455B
资源介绍:
实训作业开发终版.zip-
手机
-
首页
-
用户
Unicode 引用
Unicode 是字体在网页端最原始的应用方式,特点是:
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 默认情况下不支持多色,直接添加多色图标会自动去色。
注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)
Unicode 使用步骤如下:
第一步:拷贝项目下面生成的 @font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1720575129852') format('woff2'),
url('iconfont.woff?t=1720575129852') format('woff'),
url('iconfont.ttf?t=1720575129852') format('truetype');
}
第二步:定义使用 iconfont 的样式
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<span class="iconfont">3</span>
"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
-
手机.icon-shouji
-
首页.icon-shouye
-
用户.icon-yonghu
font-class 引用
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
与 Unicode 使用方式相比,具有如下特点:
- 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
使用步骤如下:
第一步:引入项目下面生成的 fontclass 代码:
<link rel="stylesheet" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<span class="iconfont icon-xxx"></span>
" iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
-
手机#icon-shouji
-
首页#icon-shouye
-
用户#icon-yonghu