学习Vue3 第三十一章（了解UI库ElementUI，AntDesigin等）_vue3 elemrnt-ui ant-d-程序员宅基地

vue作为一款深受广大群众以及尤大崇拜者的喜欢，特此列出在github上开源的vue优秀的UI组件库供大家参考

这几套框架主要用于后台管理系统和移动端的制作，方便开发者快速开发

Element UI Plus

安装方法

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

main ts引入

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

volar插件支持

{
  "compilerOptions": {
    // ...
    "types": ["element-plus/global"]
  }
}

一个 Vue 3 UI 框架 | Element Plus

2. Ant Design Vue

安装

$ npm install ant-design-vue@next --save
$ yarn add ant-design-vue@next

使用

import { createApp } from 'vue';
import Antd from 'ant-design-vue';
import App from './App';
import 'ant-design-vue/dist/antd.css';

const app = createApp(App);

app.use(Antd).mount('#app');

https://next.antdv.com/docs/vue/introduce-cn

3.Iview

安装

npm install view-ui-plus --save

使用

import { createApp } from 'vue'
import ViewUIPlus from 'view-ui-plus'
import App from './App.vue'
import router from './router'
import store from './store'
import 'view-ui-plus/dist/styles/viewuiplus.css'

const app = createApp(App)

app.use(store)
  .use(router)
  .use(ViewUIPlus)
  .mount('#app')

iView / View Design 一套企业级 UI 组件库和前端解决方案

4. Vant 移动端

安装

npm i vant -S

使用

import Vant from 'vant'
import 'vant/lib/index.css';
createApp(App).use(vant).$mount('#app)

Vant 3 - Lightweight Mobile UI Components built on Vue

本文链接：https://blog.csdn.net/qq1195566313/article/details/123306603

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

怎么实现代码的重用性？_代码重用分析报告范文-程序员宅基地

文章浏览阅读9.6k次，点赞2次，收藏4次。代码重用_代码重用分析报告范文

用Cmake 编译OpenCV常见的错误_in archive is not an object-程序员宅基地

文章浏览阅读2.1w次，点赞19次，收藏57次。minGW32-make遇到的错误1：[ 37%] Linking CXX shared library …\bin\libopencv_core341.dllCMakeFiles\opencv_core.dir/objects.a: member CMakeFiles\opencv_core.dir/objects.a(vs_version.rc.obj) in archive is not an objectcollect2.exe: error: ld returned 1 exit sta_in archive is not an object

Autodesk CAD帮助文档总结二 DXF 概述_二进制dxf-程序员宅基地

文章浏览阅读2.3k次。关于 ASCII DXF 文件本节介绍 ASCII DXF 文件的格式。只有自行编写程序处理 DXF 文件，或者使用由 AutoLISP和 ObjectARX应用程序获得的图元信息时，才需要使用本节中包含的信息。相关参考关于图形交换文件格式 (DXF) 关于 DXF 文件的基本结构 (DXF) 关于 DXF 文件中的组码 (DXF) DXF 文件中的标题组码 (DXF..._二进制dxf

viewpager_crime_view_pager-程序员宅基地

文章浏览阅读198次。使用ViewPagerViewPager用于实现左右滑动屏幕的效果，切换查看一个列表不同列表项的细节。这里以ViewPager和Fragment的具体配合使用来讲述ViewPager的使用。（以Android Programming一书中第11章内容为参考）步骤：创建PagerActivity，PagerActivity是显示可滑动列表视图的活动，其对应的xml视图文件中加入了Vi..._crime_view_pager

自定义View跑马灯连续滚动，不限长度焦点，首尾有间隔_android marquee滚动首尾间距-程序员宅基地

文章浏览阅读930次。应产品的需求，需要实现跑马灯的效果，从网上Google、Github上浏览的一个遍，没有找到想要的效果；好不容易有个效果跟我要的一样，却发现了bug，悲催！自己写！nnd先来推荐三个 GitHub 上实现跑马灯效果很不错的库！（却不是我想要的，不过还是可以借鉴一下）：sunfusheng/MarqueeView这是扩展了ViewFlipper实现的。实现的效果如下： gongwen/..._android marquee滚动首尾间距

金属粉末注射成型（MIM）应用领域广泛市场规模不断增长_mim金属注塑成型-程序员宅基地

文章浏览阅读393次，点赞6次，收藏7次。东睦股份拥有连云港、上海以及东莞三大金属粉末注射成型产品生产基地，已与OPPO、华为、努比亚等知名手机品牌达成合作，为我国金属粉末注射成型代表企业。金属粉末注射成型（MIM）指将粘结剂与金属粉末相混合，利用注射成型机完成成型，再经粘结剂脱除、烧结等流程制得成品的工艺。与传统粉末冶金工艺相比，金属粉末注射成型具有成品质量好、工艺流程简单、生产效率高、可满足高精度制造需求、成品质量好等优势，在汽车制造、消费电子、医疗等众多领域应用广泛。金属粉末注射成型应用领域广泛，包括汽车制造、消费电子、医疗等。_mim金属注塑成型

随便推点

AndroidStudio-真机无法打印Log日志_android studio 荣耀手机日志-程序员宅基地

文章浏览阅读6.5k次，点赞6次，收藏6次。前言没有什么前言,都是眼泪,宝宝为这个玩意整了一个多小时……直接说方法华为荣耀6plus1.手机拨号页面: 输入 *#*# 2846579 #*#*, 2.进入后台设置–&gt;Log设置–&gt;打开所有日志开关3.一般这个时候,就可以打印了,但是我手机(华为荣耀6plus,Android6.0系统)设置完还是没效果,重启之后,成功看到日志.魅族 MX5在魅族手机上，也发现了这样的问题，但是解决方法不一样魅_android studio 荣耀手机日志

python求根公式函数_SymPy符号计算-让Python帮我们推公式-程序员宅基地

文章浏览阅读762次。作者: 阿凯Email: [email protected]概要像我这种粗心的小孩, 在推导一些复杂的公式(尤其是矩阵运算)的时候, 经常容易算错数, 一步推错,步步错。万能的Python有什么方法可以帮助我们节省时间，减少出错率呢? 有一个包叫做SymPy, 它可以帮我们自动的进行符号化计算. 所谓符号化计算的含义是指, 带入运算的不是某个具体的数值, 而是抽象的数学符号, 并且还可以帮我..._python 符号计算sympy 开根号

C++实现2024新年日历_2024新年代码-程序员宅基地

文章浏览阅读1.5k次，点赞8次，收藏9次。首先大概日历最麻烦的就是2月份的计算了，因为会需要考虑到平年还是闰年。每年的2月份天数的计算方法，如果年份能被4整除但不能被100整除，或者能被400整除，那么这一年的2月份只有29天（闰年）。否则，这一年的2月份只有28天（平年），具体代码也就这一行(year % 4 == 0 && year % 100 != 0) || year % 400 == 0。更具计算规则计算平年或者闰年，配置二月份的天数。因为除了二月份很特殊，其他余份都很固定，一个大月和一个小月，大月31天，小月30天，周而复始。所以只需要_2024新年代码