- 综合排序
- 最热优先
- 最新优先
- 来自专栏快乐阿超
uView
——王勃 分享一个最近开发中使用的前端UI组件库：uView 它里面的组件基本都是拿来即用 按照官方文档进行安装、配置即可
39610编辑于 2022-08-17 - 来自专栏站长的编程笔记
uVIew 介绍及基本使用
1. uView 介绍 uView 官网: https://www.uviewui.com ，uView 是 uni-app 生态专用的 UI 框架 下面内容摘抄自 uView 官网: 关于uView的取名来由 2. uView 安装 安装方式 uView 官网提供了两种安装方式: Hbuilder X 方式、NPM 方式 Hbuilder X 方式: 使用 uni-app 搭建的项目，NPM 方式: 使用 vue 引入 uView 主 JS 库 在项目根目录中的 main.js，引入并使用 uView 的 JS 库，这两行要放到 import Vue from 'vue' 后 // main.js import uView from '@/uni_modules/uview-ui' Vue.use(uView) 2. 引入 uView 的全局 SCSS 主题文件 在项目根目录中的 uni.scss，引入全局SCSS主题文件 /* uni.scss */ @import '@/uni_modules/uview-ui/
3K20编辑于 2022-12-05 - 来自专栏快乐阿超
uView升级http配置兼容变更
——梁启超 今天把老项目uniapp的http封装代码cv过来，发现用不了了，原因是uView版本升级了没适配 原先uView 1.x的方式： Vue.prototype. pages/login/login') return false; } else { return res; } } 现在uView
28810编辑于 2024-11-13 - 来自专栏日常技术分享
uni-app uView框架
1.介绍 uView是uni-app的UI框架 简单来说就是uView定义了一些常用的式样。不需我们在重复造轮子了。 2.安装 安装方式 我选择npm安装 // 安装 npm install uview-ui 3.配置 配置 由于我是使用npm方式安装的，所以我选择npm方式安装的配置 注意@import "uview-ui main.js中，其他的按照官方文档就可以 <style lang="scss"> /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */ @import "uview-ui
1.1K20编辑于 2021-12-16 - 来自专栏前端
uView 折叠面板显示，绑定默认显示
u-collapse-item open属性默认为单个数据，直接使用：open=“index”,会使面板变成手风琴效果
41510编辑于 2024-03-19 uniapp + Vue3 安装uView Plus 完整配置指南
/locale/index'11:13:16.693 5 | import uView from "uview-ui";11:13:16.694 | /locale/index'11:13:16.695 5 | import uView from "uview-ui";11:13:16.695 | 正确安装依赖# 卸载旧版本（如存在）npm uninstall uview-ui# 安装 uView Plusnpm install uview-plus@latest# 安装必要依赖npm install 3.x没有 uview-ui第二步：核心配置文件2.1 main.js 配置（关键！） 自定义变量 */@import "@/scss/variables.scss";/* 2. uView Plus 样式 */@import "uview-plus/theme.scss";@import
1K20编辑于 2025-11-25- 来自专栏dmhsq_csdn_blog
uni-app基础 1.2.1-引入uView
组件简介以及组件库推荐 点击查看视频教程跳到b站 课程文档地址 练习使用可以创建模板来观察官方如何使用 uni-ui 建议模板直接引入 单个使用的话插件市场引入 引入uView-ui 1.插件市场引入 App.vue <style lang="scss"> /*每个页面公共css */ @import "@/uni_modules/uview-ui/index.scss"; </style> main.js import uView from '@/uni_modules/uview-ui' Vue.use(uView) uni.scss @import '@/uni_modules/uview-ui pages.json "easycom": { // npm安装的方式不需要前面的"@/"，下载安装的方式需要"@/" // npm安装方式 "^u-(.*)": "@/uni_modules/uview-ui /components/u-$1/u-$1.vue" // 下载安装方式 // "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, "pages
66920编辑于 2022-04-13 - 来自专栏雪胖纸的玩蛇日常
2.页面绘制和引入组件库uView
在uni-app插件市场中，找到的一个UI组件库，uView。 import uView from 'uview-ui'; Vue.use(uView); 2.App.vue引入基础样式(注意style标签需声明scss属性支持) ? <style lang="scss"> @import "uview-ui/index.scss"; </style> 3.uni.scss引入全局scss变量文件 ? /* uni.scss */ @import "uview-ui/theme.scss"; 4.pages.json配置easycom规则(按需引入) ? .*)": "@/uview-ui/components/u-$1/u-$1.vue" // npm安装方式 // "^u-(.*)": "uview-ui
1.3K30发布于 2021-06-29 - 来自专栏后端从入门到精通
Vue框架集成uview-plus-前端教程（一）
这篇文章主要记录了搭建前端框架主要步奏，接下来会手把手教你如何用vue框架集成uview-plus，后续会如何发版到小程序，一步一步完成发版 一、HBuilderX 首先我们要进行HBuilderX下载 2、创建好后来右上角点击搜索uview-plus，点击进去会跳转页面，之后在页面点击下载。 3、下载好之后，左边目录uni_modules就会出现我们安装的uview-plus。 App.vue需要加入代码 <style lang="scss"> /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */ @import "@/uni_modules/uview-plus /* uni.scss */ @import '@/uni_modules/uview-plus/theme.scss'; 4、在项目根目录中的main.js中，引入并使用uview-plus的JS库， 注意这两行要放在const app = createSSRApp(App)之后 // main.js import uviewPlus from '@/uni_modules/uview-plus'
3.3K40编辑于 2023-09-05 - 来自专栏执行上下文
使用uview-plus遇到的一些问题！
20:41:29.534 node_modules\uview-plus\components\u-coupon\u-coupon.vue 111:9 root stylesheet 20: 生成临时目录 pnpm patch uview-plus #输出类似：这个目录是 uview-plus的完整副本，可以直接修改。 生成补丁 pnpm patch-commit /tmp/abc123 # 在 patches/目录下生成补丁文件（如 uview-plus@3.5.41.patch） # 自动在 package.json
21610编辑于 2025-11-20 - 来自专栏前端资源
uView UI框架Vue CLI空白项目运行报错：this.getOptions is not a function的解决方法
看了一下 uView 文档，使用 Vue CLI 创建了一个 uni-app 项目，因为 uView 有针对 Vue CLI 的空白项目包。 -D npm 安装 uView ： npm install uview-ui 配置 uView ： 1. // main.js import uView from "uview-ui"; Vue.use(uView); 2. 你可能感兴趣：用Vue CLI创建uni-app，摆脱HBuilder，npm命令行运行及发布 本文关键词：uView 报错、uView Vue CLI 空白项目、uView 运行报错、uView 安装 、uView 配置、uni-app 项目安装 uView、uni-app uView安装及配置、uView Vue CLI 空白项目安装及配置、Vue CLI 安装 uView 教程 长尾关键词：uView
1.1K30编辑于 2023-08-25 - 来自专栏一飞开源
[开源]一款多平台快速开发 UI 框架，全面支持 Vue3.0 的 uni-app 生态框架
一、开源项目简介 uView Pro uni-app Vue3 多平台快速开发的 UI 框架 uView UI，是 uni-app 生态优秀的 UI 框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水 uView Pro，是全面支持 Vue3.0、TypeScript 的 uni-app 生态框架，uView Pro 的基线版本是基于 uView 1.8.8 修改，使用 TypeScript 完全重构 来源：uView Pro 官网 五、技术选型 uView Pro，是全面支持Vue3.0、TypeScript的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。 uView Pro 的基线版本基于 uView 1.8.8 修改，使用 TypeScript 重构，目前已全面支持 uni-app Vue3.0 uView Pro 的由来 uView Pro 是在 uView uView Pro 继承了 uView 1.x 简洁高效的设计理念，并在此基础上全面升级，支持更丰富的业务场景和更灵活的扩展能力。
69610编辑于 2025-11-30 - 来自专栏前端资源
uView UI框架Vue CLI空白项目运行报错：this.getOptions is not a function的解决方法
看了一下 uView 文档，使用 Vue CLI 创建了一个 uni-app 项目，因为 uView 有针对 Vue CLI 的空白项目包。 -D npm 安装 uView ： npm install uview-ui 配置 uView ： 1. 引入 uView 主 JS 库 在项目根目录中的 main.js 中，引入并使用 uView 的 JS 库，注意这两行要放在 import Vue 之后。 // main.js import uView from "uview-ui"; Vue.use(uView); 2. 引入 uView 基础样式 注意！
3.2K30发布于 2021-04-25 - 来自专栏李维亮的博客
修复uview2.0下表单无法动态校验的问题
1.uview小程序必须在onReady下加上一行设置规则的方法 onReady() { // 如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。 faultDesChange"></u--input> </u-form-item> </view> </view> </view> </u--form> 6.重点，需要修改uview 下的u-form组件,路径(node_modules/uview-ui/components/u-form)，因为再将校验改为数组后，const rule = this.formRules[child.prop
2.5K20编辑于 2023-09-01 - 来自专栏加菲猫的VFP
uview3.0前端框架图片组件上传到VFP后端接收
最近猫猫用的uview3.0框架，基于Uni-app平台的，虽然叫3.0却是基于uview1.8.3开发的。 vk-uview-ui 是 VK 基于 uview-ui 1.8.3 版本改造而来，其本质依然还是 uview-ui，是 VK 的珍藏版，由 VK 维护。 uview-ui 是 vk-unicloud 快速开发框架 之 client端框架 中推荐的UI，很多 VK框架 用户都在用 uview-ui 由于 uview-ui 作者目前重心全在 uView 2.0 的 nvue 版本上，故没有精力维护 uView 1.0，因此作者贡献出了自己珍藏的 vk-uview-ui 版本。 在这里，也感谢 uview-ui 作者的开源奉献，再次为开源点赞。 同时 vk-uview-ui 也是无条件开源。
71320编辑于 2023-08-21 - 来自专栏加菲猫的VFP
uni-app+VFP开发企业微信H5项目搭建
新建一个UNI-APP项目 引入uview3.0前端框架 main.js添加如下代码 import uView from '. /uni_modules/vk-uview-ui'; Vue.use(uView); APP.vue添加 <style lang="scss"> @import ". /uni_modules/vk-uview-ui/index.scss"; </style> 2 APP.vue 添加微信JS <script> export default { onLaunch /uni_modules/vk-uview-ui/index.scss"; </style> 3 路由模式设置history 4 企业微信设置 创建一个自建应用。
57710编辑于 2023-12-27 - 来自专栏前端实验室
为uni-app而生的多端UI框架
今天，大师兄就为大家推荐一款多端发布的通用UI框架：uView UI 关于 uView UI uView UI 是一个全面兼容nvue的uni-app生态框架。 uView UI 框架特色 指南文档涵盖 uni-app 开发的各个方面，官方编写的文档中有强烈的指导性，对新手很友好。 不仅提供 UI 组件，uView UI 还把很多前端开发常用的代码片段封装成了内置的js小工具，彻底告别重复造轮子。 uView UI 上手体验 有了 uni-app 和 uView UI，只需要看一个文档，遵守一个开发规则就可以做出兼容10个平台的漂亮产品（6家小程序平台，加上快应用、安卓、iOS和 h5 一共10个平台 uView UI官方地址 https://www.uviewui.com/ 祝大家搬砖愉快！
1.7K30编辑于 2022-12-02 - 来自专栏星辰日记
Uview UI Http请求中如何将Object转换为FormData
需求 这边我们遇到的问题是,在Uniapp中使用uView的this.
3.3K50发布于 2021-08-23 - 来自专栏杨不易呀
从零玩转系列之小程序微信支付UniApp实战基础项目搭建
是基于uView2.x修改的vue3版本，感谢uView2.x开发者。 uview-plus来源于社区，也回归到社区，正是有一群热爱uni-app生态的同学推着它前行，而我们也一如既往的承诺，uview-plus永久开源，永远免费。 关于uview-plus的取名来由，就是uview加上plus。 uview-plus，表达源于uni-app和Vue之意，同时在此也对它们表示感谢。 "@/uni_modules/uview-plus/components/u-$1/u-$1.vue", "^up-(.*)": "@/uni_modules/uview-plus/components
3.1K123编辑于 2023-09-27 - 来自专栏前端之攻略
uniapp小程序目录
采用的ui为Uview http.api.js // 如果没有通过拦截器配置域名的话，可以在这里写上完整的URL(加上域名部分) let hotSearchUrl = '/ebapi/store_api hot_search'; let indexUrl = '/ebapi/public_api/index'; // 此处第二个参数vm，就是我们在页面使用的this，你可以通过vm获取vuex等操作，更多内容详见uView "token") }else{ config.headers.Authorization = '' } // 引用token // 方式一，存放在vuex的token，假设使用了uView $u.toast('验证失败，请重新登录'); // setTimeout(() => { // // 此为uView的方法，详见路由相关文档 // vm. /App' import uView from "uview-ui"; Vue.use(uView); import store from ".
1.2K10发布于 2021-01-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号