Vue通常用于构建用户界面与单页应用程序。产品开发者能够从简单组件开始创作,逐渐衍生出较为复杂的前端平台。设计师可以通过合理地应用UI组件库,快速提升整体设计效率,让产品从外观构造到交互体验都有更好的优化。本节内容将为大家盘点9款常用Vue UI组件库。

Element UI

Element UI 是一套适用于产品开发者、设计师与产品经理等人群的Vue UI组件库,也是一款基于 Vue 2.0 的桌面端组件库。Element UI 用于 Web ,具有 Vue 与其他 React 和 Angular 的两种版本。Element UI 不管是在现实生活中还是界面显示上,都有良好的一致性,让用户更加赏心悦目,👉 点击查看Element UI使用教程。

Ant Design of Vue

Ant Design Vue 遵循 Ant Design 设计规范,为设计师提供优质 UI 组件库,多适用于开发和服务企业级的中后台产品,为产品提供更加优良的产品交互与视觉效果。

Vue Material

UI组件库Vue Material是基于谷歌的Material Design产生,是一款轻量级框架,帮助设计师实现Google像素材料设计,向你提供了适合所有Web浏览器的内置动态主题的组件,拥有简明的API。

Vuetify

Vuetify 是一个基于 Vue.js 精良实用UI组件库,它的整套 UI 设计均为 Material 风格,即使你没有任何设计技能,也能成功地创造出美观耐看的 Material 风格界面。此外它还能够为你设计个性主题,满足缺陷人群的访问需要。

View UI

View UI,原先命名为 iView,是一套基于 Vue.js 的开源UI组件库,主要服务于 PC 界面的中后台产品。它为使用者提供多种组件,灵活适用于大多数的网站类型。如果你有需要,它可以提供一对一的专业技术支持。

Muse-UI

Muse-UI是一款基于 Vue 2.0 的Material Design UI开源组件库,主要用于移动端和一些对浏览器兼容性要求不高的桌面端应用。Vue UI组件库Muse-UI,拥有便利的自定义主体功能,只用少量的代码就能替换新样式。

Vuesax

Vuesax是基于Vue.js的组件框架,如果你是初入行业的新手设计师,也完全可以逐步采用。Vuesax在应用程序的开发上有着丰富功能作用,力求在不删除应用必要功能的情况下改进其设计。它赋予所有组件独立个性的颜色、形状与设计,以便于更好地达成前端提倡的自由设计。

Buefy

Buefy 基于 Bulma 和 Vue.js,是一款轻量级UI组件。Vue UI组件库Buefy,即装即用非常轻巧,没有过多的内部依赖。

Vant UI

Vant 是开源的移动端组件库,服务于十多万开发者,是业界主流的移动端组件库之一。Vue UI组件库Vant 组件平均体积小于 1KB(min+gzip),包含了 65+ 个高质量组件,几乎能够实现移动端主流场景的全覆盖。

提示 Invalid version. The only valid version for X509Req is 0.

执行这个三个命令:

btpip install pyOpenSSL==22.1.0
btpip install cffi==1.14
bt 1

申请成功后如果无法部署成功,可以删除.well-known文件夹

原理

对于容器而言,其内核共享宿主机内核,自身打包了操作系统,应用和函数库等所有依赖。原理上只要替换对应的数据就可以替换系统,只不过要注意操作顺序,避免依赖关系冲突。

特点

支持OpenVZ和LXC虚拟化技术
支持Debian/CentOS/Alpine等多种系统的相互转换(及原地tp
使用

wget -qO OsMutation.sh https://raw.githubusercontent.com/LloydAsp/OsMutation/main/OsMutation.sh && chmod u+x OsMutation.sh && ./OsMutation.sh

或者

curl -so OsMutation.sh https://raw.githubusercontent.com/LloydAsp/OsMutation/main/OsMutation.sh && chmod u+x OsMutation.sh && ./OsMutation.sh

注意

会抹除数据,因此如果有重要数据自行备份
支持openvz 7,不支持openvz 6
仅支持openvz和lxc等容器虚拟化技术,不支持kvm等虚拟机技术。

  • Debian/Ubuntu安装下载工具
apt update -y && apt install -y curl wget
  • CentOS安装下载工具
yum update -y && yum install -y curl wget

WARP获取IPV4出站一键脚本

wget -N https://gitlab.com/fscarmen/warp/-/raw/main/menu.sh && bash menu.sh [option] [lisence/url/token]

解决无法访问Github

echo "2a01:4f8:c010:d56::2 github.com
2a01:4f8:c010:d56::3 api.github.com
2a01:4f8:c010:d56::4 codeload.github.com
2a01:4f8:c010:d56::5 objects.githubusercontent.com
2a01:4f8:c010:d56::6 ghcr.io
2a01:4f8:c010:d56::7 pkg.github.com npm.pkg.github.com maven.pkg.github.com nuget.pkg.github.com rubygems.pkg.github.com" >> /etc/hosts

前言
因为每个人的VPS不一样,可能会有不一样的问题出现,欢迎各位在评论区斧正!

SSH连接

如果本地不支持,那么可以借助工具。

  • 打开本地WARP再用SSH连接工具连接。
  • 用手机流量连接

    获取IPV4出站

  • Debian/Ubuntu安装下载工具
apt update -y && apt install -y curl wget
  • CentOS安装下载工具
yum update -y && yum install -y curl wget
  1. WARP获取IPV4出站一键脚本

    wget -N https://gitlab.com/fscarmen/warp/-/raw/main/menu.sh && bash menu.sh [option] [lisence/url/token]
  2. 修改DNS解析

    能直接用WARP脚本获取到就可以跳过这一步骤了
    可能有些机器要修改一下DNS解析

    echo -e "nameserver 2001:67c:2b0::4\nnameserver 2001:67c:2b0::6" > /etc/resolv.conf
    • 记得先要备份resolved.conf原始文件

安装宝塔

官方安装命令
https://www.bt.cn/new/btcode.html

笔者就不用官方的安装命令了,因为笔者安装宝塔7.7.0版本

国外机可以用Github:

curl -sSO https://raw.githubusercontent.com/8838/btpanel-v7.7.0/main/install/install_panel.sh && bash install_panel.sh

国内机器或者连不上Github的:

curl -sSO http://d.moe.ms/AAAAA/btpanel-v7.7.0/install/install_panel.sh && bash install_panel.sh

屏蔽手机号

不是7.7.0版本和7.7.0版本不需要的可以跳过

屏蔽手机号

sed -i "s|bind_user  'True'|bind_user  'XXXX'|" /www/server/panel/BTPanel/static/js/index.js

删除强制绑定手机js文件

rm -f /www/server/panel/data/bind.pl

还嫌麻烦,直接一键优化脚本吧

wget -O optimize.sh http://f.cccyun.cc/bt/optimize.sh && bash optimize.sh

开启监听IPv6

echo '::' > /www/server/panel/data/ipv6.pl && /etc/init.d/bt restart

修改信息

安装宝塔完成后,运行bt命令

  • 执行bt 8修改面板端口为自己喜欢的
  • bt 5bt 6修改面板用户名和密码。

登录宝塔

地址栏填写[IPv6地址]:端口号即可。