mint-ui使用，大牛推荐，web项目开发流程

mint-ui 的使用

mint-ui官网

1. 安装

npm install mint-ui -S

2. 引入项目

• 全局引入（简单粗暴，一次引入所有组件）

main.js

// 引入全部组件

import Vue from ‘vue’;

import Mint from ‘mint-ui’;

import ‘mint-ui/lib/style.css’; // 有可能会报错， 找node_modules --》 mint-ui ?css

Vue.use(Mint);

3. 弹框 Toast组件

import {Toast} from ‘mint-ui’

// 信息弹出框

Toast(‘提示信心’);

Toast({

message: ‘提示’,

position: ‘bottom’,

duration: 5000

});

Toast({

message: ‘操作成功’,

iconClass: ‘icon icon-success’

});

//关闭

let instence=Toast();

instence.close();

备注：icon图标，需自己提供。

阿里字体图标官网官网

1. 注册一个账号 （推荐github账号注册）

2. 登陆

3. 图标管理 —> 我的项目—> +(新建项目)–>填写：项目名（不能汉字、-）、前缀… 新建按钮

给项目添加图标—>图标库—>选择你想要的图标添加购物车---->点击购物—>添加至项目---->选择项目 —>确定—>自动跳转到项目中—>使用图标（2种）

1种：点击查看在线连接，在index.html文件中， link 引入

2. 下载到本地。 放在assets 中

main.js引入

import ‘@/assets/icon/iconfont.css’

3. swipe

1

2

3

参数：

:show-indicators=“false” 隐藏焦点

:auto=“0” 取消轮播

@change=“handleChange” 轮播图片触发的函数,参数为切入轮播图的索引

methods: {

handleChange(index) {

…

}

}

5. tabbar 底部导航

外卖

订单

发现

我的

data(){

return {

selected:‘外卖’

}

}

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

读者福利

========

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

由于篇幅过长，就不展示所有面试题了，想要完整面试题目的朋友（另有小编自己整理的2024大厂高频面试题及答案附赠）

_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM3OTAzNDY4,size_16,color_FFFFFF,t_70)