当前位置: 开发笔记 > 编程语言 > 正文

vue从创建到完整的饿了么（3）引入UI框架

作者：许雅惠嘉文意芝 | 来源：互联网 | 2023-08-28 16:01

说明上一章–vue从创建到完整的项目（2）路由苍渡大神项目源码地址–Github地址下一章–Home布局以及vue-resourceUI框架咱们先看一下home.vue的效果图，原

说明

上一章&＃8211;vue从创建到完整的项目（2）路由
苍渡大神项目源码地址&＃8211;Github地址
下一章&＃8211;Home布局以及vue-resource

UI框架

咱们先看一下home.vue的效果图，原网址在此
接下来用什么UI框架呢？因为以前用的是weui，所以这次用mint-ui练练手，文档在此
首先下载
npm install mint-ui -S
结果如图那两个警告说的啥我也不懂，先不管（大神指点）
下载好了，怎么用呢？先打开main.js引入
import Mint from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(Mint)
管不管用不试试怎么知道？打开home.vue修改如下
运行试试
进度条出现！眼泪都快留下来了，这下该写页面了吧？？？！！！

推荐阅读

import
vue-awesome-swiper的使用

本文介绍了如何使用vue-awesome-swiper组件，包括在main.js中引入和使用swiper和swiperSlide组件，以及设置options和ref属性。同时还介绍了如何在模板中使用swiper和swiperSlide组件，并展示了如何通过循环渲染swipes数组中的数据，并使用picUrl属性显示图片。最后还介绍了如何添加分页器。 ... [详细]

蜡笔小新 2023-12-11 19:35:32
import
Java实现大数乘法（分治算法）

本文介绍了使用Java实现大数乘法的分治算法，包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]

蜡笔小新 2023-12-14 15:43:50
import
求解hdu 1003 java题目的动态规划优化方法

本文讨论了如何优化解决hdu 1003 java题目的动态规划方法，通过分析加法规则和最大和的性质，提出了一种优化的思路。具体方法是，当从1加到n为负时，即sum(1,n)sum(n,s)，可以继续加法计算。同时，还考虑了两种特殊情况：都是负数的情况和有0的情况。最后，通过使用Scanner类来获取输入数据。 ... [详细]

蜡笔小新 2023-12-14 13:11:00
import
为什么在main.js中写import不会全局生效？

本文讨论了为什么在main.js中写import不会全局生效的问题，并提供了解决方案。在每一个vue文件中都需要写import语句才能使其生效，而在main.js中写import语句则不会全局生效。本文还介绍了使用Swal和sweetalert2库的示例。 ... [详细]

蜡笔小新 2023-12-14 12:29:43
import
OC学习笔记之@property和@synthesize

本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]

蜡笔小新 2023-12-14 12:05:06
import
安卓select模态框样式改变_微软Office风格的多端（Web、安卓、iOS）组件库——Fabric UI...

介绍FabricUI是微软开源的一套Office风格的多端组件库，共有三套针对性的组件，分别适用于web、android以及iOS，Fab ... [详细]

蜡笔小新 2023-12-14 05:55:08
import
sklearn数据集库中的常用数据集类型介绍

本文介绍了sklearn数据集库中常用的数据集类型，包括玩具数据集和样本生成器。其中详细介绍了波士顿房价数据集，包含了波士顿506处房屋的13种不同特征以及房屋价格，适用于回归任务。 ... [详细]

蜡笔小新 2023-12-13 17:45:15
int
动态规划算法的基本步骤及最长递增子序列问题详解

本文详细介绍了动态规划算法的基本步骤，包括划分阶段、选择状态、决策和状态转移方程，并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中，在以后尽可能多地利用这些子问题的解，从而提高算法的效率。 ... [详细]

蜡笔小新 2023-12-13 15:38:19
int
深入剖析jquery源码，探寻框架底层原理

随着前端技术的发展，越来越多的开发者开始使用react、vue等web框架，但很少有人深入理解这些框架的源码。然而，这些框架底层都是由原生的javascript构建而成。对于初学前端的人来说，可能会认为javascript很容易上手，但实际上只是因为它被高度封装了。与能够使用封装类的人相比，能够理解框架原理的人则处于另一个层面。本文将深入剖析jquery源码，探寻框架底层的原理，帮助读者更好地理解web框架的运行机制。 ... [详细]

蜡笔小新 2023-12-10 17:42:39
int
VUE中引用路径的配置

在vue项目开发中经常引用JS、CSS、IMG文件。当项目较大时文件层级很多，导致路径很长，我们可以通过在bulidwebpack.base.conf.js设置简便的引用路径一、 ... [详细]

蜡笔小新 2023-10-17 22:56:05
import
Java太阳系小游戏分析和源码详解

本文介绍了一个基于Java的太阳系小游戏的分析和源码详解。通过对面向对象的知识的学习和实践，作者实现了太阳系各行星绕太阳转的效果。文章详细介绍了游戏的设计思路和源码结构，包括工具类、常量、图片加载、面板等。通过这个小游戏的制作，读者可以巩固和应用所学的知识，如类的继承、方法的重载与重写、多态和封装等。 ... [详细]

蜡笔小新 2023-12-14 19:53:34
int
[译]技术公司十年经验的职场生涯回顾

本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同，令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望，认为人类有能力不断改善自己。 ... [详细]

蜡笔小新 2023-12-14 11:31:05
int
解决Cydia数据库错误：could not open file /var/lib/dpkg/status 的方法

本文介绍了解决iOS系统中Cydia数据库错误的方法。通过使用苹果电脑上的Impactor工具和NewTerm软件，以及ifunbox工具和终端命令，可以解决该问题。具体步骤包括下载所需工具、连接手机到电脑、安装NewTerm、下载ifunbox并注册Dropbox账号、下载并解压lib.zip文件、将lib文件夹拖入Books文件夹中，并将lib文件夹拷贝到/var/目录下。以上方法适用于已经越狱且出现Cydia数据库错误的iPhone手机。 ... [详细]

蜡笔小新 2023-12-13 19:02:44
int
litemall源码阅读2.04管理后台前端litemalladmin之husky与lint

在package.json中有如下两个对象：husky:{hooks:{pre-commit:lint-staged}},lint-staged:{src** ... [详细]

蜡笔小新 2023-12-09 18:41:50
int
微信民众号商城/小顺序商城开源项目介绍及使用教程

本文介绍了一个基于WeiPHP5.0开发的微信民众号商城/小顺序商城的开源项目，包括前端和后端的目录结构，以及所使用的技术栈。同时提供了项目的运行和打包方法，并分享了一些调试和开发经验。最后还附上了在线预览和GitHub商城源码的链接，以及加入前端交流QQ群的方式。 ... [详细]

蜡笔小新 2023-12-09 08:45:47

许雅惠嘉文意芝

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章