uView

uni-app学习笔记之uView组件安装

uni-app学习笔记之uView组件安装一.准备工作1.安装scss插件(安装完成重启HX)2.从HbuilderX插件市场导入uView2.0//HbuilderX插件市场链接https://ext.dcloud.net.cn
光明有我16620122910·2023-10-20 19:02

uniapp uview2 使用笔记

创建项目安装组件npminstalluview-ui配置引入uView主JS库在项目src目录中的main.js中，引入并使用uView的JS库，注意这两行要放在importVue之后。
织_网·2023-10-20 19:32

uniapp框架UI蓝图

uView是uni-app生态专用的UI框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条
王家视频教程图书馆·2023-10-20 19:01

uview使用笔记

官网新建默认模板项目1、下载安装使用下载的方式安装，能更方便阅读源码，但是每次升级都需要重新下载并覆盖uview-ui文件夹。
开心就好1314520·2023-10-20 19:01

uniapp uview上传组件及校验是否登陆公共模块笔记

1、oss-upload组件let_this={};exportdefault{name:"oss-upload",data(){return{action:"",formData:{},upFileName:"",//文件名};},//组件创建的时候触发created(){_this=this;},methods:{//上传前的钩子//注意：在小程序中this可能会丢失可以捕获来获取//1.le
开心就好1314520·2023-10-20 19:01

uniapp 学习笔记五 自定义导航栏组件的全局使用

引入并使用了colorUI和uView组件nav-custom.vue重庆Macoffeeexportdefault{name:"nav-custom",data(){return{};}}局部引入test-my-comp.vue
ggome·2023-10-20 19:00

uView-ui框架测试使用笔记

uniapp——uView-ui框架使用笔记前言一、uview-ui是什么？
YZRHANYU·2023-10-20 19:59

uview组件使用笔记

图标样式修改图标的样式通过color参数修改图标的颜色通过size参数修改图标的大小，单位为rpx效果图图片图标1.3.0这里说的图片图标，指的是小图标，起作用定位为"icon"图标作用，而非大尺寸的图片展示场景，理论上，这个小图标应该为png格式的正方形图标。上面说到，给组件的name参数传入一个图片的名称即可显示字体图标，这些名称中不能带有/斜杠符号，否则会被认为是传入了图片图标，同时，siz
王家视频教程图书馆·2023-10-20 19:28

uniapp collapse动态生成多个折叠面板手动展开收起（包括uni-ui版）

以下示例均通过vue-cli创建的uni-apph5项目uView（1.x）版本源码node_modules\uview-ui\components\u-collapse-item\u-collapse-item.vue
我总是词不达意·2023-10-19 23:11

办鹿uniapp小程序（一）

一、项目初始化1.appid==》公司给你wxc82730a0fc15e28a2.开发者身份==》公司给你添加小程序官网：小程序管理==》成员管理==》项目成员1、uniappui组件（uView）如果采用
与月儿漫邀·2023-10-19 23:04

uniapp - 完美解决 ＜swiper＞ 嵌套 video 视频时卡顿不流畅问题，swiper滑块视图容器里面包含视频播放器和图片共存时滑动切换特别卡，滑动不流畅问题的解决方案（保证解决此问题）

解决方案全端（H5网页/小程序/app安卓苹果等）兼容适用，uview组件库同理也能用，保证解决卡顿不流畅的问题。问题分析先来整理一下
街尾杂货店&·2023-10-19 00:41

基于uni-app的每日优选小程序项目

软件架构图片资源来源网络，图标同样来源相关网站涉及技术前端：uni-app、uview、vue、自定义导航、组件（com
@逆风boy·2023-10-18 22:11

【关于我接触了Uview的Upload】——单图上传，多图上传,遇到的问题总结、直传阿里云Oss

Uview的Upload组件前言有很长一段时间没有更新了，由于工作的繁忙导致没有时间写博客，今天在做到公司特殊场景需要用到上传组件并直传阿里云Oss，这里简单讲讲我在完成前端项目中使用到Uview的Upload
叫我菜菜就好·2023-10-18 15:15

购物车案例小总结

对于项目中的购物车,以及微信小程序购物车逻辑的总结1.uni中使用的uview组件单选框需要使用来包裹住单个的全选数据变量data(){return{isallcheck:false,//全选的按钮checkboxList
Panada 影·2023-10-18 05:19

使用uview编写购物车界面代码

现在在学uniapp跨端框架，试着用uview编写了一下购物车界面代码，然后恰恰uview模板中又没有提供这个界面的前端代码，所以分享出来，有需要的可以拿，不客气~实现效果CSDN上传不了图了…废话不说直接上代码
林深时见鹿7·2023-10-18 05:47

uview 全选购物车

结果展示主体代码{{item.waybillNo}}{{item.endAddress}}{{item.deliveryTime&&item.deliveryTime.substring(0,16)}}到{{item.arrivalTime&&item.arrivalTime.substring(0,16)}}{{item.deCompany}}{{item.numberOfPCS}}件{{ite
黑色咖啡 Ken·2023-10-18 04:15

uniApp怎样使用uView写一个时间选择器

目录效果展示安装uViewHX插件安装运行npm安装配置uView组件中正式使用不想跳页面是吧，帮你整点u-picker的API效果展示uView制作时间选择器效果图安装uView首先需要安装scss项目是由
一诺得诺·2023-10-18 02:25

uView中picker限制选择时间

文章目录1.需求2.解决方法3.解决bug1.需求uView中picker的mode=time时默认样式由于项目需求，需要把时间的选择范围限制在当前日期的10时以后，不能选择以前的日期，也就是说今天是2021.9.2
rayshaan0123·2023-10-18 02:24

uniapp-导入配置uview

安装uviewuView2.0重磅发布，利剑出鞘，一统江湖-DCloud插件市场1.点击导入2.在弹出的弹窗中点击打开HbuilderX3.选择你需要导入的项目，再点确定4.然后你就可以在uni_modules文件中看到啦5.下载后还需要配置文件，首先要确保你使用的是scss，如果不是，请在HbuilderX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装，如不生效，重启Hbui
智江鹏·2023-10-16 05:48

HBuilder X 创建并搭建uview项目

1.创建uni-app项目2、在项目的根目录输入命令安装//安装npminstalluview-ui以管理员身份运行3、如果安装成功文件下面会出现node_modules目录4、引入uView主JS库/
lichongxyz·2023-10-16 05:43

uniapp项目 引入uView框架

去插件市场下载uView2.项目中导入插件3.App.vue页面全局配置uView样式@import".
一支独木舟·2023-10-16 05:11

hbuilder uniapp相关：创建uview项目并运行

框架的模板就可以直接用（colorUI没有文档，只能下载这个模板之后，运行打开两个窗口，一个窗口看模板组件，一个窗口看写的内容）③uviewUI模板如果创建不了，点击去插件市场下载这个模板，就会下载下来，然后把uview-ui
一个打工仔的笔记·2023-10-16 05:41

【uni-app项目如何引入 uView组件库】

uniapp项目引入uView组件库一、uView官方文档二、公司项目中引入并使用uView一、uView官方文档uView官方文档二、公司项目中引入并使用uView第一步：在公司创建完成uniapp项目后引入
李木木~·2023-10-16 05:10

创建uni-app+uView+扩展组件项目

如果遇到导入不了的问题就重装uni_modules插件即可导入成功的效果（2）整个组件导入（3）如果遇到导入不了的问题就重装uni_modules插件即可（4）使用组件直接在需要用到组件的地方使用无需再引入3.安装uView
℘团子এ·2023-10-16 05:38

HBuilder创建uniapp默认项目导入uview（胎教）

1：更新HBuilder建议更新2：更新插件我本人在没有更新插件的情况下报错了，找到了**这个大佬**解决问题，所以建议更新插件先卸载uni-app（Vue2）编译再重新安装uni-app（Vue2）新建uniapp项目新建test项目创建成功之后，右键项目选择在外部资源器中打开在外部资源器中打开是防止在HBuilder的终端打开cmd权限不足等各种问题复制项目地址然后以管理员身份运行cmd窗口(
爷可是个天才·2023-10-16 05:36

flutter、微信小程序uni-app、web(avue)上传图片资源到oss

一、微信小程序上传图片资源到oss微信小程序直传实践使用的是uview的u-upload组件1、表单页面a、页面b、主要jsasyncafterRead(event){letfileArr=event.file
八分钟de温暖·2023-10-14 23:02

uniapp 一次性上传多条视频 u-upload accept=“video“ uni.chooseMedia uni.uploadFile

方式一部分安卓机只能一条一条传视频文档地址uview2.0Upload上传组件htmlscript//删除图片deletePic(event){this[`fileList${event.name}`]
嘿，小苹果·2023-10-14 22:47

使用vscode搭建vite+uniapp+vue3+uview-plus项目

1.使用vscode创建项目npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project需要注意的是当前的node版本^14.18.0以上2.项目创建完成后npmrundev:mp-weixinnpmrunbuild:mp-weixin以上是以微信小程序为例，如需其他可以查看其他项目命令https://uniapp.dcloud.net.cn/quicks
大好时光~·2023-10-14 12:34

uview u-picker组件的省市区选择器默认省市区(小程序本质也是一样)

//定义这个玩意就行//defaultRegion=['浙江省','杭州市','拱墅区']data(){return{defaultRegion:[],}}onLoad(){//#ifdefAPP//获取当前的定位uni.getLocation({type:'wgs84',geocode:true,success:(res)=>{this.province=res.address.district
走，带你去玩·2023-10-14 03:42

uniapp H5在微信浏览器打开时有两个标题的解决方法

letpageHead=document.getElementsByTagName('uni-page-head');pageHead[0].style.display='none'//这一段如果你没有使用到uview
走，带你去玩·2023-10-14 03:42

springboot+vue实现七牛云上传图片功能

2、环境前端：uniapp+uview1.8后端：springboot2.5.133、具体流程用户在前端上传图片后，交由后端处理，上传至七牛云，并返回相关数据。
daeiqiu·2023-10-13 09:13

微信小程序引入Uview

二.安装Uview直接在uni-app插件市场通过uni_modules的形式进行安装，在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目中即可地址
魔法攻城狮·2023-10-13 09:22

uview - DatetimePicker 时间选择器 /时间戳转化，兼容微信小程序

日期选择{{timeValue}}exportdefault{data(){return{show:false,timeValue:'2022-05-21',value1:Number(newDate())};},methods:{asyncconfirm(e){this.show=false;consttimeFormat=uni.$u.timeFormat;lettimeValue=await
嘿，小苹果·2023-10-13 09:15

微信小程序/vue3/uview-plus form兜底校验

效果图代码提交import{reactive,ref}from'vue';constformRole=ref(null);construles={'password':{type:'string',required:true,message:'请输入密码',trigger:['blur','change'],},'nickname':{type:'string',required:true,mes
HQ8806·2023-10-13 09:13

【已解决】微信小程序-苹果手机日期解析异常

在开发微信小程序时，使用了uView的CountDown倒计时组件和uni.
@二十六·2023-10-12 14:47

小程序uView2.X框架upload组件上传方法总结+避坑

呈现效果:1.1单图片上传1.2多图片上传前言:相信很多人写小程序会用到uView框架,总体感觉还算OK吧,只能这么说,肯定也会遇到图片视频上传,如果用到这个upload组件相信你,肯定遇到各种各样的问题
前端小灰狼·2023-10-12 10:03

uiapp使用uview组件封装http请求+token

建立目录common完整示例///common/http.interceptor.js//这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token变量constinstall=(Vue,vm)=>{//此为自定义配置参数，具体参数见上方说明Vue.prototype.$u.http.setConfig({baseUrl:'xxxxxx',loa
LL1018。·2023-10-12 00:57

uniapp+vue3+ts+uview-plus搭建项目步骤

创建项目使用Vue3/Vite版，创建以typescript开发的工程下载仓库·DCloud/uni-preset-vue-Gitee.comnode版本：v16.18.0npm版本：v8.19.2依赖下载解压之后，在vscode打开通过终端运行npm命令下载依赖：npminstall下载完成之后，会多出来一个node_modules文件夹tsconfig.json文件如遇到tsconfig.js
我总是词不达意·2023-10-11 03:24

uniapp自定义图标库引入

参考地址：CustomIcon扩展自定义图标库|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架使用u-icon标签时，发现该组件支持custom-prefix属性，参考它的说明
Annkeke·2023-10-10 06:23

uni-app——依据uview2选择器，写一个年月日+时间（时分）选择器并以十分钟为间隔

写在前面：我这里需要实现的功能：1.年月日要默认显示当前年月日2.如果客户选择了以前的年月日要提醒（也就是不能小于当前的年月日）3.时分要十分钟为一个节点显示（把比如：14：1014：20以十分钟为节点）4.时分默认显示当前时分（因为是以10分钟为间隔没有准确的时间所以如果当前时间分钟小于10则显示10如果不为整数则进位显示当前最大的例如：现在是14：03则默认显示14：10;现在是14：13则默
阿金敲代码·2023-10-09 21:45

uview 三级联动踩坑

动态获取三级联动数据，分别请求三次，通过picker.setColumnValues插入三次，浏览器报错：chunk-vendors.js:2537[Vuewarn]:Invalidprop:customvalidatorcheckfailedforprop"value".看源码分析：默认加上三个空数组即可解决
weixin_42187935·2023-10-09 20:20

uview最简单的引入使用方法

根据官网的说明，懵懵懂懂的去去搞，搞半天发现特么还是没跑起来，一怒之下，直接新建了个demo，依葫芦画瓢导入文件，填写配置文件，完美导入，亲测有效（注意，引用uview是在uni-app项目下面的），下面看看咋玩的
Huang_John·2023-10-08 19:52

vue3+vite+uniapp 封装一个省市区组件

一、预览图二、使用前的一些注意事项只支持在uniappvue3项目中使用支持微信小程序和h5(app端没有测试过)ui库用的uview-plus省市区数据用的是vant-ui提供的一个赖库@vant/area-data
少年的范儿·2023-10-08 05:28

uni-app + uView 实战练习：社区团购商城（二）

接下来就是照着一个成熟的应用ui借鉴（chao）一下，毕竟我们是练手，又不会自己做设计，对吧。干活之前得理清头绪，分步骤进行。分析页面功能我们看看有哪些模块，首先看底部导航，有4个，分别是：推荐，分类，购物车，我的。然后继续拆分，每个导航对应的页面又有哪些模块。首页：限时活动，新手区，产品列表展示分类：分类名称，产品列表展示购物车：购物车产品增删改，计算价格我的：订单，收藏，设置，客服，帮助，优惠
上帝说有bug·2023-10-08 04:16

Uniapp 多功能富文本编辑组件 可多端使用 H5插入

TC-fwb-editor安装教程第一步将路径为uni_modules/components/components/TC-uview-ui复制到总的uni_modules内第二步直接在您需要的页面进行引用即可复制代码注意测试过
特创数字科技·2023-10-07 10:55

uniapp播放多个音频文件以及录音上传

components:{addSoundRecording},data(){return{voiceList:[]};}};add-sound-recording.vue录音组件(u-form-item是uview
蒿豪郝灬号·2023-10-05 23:49

uniapp+vue3+vite+ts+uview-plus 最完整最详细搭建项目步骤

目录一.创建uni-app项目二.编译和运行uni-app项目三.TS类型校验四.JSON注释问题五.安装uview-plus六.配置pinia持久化七.封装http请求搭建项目的准备工作：通过vue-cli
UU-阿Q·2023-10-05 16:04

uniapp踩坑系列之二

包括echarts和uview，node_modules中有两个包：uview-ui和uview，删除uview，echarts，然后在组件页面中删除了引入但是没有使用
sleeppingfrog·2023-10-05 05:45

基于uni-app编写的登录模板，request请求封装，全局路由拦截,也可作为项目基础模板使用

前言做一个新的项目就需要常用的代码，比如登录，注册(模板)全局路由守卫（路由配置）Request封装（请求封装）api集中管理引入依赖的UI库（color-ui,uview-ui）flex常用布局css
nxmin·2023-10-04 13:11

【匠心打造】从0打造uniapp 可视化拖拽设计 c_o 第九篇

一、根据空控件的常用样式，在右侧显示，基于uview进行美化。二、选择一个样式模板后，右侧也有参数属性会自动帮其选择（用户也可以修改，实时更新）。
我只是一个coder·2023-10-03 14:57
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他