- 下載到本地。 放在assets 中
main.js引入
import ‘@/assets/icon/iconfont.css’
- swipe
1
2
3
參數(shù)：
:show-indicators=“false” 隱藏焦點(diǎn)
:auto=“0” 取消輪播
@change=“handleChange” 輪播圖片觸發(fā)的函數(shù),參數(shù)為切入輪播圖的索引
methods: {
handleChange(index) {
…
}
}
- tabbar 底部導(dǎo)航
外賣
訂單
發(fā)現(xiàn)
我的
data(){
return {
selected:‘外賣’
}
}
- Infinite scroll
v-infinite-scroll=“l(fā)oadMore”
infinite-scroll-disabled=“l(fā)oading”
infinite-scroll-distance=“10”
class=‘scroll_box’ // 要定義高度，溢出滾動
- {{ item }}
-
xxxxx
// v-infinite-scroll : 無限滾動指令 ,給誰加上，誰就可以無限滾動。
// loadMore: 上拉觸底 執(zhí)行的回調(diào)函數(shù)（異步加載更多數(shù)據(jù)）。
//infinite-scroll-disabled: 是否禁用無限滾動。值為true，表示禁用無限滾動。 值為false, 不禁用無限滾動。
//infinite-scroll-distance: 上拉 觸底的距離.
- lazy-load 懶加載
-
img[lazy=loading] {
width: 200px;
height: 300px;
background:yellow; // 也可以是背景圖片
// background:url(‘…/assets/logo.png’) no-repeat fixed cneter;
margin: auto;
}
頭部 -
mint-ui 如何按需引入
cnpm i mint-ui -S
注意：npm下載出現(xiàn)問題（終端中出現(xiàn)Error紅色提示，就得重新下載），用cnpm替換npm
npm install mint-ui -S -S ==== --save 表示把依賴安裝到 （dependencies）生產(chǎn)環(huán)境（項(xiàng)目上線的環(huán)境）
npm install sass -D -D=== --save-dev 表示把依賴安裝到 （devDependencies）開發(fā)環(huán)境（在本地運(yùn)行的環(huán)境）
按需引入步驟
- 安裝插件：
npm install babel-plugin-component -D
- 修改配置(找到 .babelrc 文件，內(nèi)容修改成：)
{
“presets”: [
[“es2015”, { “modules”: false }]
],
“plugins”: [[“component”, [
{
“l(fā)ibraryName”: “mint-ui”,
“style”: true
}
]]]
自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過，也去過華為、OPPO等大廠，18年進(jìn)入阿里一直到現(xiàn)在。
深知大多數(shù)前端工程師，想要提升技能，往往是自己摸索成長或者是報班學(xué)習(xí)，但對于培訓(xùn)機(jī)構(gòu)動則幾千的學(xué)費(fèi)，著實(shí)壓力不小。自己不成體系的自學(xué)效果低效又漫長，而且極易碰到天花板技術(shù)停滯不前！
因此收集整理了一份《2024年Web前端開發(fā)全套學(xué)習(xí)資料》，初衷也很簡單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時減輕大家的負(fù)擔(dān)。
既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上前端開發(fā)知識點(diǎn)，真正體系化！
由于文件比較大，這里只是將部分目錄截圖出來，每個節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會持續(xù)更新！
如果你覺得這些內(nèi)容對你有幫助，可以掃碼獲?。。。▊渥ⅲ呵岸耍?/strong>
更多面試題
**《350頁前端校招面試題精編解析大全》**內(nèi)容大綱主要包括 HTML，CSS，前端基礎(chǔ)，前端核心，前端進(jìn)階，移動端開發(fā)，計(jì)算機(jī)基礎(chǔ)，算法與數(shù)據(jù)結(jié)構(gòu)，項(xiàng)目，職業(yè)發(fā)展等等
資料獲取方式：點(diǎn)擊藍(lán)色傳送門免費(fèi)獲取文章來源：http://www.zghlxwxcb.cn/news/detail-858973.html
56422)]
由于文件比較大，這里只是將部分目錄截圖出來，每個節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會持續(xù)更新！
如果你覺得這些內(nèi)容對你有幫助，可以掃碼獲?。。。▊渥ⅲ呵岸耍?/strong>
更多面試題
**《350頁前端校招面試題精編解析大全》**內(nèi)容大綱主要包括 HTML，CSS，前端基礎(chǔ)，前端核心，前端進(jìn)階，移動端開發(fā)，計(jì)算機(jī)基礎(chǔ)，算法與數(shù)據(jù)結(jié)構(gòu)，項(xiàng)目，職業(yè)發(fā)展等等
資料獲取方式：點(diǎn)擊藍(lán)色傳送門免費(fèi)獲取
[外鏈圖片轉(zhuǎn)存中…(img-4JbyVRBG-1712194556422)]文章來源地址http://www.zghlxwxcb.cn/news/detail-858973.html
到了這里，關(guān)于mint-ui使用，web開發(fā)技術(shù)發(fā)展的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
