mint-ui 的使用
mint-ui官网
安装
npm install mint-ui -S
引入项目
全局引入（简单粗暴，一次引入所有组件）
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);
弹框 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图标，需自己提供。
阿里字体图标官网官网
注册一个账号 （推荐github账号注册） 登陆 图标管理 —> 我的项目—> +(新建项目)–>填写：项目名（不能汉字、-）、前缀… 新建按钮
给项目添加图标—>图标库—>选择你想要的图标添加购物车---->点击购物—>添加至项目---->选择项目 —>确定—>自动跳转到项目中—>使用图标（2种）
1种：点击查看在线连接，在index.html文件中， link 引入
下载到本地。 放在assets 中
main.js引入
import ‘@/assets/icon/iconfont.css’
swipe
1
2
3
参数：
:show-indicators=“false” 隐藏焦点
:auto=“0” 取消轮播
@change=“handleChange” 轮播图片触发的函数,参数为切入轮播图的索引
methods: {
handleChange(index) {
…
}
}
tabbar 底部导航
外卖
订单
发现
我的
data(){
return {
selected:‘外卖’
}
}
小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！ 因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
最后
资料过多，篇幅有限
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）** [外链图片转存中…(img-JPumy23l-1710826812323)]
最后
[外链图片转存中…(img-UWElcWpI-1710826812324)]
[外链图片转存中…(img-s6HoDBLR-1710826812324)]
资料过多，篇幅有限
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
好文阅读
您阅读本篇文章共花了：
发表评论