uview 第6页

uView的u-datetime-picker限制开始的年月日后ios显示不出来

解决方法：maxdate(){letcurrentDate=newDate();letyear=currentDate.getFullYear();letmonth=("0"+(currentDate.getMonth()+1)).slice(-2);letday=("0"+currentDate.getDate()).slice(-2);//设置当前日期为下个月的第一天letfirstDayOf

大可-·2023-11-01 16:04

uniapp 开发微信小程序 v-bind给子组件传递函数，该函数中的this不是父组件的二是子组件的this

要么就弃用v-bind传入函数,改为emit传入自定义事件[uniapp]uview(1.x)二次封装u-navbar导致:custom-back函数this.$emit/this.

柑橘乌云_·2023-11-01 15:44

微信小程序 uview 使用Upload 组件时添加水印

菜鸟一枚，本文只为记录htmljsdata(){return{maxSize:500,//图片宽高的最大尺寸myCanvas:null,myCtx:null,dpr:null,canvasDisplayW:300,canvasDisplayH:300,fillNum:120}}mounted(){this.initCanvas()},methods:{//新增图片asyncafterRead(ev

烟雨繁花落·2023-10-29 06:34

基于uniapp+uView开发小程序【技术点整理】

——————安装——————uView安装有下载安装和npm安装两种方式，这里使用的是npm安装。1.uView依赖SCSS，您必须要安装此插件，否则无法正常运行。

小跳不会Coding·2023-10-29 06:03

用uView上传多个图片

前端代码： action：上传文件接口。max-size：文件最大尺寸。max-count：文件最大上传数量。oversize：文件超出大小限制执行的函数。on-choose-complete：上传执行函数。uppic(e){letthat=this;letnum=9;that.$refs.uUpload.lists.map((item,i)=>{if(num===t

范多伦·2023-10-29 06:01

uniapp+uview实现图片的上传预览，携带额外参数，headers

目录一、携带额外参数（uview1x）一、携带额外参数（uview2x）二、预览图片三、提示填写请求路径可以直接按照官网给的例子来，需要注意的就是额外携带参数的话要如何配置，我这里的upFileData

codernmx·2023-10-29 06:29

uniapp上传图片转base64

this.formImgData.base64Str=base64.slice(23,base64.length);letbase64Str=base64.slice(23,base64.length)})uview

漠河愁·2023-10-29 06:26

uniapp+uview1实现本地图片上传

在实际项目中，经常会有上传图片的需求，那么本文主要介绍如何利用uview1中的Upload组件实现上传，具体代码如下：1.html代码图片*单张图片大小不超过20MB,最多可上传9张注意：在使用之前，一定要先按照

JJ_Smilewang·2023-10-29 06:56

随手笔记--uniapp 、uview上传图片，浏览图片、删除图片

exportdefault{data(){return{imgArr:[],//存放图片数组imageList:[],};},methods:{//上传图片choosePhoto(){let_this=this;uni.chooseImage({count:9,//最多可以选择的图片张数，默认9sourceType:['camera'],//album从相册选图，camera使用相机，默认二者都有

丙子小鼠·2023-10-29 06:56

【uniapp】uview1.x使用upload上传图片

和2.x不同的是，要用action来配置后端上传图片的接口地址；再来一些配置项的命名有所不同，一般1.x的命名用-，2.x的命名使用小驼峰；1.x的上传会自带删除时的提示框，2.x没有；重要的几个配置项有：picList初始化为一个空数组，是用来保存图片的列表baseUrl为后端上传图片的接口beforeUpload为图片上传之前的回调beforeRemove为图片删除之前的回调这两个回调函数的参

花间半盘棋·2023-10-29 06:25

基于uniapp+php开发的悉地吧小程序简介

平台功能架构1，前端代码使用uniapp+uview构建，后端

悉地吧官方·2023-10-28 16:04

uView日历控件(u-calendar)优化

因为是npm引入的uView组件，不能在node_modules目录下修改组件内容。所以只能将u-ca

D_lunar·2023-10-28 00:18

uniapp消息订阅uni.requestSubscribeMessage

封装一个订阅消息逻辑组件现在消息订阅只允许用户点击才能订阅如果用户没有打开订阅消息的总开关的话，用户点击也是不会弹出弹框订阅的弹框使用的uview组件，可以换成其他的消息订阅测试提示{{tipsContent

小小八毛·2023-10-27 10:25

uView中navbar结合dropdown实现筛选列表时出现列表无法滚动

报错信息Ignoredattempttocancelatouchmoveeventwithcancelable=false,forexamplebecausescrollingis原因是uView中的dropdown

域星_153c·2023-10-26 20:07

uView中的radio组件自定义样式（实心圆点）

大家在开发uniapp时，应该都用过radio组件，也用过uview里的u-radio。在一般设计中都是实心圆点或者空心圆的选择状态，但是这里的radio是"对号"。

森呼吸。·2023-10-26 00:31

uview样式穿透覆盖注意事项

uview的组件进行样式修改时，在微信小程序上，需要加上父组件才生效。例如：（uview官网注意事项）在uview子组件中修改样式，可以在子组件上自己定义一个class类名，用定位查找。

奔向风筝的少年·2023-10-26 00:00

uview u-popup中使用/deep/无效

一、样式穿透样式穿透的写法有三种：>>>、/deep/、::v-deep，先看一下是不是使用错了不懂的可以看这篇https://blog.csdn.net/weixin_45272449/article/details/123083687 /deep/.u-mode-center-box{background-color:transparent;}二、修改子组件如果样式穿透写得没错，看一下uvie

HYQ_java·2023-10-26 00:28

uni-app小程序，uview-ui组件样式无法穿透修改的解决办法

1.首先设置以下选项.该选项的作用是让微信小程序允许样式穿透.在需要改动的文件内加上options:{styleIsolation:'shared'}2.然后再使用vue的样式穿透写法.::v-deep.类样式{}或者/deep/.类样式{}

Tanjc518·2023-10-26 00:27

uni-app 使用uview

1、下载HBuilderX：官方IDE下载地址https://www.dcloud.io/hbuilderx.html2、新建项目：文件=>新建=>项目3、设置项目名称、目录、选择默认模板4、下载uViewUI官网地址：uViewUI官网https://uviewui.com/components/intro.html下载地址：uViewUI下载https://ext.dcloud.net.cn/

天府之绝·2023-10-25 11:01

趁着周日我卷了 uni-app《uview 狠优秀的UI框架》

前期回顾手写一个服务器代码将《vue电商后台管理系统》部署上去上线、打包_活在风浪里的博客-CSDN博客亲测可用，一定会收获颇多，1.上线vue电商后台管理项目2.手写搭建服务器并挂载（node）3.打包优化完成上线https://blog.csdn.net/m0_57904695/article/details/122977868?spm=1001.2014.3001.5501超级实用，建议收藏

彩色之外·2023-10-25 11:29

uview 1 uni-app表单 number digit 的输入框有初始化赋值后，但是校验失败

背景：在onReady初始化规则onReady(){this.$refs.uForm.setRules(this.rules);},同时：ref,model,rules,props都要配置好。报错当input框限定type为number，digit类型有初始值不做修改动作,直接提交会报错，验证失败：报空。验证规则data():{return{model:{type:'年假',days:'0',re

Lan.W·2023-10-25 11:52

uviewUi组件库 u-swipe-action 长列表时页面不能上下滑动

在使用uviewUi组件库的u-swipe-action做一个右滑删除操作时，发现当列表长度超出屏幕时，页面的上下滑动锁死，这个问题应该是uview组件库的问题。

喜陈·2023-10-25 08:44

uniapp--点击上传图片到oss再保存数据给后端接口

项目采用uniapp与uview2.0组件库--1.0的也可以参考一下，大差不差一、项目要求与样式图点击上传n张图片到oss，然后点击提交给后端二、思路1、打开上传按钮，弹出框内出现上传图片和提交按钮2

一路向前的月光·2023-10-24 14:54

记一次uniapp的踩坑经历

前言这几天在做一个app，打比赛用，使用的是uni+uView的组件库。

是乃德也是Ned·2023-10-24 05:56

uview1.0部分机型u-input组件禁用后无法触发click事件

接着看了一下uview的源码，u-input组件在input组件外套了盒子，外面的盒子确实绑定了click事件，我们处理的实际上是u-input组件

呆呆papa·2023-10-23 06:18

uniapp小程序使用省市县区选择器picker

框架是uview2.0效果图：1、下载城市文件文件city.js密码m1y82、引入城市文件文件放到项目的根目录utils文件内了代码如下html：如果跟我一样是在框架的form组件中使用且存在input

RyzenVega·2023-10-22 14:24

uniapp 开发的app检测版本实现自动下载更新（展示下载进度）

目录前言检测是安卓还是ios版本号对比直接调用默认浏览器打开下载地址的方法完整检测更新和下载文件代码data部分前言组件库环境：uview1x检测是安卓还是ios首先在onload中检测是安卓还是ios

codernmx·2023-10-22 12:42

【uniapp/uView】解决消息提示框悬浮在下拉框之上

需要实现这样的效果，即toast消息提示框在popup下拉框之上：解决方法，把放在u-popup里面即可，这样就可以提升toast的优先级：评价分数作业评价

花间半盘棋·2023-10-21 21:29

uview笔记

padding:10rpx;}要点外部包裹设置overflow:hiddenu-row使用customStyle属性设置margin为-的需要的尺寸，u-col的内层view设置需要尺寸的padding2.uview

星星野源·2023-10-20 19:03

uview-ui项目暗黑模式（笔记）

1、main.jsimportmixinfrom'@/common/js/setTheme.js'Vue.use(mixin)//import{getTheme}from'@/common/js/setTheme.js';//Vue.prototype.$theme=getTheme;2、App.vue//监听系统主题变化onThemeChange(e){this.getTheme()},3、se

嘿是我呀·2023-10-20 19:33

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

推荐频道

uview