vue餓了麼學習-第四篇(web字型)
1.字型庫網站:icomoon
2.在官網點選右上角icomoon app按鈕,
新頁面找到import ICONS點選,
選擇自己所有的svg檔案確定上傳,
選中新增的全部小圖示,
然後點選右下角的crate font,
跳轉到新頁面以後,每一個圖示下面都會出現一個web字型名,
點選某個圖示下面的get code彈出一個彈框頁,
彈框內容html程式碼提示你怎麼使用,複製下來插入開發頁面中對應的位置就行。
3.下載自己建立的web字型庫,
點選左上角的preferences,(彈出彈框,設定對應的font-name其他預設)
設定好以後,點選右下角的download按鈕,
下載成功!
4.解壓下載檔案,開啟該檔案,裡面有一個demo網頁,可以開啟檢視效果圖。
製作好的web字型提取:連結: https://pan.baidu.com/s/1dFvmj09 密碼: h89u
相關推薦
vue餓了麼學習-第四篇(web字型)
1.字型庫網站:icomoon 2.在官網點選右上角icomoon app按鈕, 新頁面找到import ICONS點選, 選擇自己所有的svg檔案確定上傳, 選中新增的全部小圖示, 然後點選右下角的crate font, 跳轉到新頁面以後,每一個圖示下面都會出
vue餓了麼學習-第十篇(配置路由)
1.在build檔案下,開啟dev-server.js檔案,新增引入express檔案,並使用它。 var express = require('express') var app = express() 已經將data.json資料,引入到了這裡,如下 //9.
vue餓了麼學習筆記(4)icon字型載入問題,提示 These relative modules were not found: ./font/sell-icon.eot...
https://blog.csdn.net/qq_22317389/article/details/79601407 https://blog.csdn.net/mxf_bear/article/details/80505295 使用 icon 字型圖標出現小方塊問題
vue 餓了麼學習筆記
詳情頁主要程式碼 <template> <transition name="move"> <div v-show="showFlag" class="food" ref="food"> <div clas
vue餓了麼學習-問題1(style檔案報錯)
1.在src-common-的styles中寫入的mixin.styl檔案, border-1px($color) position: relative &:after display: block position: absolute left: 0 bot
MyBatis學習——第四篇(攔截器和攔截器分頁實現)
MyBatis架構體圖 1:mybatis核心物件 從MyBatis程式碼實現的角度來看,MyBatis的主要的核心部件有以下幾個: SqlSession &n
ORACLE學習第八篇(ORACLE檢視)
一、概念 檢視是虛表,沒有具體物理資料,是通過實體表的一種計算對映邏輯。主要就是為了方便和資料安全; 二、建立檢視 Create view 檢視名稱 as 查詢語句 create view v_emp1 as select ename,job from emp; 出
學習筆記之vue高仿餓了麼課程專案--佈局篇
歡迎大家來訪問我的github哦:my-github現把專案中學到的知識和遇到的問題做一整理。這篇是佈局篇(採用stylus)flex佈局如果一個佈局需要左邊是固定長度,右邊是自適應寬度,隨拉大而大,縮小而小,則可以使用flex佈局。移動端很適合。.wrapper
vue餓了麼(四)--cartcontrol元件 & 減號新增滾動動畫transition
1.cartcontrol結構 <template> <div class="cartcontrol"> <transition name="move"> <div class="cart-decrease" v-sho
vue2.0 餓了麼學習筆記(14)food.vue的實現
點選food展開詳情頁food.vue的實現1)新建good資料夾和good.vue,設定樣式,並接受一個被選中的food props: { //接收傳入的food food: { type: Object }
Oracle 學習第四篇
結果 使用 職位 com 函數 分組顯示 日期比較 統計 comm Day04-Oracle查詢基礎 學習目標: ? 修改數據 ? 刪除數據 ? 簡單查詢 ? 條件查詢 ? 分組查詢 oracle修改數據 使用update語句修改表中數據。 Update 語句基本語法:
機器學習第四篇
全文搜尋引擎允許人們在大量文件中搜索一系列單詞,並根據文件與這些單詞的相關程度對結果進行排序。 PageRank——標準演算法的一個變體 資訊檢索步驟: 1、找到一種蒐集文件的方法 爬蟲:接受一組等待建立索引的網頁,再根據這些網頁內部的連結進而找到其他的網頁,依此類推。程式碼通常會將
【餓了麼】—— Vue2.0高仿餓了麼核心模組&移動端Web App專案爬坑(二) 【重點突破】—— 當better-scroll 遇見Vue
前言:上一篇專案總結介紹了頁面骨架的開發、header元件的開發,這一篇主要梳理:商品元件開發、商品詳情頁實現。專案github地址:https://github.com/66Web/ljq_eleme,歡迎Star。 goods
vue餓了麼(三)--goods元件 & shopcart元件
1.goods.vue滾動實現:"better-scroll" 1.package.json中引入"better-scroll"。cnpm install --------》 npm run dev "dependencies": { "axios
vue餓了麼(二)--Sticky footer & start星星元件 & flex浮懸窗小標題
1.Sticky footer佈局 1.何為Sticky footer佈局:不管內容區有多少內容,頁尾始終顯示在螢幕的最下方,當內容區域超過螢幕的高度時。頁尾會始終顯示在頁面的最底部。 <!DOCTYPE html> <html lang="en"> <head
vue餓了麼(一)--vue-router路由 & mock後臺資料
1.vue-router:點選導航按鈕顯示相應頁面 1.router/index.vue import Vue from 'vue' import Router from 'vue-router' import header from '@/components/header/header'
vue餓了麼--筆記
1.vue-router:點選導航按鈕顯示相應頁面 1.router/index.vue import Vue from 'vue' import Router from 'vue-router' import header from '@/components/head
Python 語言學習 第四篇:動態型別模型
Python的變數不用宣告,賦值之後就可以直接使用,型別是在執行過程中自動確定的,這就是動態型別模型。該模型把變數和物件設計成兩個不同的實體,物件是儲存資料的地方,物件的型別是由初始值自動決定的,而變數僅僅是物件的引用。變數是通用的,同一個變數名可以引用任何型別的物件。 一,變數、物件和引用 動態型別模型
vue餓了麼專案實現評論列表的篩選
正如大家買東西都習慣看評論,評論好就買,評論不好就遠離;所以評論對大家來說是很重要的,一個商品的評論往往數量挺多,所以評論列表的篩選這個功能也就需求大,在公司的專案中用的比較多。 問題是?如何來實現這個功能? 其實很簡單: 第一步: 先準備好資料按鈕,如程式碼所
VUE餓了麼樹形控制元件新增增刪改功能
轉自:https://segmentfault.com/a/1190000011574698#articleHeader2 element-ui樹形控制元件:地址 在原文件中有個案例是有新增和刪除功能,但是後來發現其修改的資料並不能直接影響到樹形資料,所以採用了 rende