uView 第9页

uniapp组件库总结笔记

uView-uiuView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架优点：整体样式风格不错缺点：不支持vue3（可以使用社区维护的uview-plusuview-plus3.0

翻斗花园-图图·2023-09-05 05:58

uni-app 之安装uView，安装scss/sass编译

uni-app之安装uView，安装scss/sass编译image.pngimage.pngimage.png点击HBuilderX顶部，工具，插件安装，安装新插件image.pngimage.png

jun_tong·2023-09-05 04:20

uView1.0的Upload组件上传图片

exportdefault{data(){return{fileList:[],//文件列表}},methods:{//文件超出大小限制oversize(){uni.showToast({title:"图片最大不能超过2M",icon:'none'})},onChooseComplete(event){this.multipleUpload(this.$refs.uUpload.lists,2)}

权权权权志龙啊·2023-09-02 22:08

【Django组件】UNIAPP+DJANGO 多图像上传 + 后端接口接受 uView组件(转载)

VUE文件：提交后端接口文件classOrderSubmit(APIView):defpost(self,request):#订单图片对象file_obj=request.FILES.getlist('images',None)function="submit_order"#上传图片轮子写在下面status,path=upload_files.UploadFilesOnce(request.use

小海怪的互联网·2023-09-02 14:54

uview在字节小程序中grid宫格布局组件样式错乱问题

原因：在编译字节小程序后自定义组件会多出一个层级，所以会导致样式失效问题这里有两种解决方式：方案一：{{item.title}}方案二：{{item.title}}

张大娃创业说·2023-09-02 13:20

uniapp中UView中 u-form表单在v-for循环下如何进行表单校验

1、数据data格式注：rule绑定的tableFromRule中要和表单tableFrom下面放置一个同名数组，确保u-form能找到tableFrom:{tableData:[//数据详情列表]},tableFromRule:{//校验tableData:[//数据详情列表]},formRules:{localation:[{required:true,message:'请填写xxxx',tr

程序员阿明·2023-09-02 07:18

在uniapp中使用uview封装图片上传组件完整代码

yh-uploadimage.vue组件-->import{BaseFastDFS,media_file_upload_url}from'@/common/api/auth.js'exportdefault{name:"yh-uploadimage",data(){return{limitNumber:2,showUploadList:false,placeholderText:"请上传",act

wgb0409·2023-09-01 18:11

u-dropdown导致页面无法滚动问题及解决页面无法滚动（ios和安卓低版本）

楼主是刚进去页面可以滚动滚动底部则无法滚动了（ios和安卓低版本）原因：u-dropdown的蒙层覆盖了页面导致页面无法滚动解决：找到uview的u-dropdown文件在页面定义showMask变量在

xfxTab·2023-09-01 18:39

uniapp 微信小程序仿抖音评论区功能，支持展开收起

使用到的技术uniappuview2.0文章最后我会贴上全部源码一、发表评论模块这个模块使用uview的两个组件来完成分别是u-popup弹出层和u-input输入框下面是代码和展示图：发布这部分需要注意

柑橘乌云_·2023-09-01 08:07

uni-app+uView实现点击查看大图片的效果

//注意：参数urls是预览图片的链接地址，是个数组imgPreview(){uni.previewImage({indicator:"none",loop:false,urls:[]，})},参数说明

Hello.鑫·2023-09-01 05:53

创建uniapp项目（解决报错[Vue warn]: Unhandled error during execution of async component loader）

下一步导入组件库uview-plus：这里我没有使用npm进行下载，而是通过拉取源码至项目中，以便于日后可以自己修改组件库中的组件。需要注意！！

爱敲代码的婷婷婷.·2023-09-01 05:03

uniapp全局自定义弹窗思路总结

importPublicPopupfrom"@/pages/popup/PublicPopup.vue"//importgloPopupfrom"@/utils/gloPopup.js"Vue.use(uView

weixin_44810066·2023-08-31 22:54

uview，u-input组件在明密文切换时app不生效

问题：使用u-input在浏览器中调试可以正确使用，但是在app中无效一开始是通过三目运算符发现没有生效，然后通过使用v-if写了两套input，发现也没有效果通过搜索发现可以通过修改源码进行实现，不想修改源码，就没有使用修改源码的博文链接直到看到这篇博文链接地址才知道v-if为啥不生效，原因：uni-app的组件部分时不支持动态切换然后根据博主的建议使用v-show，已经成功实现参考链接：htt

Ciao_Traveler·2023-08-31 09:28

uniapp(微信小程序、h5)+PC+微服务

概述最近码代码的时候遇到一些问题，这里自己记录总结一下，供大家参考，说得不对的地方希望大家指出大概介绍一下我用到的内容用HbuilderX新建一个uni-app项目，vue版本选的2，爬坑轻松一点移动端ui框架选了uView

卿憧碎閲·2023-08-30 02:16

cll创建的uniapp小程序动态更改manifest.json

1，用node动态更换appid，并且写4个环境env文件，配置不同的打包命令（结果uview这个库在打包test

鹏多多.·2023-08-29 21:21

uni-app 中使用uview生成测试小程序后报错：pleaseSetTranspileDependencies is not defined

在uni-app中使用uview后在生成小程序后第一次编译时控制台报了这么一个错：在检查了许久的原因后最后找到的解决办法是：在文件/common/vendor.js中搜索并删除下面这句话pleaseSetTranspileDependencies

张旭豪·2023-08-29 18:24

uniapp小程序分包

1.目录结构2.完整的分包代码{//如果您是通过uni_modules形式引入uView，可以忽略此配置"easycom":{"^u-(.*)":"@/uni_modules/uview-ui/components

haoqi好奇·2023-08-29 08:45

uview ui 1.x ActonSheet项太多，设置滚动

官方文档：ActionSheet操作菜单|uView-多平台快速开发的UI框架-uni-appUI框架解决只能修改源码了,在v-for遍历外面添加一个滚动视图，即可，其他不变{{tips.text}}{

Lan.W·2023-08-27 22:54

uni-app 分不清的全局变量this, uni, $u, vm, uni.$u, this.$u

项目引入了uview,并将uview所有模块指给uniapp全局变量uniuni.$u=$u在登录页面，或者APP.vue打印以下变量：this,uni,$u,vm,uni.$u,this.$u

Lan.W·2023-08-27 14:08

如何快速上手uni-app生态的uView UI框架

因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。

北桥T·2023-08-27 06:48

微信小程序开发动态设置tabbar

技术框架基于uni-app开发，使用了colorui、uview等第三方框架。但当前阶段主要是以微信小程序的作为客户端展示。

西涯三锋·2023-08-27 05:17

uview ui 查看版号

版本查询2种方式有两种方式可以查询到正在使用的uView的版本：//通过`console.log`打印的形式console.log(uni.

Lan.W·2023-08-26 14:11

[uniapp] 多端开发时技术选型的一些坑

真是一步一坑啊uView不支持vue3，但在社区中找到了份同时支持Vue3.0和Vue2.0的uView，但测试后最终已失败告终vant3的vue版本不兼容微信小程序uniapp创建的vue2项目，不能引入

Voices_·2023-08-26 14:00

【RuoYi移动端】uniApp导入和引用uView2.0插件

一、打开uiew官网安装|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架uViewUI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水

敦厚的曹操·2023-08-26 09:44

uview2.0实现picker省市区选择以及默认选择

vue文件import{address}from'@/static/js/address.js';//constaddress=[]exportdefault{data(){return{show:false,columns:[],origiData:address,//获取到的原始数据value:"",//defaultIndex:[]};},mounted(){this.handelData(

-天道酬勤-·2023-08-25 16:24

uview组件u-action-sheet中closeOnClickOverlay属性不生效问题

查看官网示例后，点击遮罩层也没有隐藏，closeOnClickOverlay属性不生效。如果你在某些组件上设置了closeOnClickOverlay属性(点击遮罩关闭弹窗)，你会发现这东西跟假的一样无论怎么点它都关不掉，这并不是bug，而是设计如此，2.x组件不会处理任何关闭事件，全部交予用户自己处理。所以你需要自己实现close方法。把你需要的执行内容写到close方法里就好了什么都无法舍弃的

路过的假面骑士dcd·2023-08-24 23:14

uniapp定位和选择城市

true,success:function(res){console.log('当前位置：'+res.address.city);this.city=res.address.city||'郑州'}});uview

小曲曲·2023-08-24 08:58

uniapp之uview上拉加载和下拉刷新

onLoad中需要调用getList()tab切换需要初始化data，然后调用getList()开启下拉刷新需要在json文件配置9":status="status"icon-type="flower"bg-color="transperant"margin-top="30"margin-bottom="30"/>page:1,status:'loadmore',list:[],//下拉onPul

小曲曲·2023-08-24 08:58

uview2.0自定义tabbar

tabbar组件exportdefault{props:{tab:{type:Number,require:true},},data(){return{list:["/pages/message/index",'/pages/home/index',"/pages/set/index"]}},methods:{changeTab(name){console.log(88,name)uni.reLa

小曲曲·2023-08-24 08:54

uniapp，使用canvas制作一个签名版

先看效果图我把这个做成了页面，没有做成组件，因为之前我是配合uview-plus的popup弹出层使用的，这种组件好像是没有生命周期的，第一次打开弹出层可以正常写字，但是关闭之后再打开就不会显示绘制的线条了

鸭子嘎鹅子呱·2023-08-23 15:33

uniapp 封装uview popup弹框

1.需求项目需要自定义popup弹框（仿淘宝筛选）（1）popup顶端和底部的button不动（2）有查看更多2.解决方案popup顶端使用粘连定位sticky底部button使用fixed定位，查看更多可以判断传过来的值如果长度大于一个固定值就显示，点击查看更多赋值所有值，点击隐藏就显示前几个值同时显示加载更多父组件/*方法接受子组件传递过来的值*/onclose(show){this.flag

大力水手~·2023-08-22 04:18

uniapp多端h5+小程序+app弹窗组件|uniApp自定义popup组件

虽然官方提供的uni-popup或uview提供的popup组件也能实现一些弹窗效果。但是调用方式非常单一。并不能实现多样化需求。引入组

xiaoyan_2018·2023-08-22 04:18

[uniapp] uview(1.x) 二次封装u-navbar 导致 :custom-back函数this.$emit / this.$props失效问题处理

直接调用abc方案2:坚持props传funtion2.12.22.3bind方案方案3:改用$emit事件机制总结背景介绍uniapp项目:使用了uview框架1.x版本其中对于组件u-navbar,

iOSTianNan·2023-08-22 04:17

uniapp 二次封装uview组件,父组件控制显示隐藏

在我们开发uniapp时会用到uview的组件,很方便,但项目中可能会对组件进行二次修改,设置成时候自己项目的功能、样式,如果多处需要用到,可能需要进行二次封装,这时候就会涉及到父子传参等问题,这篇文章主要是为了记录解决父组件控制子组件的显示隐藏问题

Vue酱·2023-08-22 04:47

[uni-app] uview封装Popup组件,处理props及v-model的传值问题

文章目录需求及效果遇到的问题解决的办法偷懒的写法需求及效果uView(1.x版本)中,有Pop弹出层的组件,现在有个需求是,进行简单封装,有些通用的设置不想每次都写(比如:mask-custom-style

iOSTianNan·2023-08-22 04:17

uni-app UI框架之uview-ui使用教程

因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。

喜欢桉树叶·2023-08-20 18:52

uniapp + uview —— 上传图片

index.vue接口、请求头部data(){fileList:[],header:{'Content-Type':'multipart/form-data',//设置multipart/form-data格式Authorization:'Bearer'+uni.getStorageSync('access_token')},}computed:{action(){returnurl.baseUR

Juliet_xmj·2023-08-20 00:25

关于uniapp u-view 的图片上传组件的坑

uview的上传文件组件–u-upload有一个视图更新的坑当传入的fileList层级过多时上传组件可能无法监听数组的变化而做出更新此时只需要修改数组后调用组件自带的更新方法即可(官方未在文档中写出此方法

Hacker吕小布·2023-08-19 07:15

【uview安装】uniapp安装uview组件库步骤，出现找不到文件报错情况原因

使用的编辑器是HbuilderX直接在uview官方文档内按步骤用下载的方式安装然后是步骤，按图来先安装sass//安装sassnpmisass-D//安装sass-loadernpmisass-loader-D

接口写好了吗·2023-08-19 07:43

uniapp 开发小程序之实现不同身份展示不同的 tabbar（底部导航栏），附带相关问题解答

效果展示：引言在开发过程中逐渐意识到uniapp原生的tabbar可能不能满足开发要求，通过浏览博客才选择使用uView的Tabbar底部导航栏来实现，我选择用的是2X版本安装我是使用Hbuilder插件的方式引入的组件库

阿晨12138·2023-08-19 05:46

bug记录：微信小程序给button使用all: initial重置样式

场景：通过uniapp开发微信小程序，使用uview的u-popup弹窗，里面内嵌了一个原生button标签，因为微信小程序的button是有默认样式的，所以通过all:initial重置样式。

柑橘乌云_·2023-08-18 09:31

HBuilderX使用

2、这里以uView为例uView官方：安装|uView2.0-全面兼容nvue的uni-app生态框架-uni-app

盗名仕·2023-08-18 06:07

uniapp uview循环子表单验证组件实现

{{radioitem.label}}{{checkboxitem.label}}上移下移删除新增按钮exportdefault{data(){return{//用户全局信息userInfo:{},//页面传参globalOption:{},//自定义全局变量globalData:{},dta:{code:200,msg:'获取数据成功',data:[{title:'标题1',remark:'描述

diygwcom·2023-08-17 17:33

uniapp的uview-plus组件库的导入

uniapp的vue3中使用uview-plus组件库。

梧桐芊羽·2023-08-16 17:07

uniapp+uview封装小程序请求

提要：uniapp项目引入uview库此步骤不再阐述1.创建环境文件env.js：letBASE_URL;if(process.env.NODE_ENV==='development'){//开发环境BASE_URL

RyzenVega·2023-08-15 09:41

【微信小程序】保存多张图片到本地相册 uni.saveVideoToPhotosAlbum保存视频 uni.saveImageToPhotosAlbum保存图片

保存到相册exportdefault{components:{},data(){return{list:['https://cdn.uviewui.com/uview/swiper/swiper1.png

嘿，小苹果·2023-08-14 16:20

使用HBuilderX新建uniapp项目使用uview框架

新建项目在HBuilderX中新建项目使用uview插件使用HbuilderX开发的用户，您可以在uni-app插件市场通过uni_modules的形式进行安装本文介绍npm安装方式根目录没有package.json

懿范·2023-08-13 16:12

HBuilderX创建的uniapp项目怎么通过npm方式安装uview-ui

1、uni-appuViewUI框架安装方式；（1）下载安装；（2）npm安装；2、我用的是npm安装方式。我使用HBX创建的uniapp，具体npm安装uViewUI框架，流程如下：如果您的项目根目录没有package.json文件的话，请先执行如下命令：npminit-y成功效果图如下：//安装npminstalluview-ui成功效果图如下：//更新npmupdateuview-ui//版

无名小卒记事簿·2023-08-13 16:12

HBuilder X对uView的代码提示

**问题背景**：按照官网的提示npm安装，结果确没有一直解决问题，没有代码提示。解决办法：直接上插件市场下载插件，将其解压后放至项目根目录下，hbuilder会读取这里的语法。问题解决！博客参照https://blog.csdn.net/hzd493/article/details/115470430

即墨｀灯会·2023-08-13 16:41

uniapp使用Hbuilder X方式, 安装uivew插件步骤

id=15933、引入uView主JS库在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在importVue之后。importuViewfrom'@/uni_module

囧男孩·2023-08-13 16:41

推荐频道

uView