uniapp
文章平均质量分 65
TechWhiz-晓同
一名全栈的程序员
展开
-
小程序和页面生命周期详解
页面的生命周期与小程序的生命周期类似,但更侧重于描述页面内部的行为和状态。原创 2024-03-02 21:41:26 · 672 阅读 · 0 评论 -
前端微信支付流程(一张图)
原创 2024-03-02 21:31:53 · 340 阅读 · 0 评论 -
uniapp中组件库Mask 遮罩层 的使用方法
创建一个遮罩层,用于强调特定的页面元素,并阻止用户对遮罩下层的内容进行操作,一般用于弹窗场景。原创 2024-02-01 21:20:16 · 1404 阅读 · 0 评论 -
uniapp实现点击复制事件
【代码】uniapp实现点击复制事件。原创 2024-01-31 08:27:10 · 501 阅读 · 0 评论 -
uniapp组件库Card 卡片 的使用方法
卡片组件一般用于多个列表条目,且风格统一的场景。原创 2024-01-28 10:27:22 · 2211 阅读 · 2 评论 -
uniapp组件库Line 线条 的适用方法
此组件一般用于显示一根线条,用于分隔内容块,有横向和竖向两种模式,且能设置0.5px线条,使用也很简单。原创 2024-01-26 19:31:51 · 1084 阅读 · 1 评论 -
uniapp组件库fullScreen 压窗屏的适用方法
当我们触发(打开)了压窗屏页面之后,将会有一个新的,背景透明的页面覆盖在本页面上,由于我们的终极目标就是要做一个弹窗,让其遮罩盖住"父页面"的导航栏和 Tabbar栏,所以这里我们可以使用uView的Popup 弹出层组件,并且将popup组件的mode参数设置center,即中部弹出的形式。下方示例为打开一个Modal 模态框组件的示例,此组件内部用的也是popup组件。原创 2024-01-26 19:30:01 · 871 阅读 · 0 评论 -
vue3-element-admin的组件el-time-picker设置只能选择上午或下午
【代码】vue3-element-admin的组件el-time-picker设置只能选择上午或下午。原创 2024-01-26 19:27:11 · 689 阅读 · 0 评论 -
javascript获取当前月每天的日期和星期
【代码】javascript获取当前月每天的日期和星期。原创 2024-01-25 16:56:24 · 490 阅读 · 1 评论 -
uniapp组件库Modal 模态框 的使用方法
此组件有完善的自定义功能,可以配置标题,内容,按钮等样式(传入对象形式),具体参数详见底部的API说明。原创 2024-01-24 19:16:17 · 3372 阅读 · 0 评论 -
uniapp组件库SwipeAction 滑动操作 使用方法
该组件一般用于左滑唤出操作菜单的场景,用的最多的是左滑删除操作。注意如果把该组件通过v-for用于左滑删除的列表,请保证循环的:key是一个唯一值,可以用数据的id或者title替代。不能是数组循环的index,否则删除的时候,可能会出现数据错乱。原创 2024-01-21 08:15:45 · 2082 阅读 · 0 评论 -
uniapp组件库Popup 弹出层 的使用方法
弹出层容器,用于展示弹窗、信息提示等内容,支持上、下、左、右和中部弹出。组件只提供容器,内部内容由用户自定义。原创 2024-01-20 21:37:22 · 3157 阅读 · 0 评论 -
uniapp组件库中Collapse 折叠面板 的使用方法
在此组件中,可以通过多个方式对每个Item如果想修改头部标题的字体大小,颜色等,可以通过head-style参数修改。原创 2024-01-20 21:36:07 · 3302 阅读 · 0 评论 -
uniapp获取本周的所有日期(直接cv)
【代码】uniapp获取本周的所有日期(直接cv)原创 2024-01-20 08:01:26 · 491 阅读 · 0 评论 -
uniapp中uview组件库TopTips 顶部提示使用方法
只有使用了自定义导航栏才需要注意如下事项,否则无需在意,不用处理。由于本组件是预先将组件隐藏于导航栏底部,调用时显示,内部已兼容处理H5,APP,小程序等的系统导航栏高度问题。但是如果您是使用了自定义导航栏的话,组件内部不知道您的自定义导航栏高度是多少,可能会显示有误,所以您需要传入一个参数(单位为px需要注意的是,这个参数是您自定义导航栏的整个高度,比如在APP和各家小程序上,是“导航栏”+“状态栏”的高度,H5中,“状态栏”无法自定义,高度为0。温馨提示uView 有推出。原创 2024-01-18 21:00:52 · 1393 阅读 · 0 评论 -
uniapp中uview组件库的NoticeBar 滚动通知 使用方法
该组件用于滚动通告场景,有多种模式可供选择。原创 2024-01-17 10:43:46 · 2315 阅读 · 0 评论 -
uniapp中uview组件库Toast 消息提示 的使用方法
此组件表现形式类似uni的toast注意:由于uni中无法通过js创建元素,所以需要在页面中调用组件,再通过ref开启。原创 2024-01-16 19:00:14 · 3225 阅读 · 0 评论 -
uniapp中uview组件库的AlertTips 警告提示使用方法
警告提示,展现需要关注的信息。原创 2024-01-13 14:15:42 · 1467 阅读 · 0 评论 -
uniapp中uview组件库丰富的ActionSheet 操作菜单使用方法
本组件用于从底部弹出一个操作菜单,供用户选择并返回结果。本组件功能类似于uni的API,配置更加灵活,所有平台都表现一致。原创 2024-01-12 07:43:31 · 1909 阅读 · 0 评论 -
uniapp中uview组件库丰富的CountTo 数字滚动使用方法
该组件一般用于需要滚动数字到某一个值的场景,目标要求是一个递增的值。注意如果给组件的父元素设置想让数字水平居中,可能是由于元素内容快速变化而导致渲染的问题,在APP上组件可能会有轻微的左右抖动现象, 解决办法是给父元素设置或者即可。原创 2024-01-12 07:41:50 · 1429 阅读 · 1 评论 -
uniapp中uview组件库丰富的CountDown 倒计时使用方法
该组件一般使用于某个活动的截止时间上,通过数字的变化,给用户明确的时间感受,提示用户进行某一个行为操作。原创 2024-01-12 07:40:02 · 2045 阅读 · 0 评论 -
uniapp地图标记点的点击事件
就如途中的markerid就是数据中的id,通过这个markerid获取指定的经纬度。首先设置点击事件@markertap事件,然后他有个自带的(e)参数。然后covers中要有个id,这样才能获取到对应的经纬度,原创 2024-01-10 22:27:38 · 1017 阅读 · 1 评论 -
uniapp中uview组件库丰富的Table 表格的使用方法
表格组件一般用于展示大量结构化数据的场景。原创 2024-01-09 21:59:46 · 2430 阅读 · 0 评论 -
uniapp中uview组件库中丰富的LineProgress 线形进度条 的使用方法
该效果会在已完成的百分比部分显示移动的条纹(具体见示例效果)原创 2024-01-09 21:58:20 · 1586 阅读 · 1 评论 -
uniapp中uview组件库CircleProgress 圆形进度条丰富的使用方法
展示操作或任务的当前进度,比如上传文件,是一个圆形的进度环。原创 2024-01-06 21:07:43 · 1296 阅读 · 0 评论 -
uniapp中uview组件库丰富的Slider 滑动选择器的使用方法
该组件一般用于表单中,手动选择一个区间范围的场景。说明该组件在,和等平台上使用了技术,在平台使用了技术, 故在滑动过程中可以获得细腻流畅的跟随效果。需要通过绑定一个值,来初始化滑块的选择值(0到100之间),这个值是双向绑定的,您可以通过这个值,实时地得知内部的滑动结果。#设置最大和最小值通过和,可以设置滑块所能选择的最大和最小值#设置步进值通过参数设置步进值,这个步进值为每次跳变的值,具体表现请见示例。提示需要注意的是,这个必须要被值整除,否则会出现无法无法滑动到最大值的情况#禁原创 2024-01-04 11:09:44 · 1961 阅读 · 0 评论 -
uniapp中组件库丰富的Switch 开关选择器使用方法
设置size属性,可以让您自定义switch的尺寸,单位为px设置属性,可以让您自定义switch同时设置和属性,可以让您自定义switch的样式,同样支持多种设置方式原创 2024-01-03 17:21:17 · 2771 阅读 · 1 评论 -
uniapp中组件库的Radio 单选框丰富的使用方法
可以通过设置shape为square或者circle,将单选框设置为方形或者圆形此处所指的颜色,为radio选中时的背景颜色,参数为原创 2024-01-03 17:19:28 · 3410 阅读 · 0 评论 -
uniapp中组件库的Checkbox 复选框 的丰富使用方法
data() {return {// 基本案列数据name: '苹果',},name: '香蕉',},name: '橙子',],},methods: {原创 2024-01-03 15:39:26 · 2857 阅读 · 0 评论 -
uniapp中组件库的Textarea 文本域的丰富使用方法
文本域此组件满足了可能出现的表单信息补充,编辑等实际逻辑的功能,内置了字数校验等注意:由于在nvue下,u-textarea名称被uni-app官方占用,在nvue页面中请使用名称,在vue页面中使用或者u-textarea均可。原创 2024-01-03 15:28:21 · 2122 阅读 · 0 评论 -
uniapp中uview组件库的Input 输入框 的使用方法
去除fixedautosize字段此组件为一个输入框,默认没有边框和样式,是专门为配合表单组件而设计的,利用它可以快速实现表单验证,输入内容,下拉选择等功能。应该在u-form中嵌套,再嵌套u-input去实现。注意:由于在nvue下,u-input名称被uni-app官方占用,在nvue页面中请使用u--input名称,在vue页面中使用u--input或者u-input均可。原创 2024-01-02 20:11:06 · 5905 阅读 · 0 评论 -
uniapp中uview组件丰富的Code 验证码输入框的使用方法
获取前,参数为start-text,默认值为"获取验证码"倒计时期间,参数为,默认为"X秒重新获取",这里的"x"(大小写均可),将会被倒计的秒数替代倒计时结束,参数为end-text,默认值为"重新获取"原创 2024-01-02 20:07:32 · 2015 阅读 · 0 评论 -
uniapp中uview组件库的丰富Upload 上传上午用法
添加image以自定义上传样式,达到身份证,银行卡等不同场景需求。原创 2023-12-30 20:12:38 · 1947 阅读 · 0 评论 -
uniapp中组件库的丰富NumberBox 步进器的用法
data(){return {value:1原创 2023-12-30 20:09:51 · 1797 阅读 · 0 评论 -
uniapp中uview组件库的Search 搜索 的用法
通过inputAlign设置输入框内容的对其方式,和css的text-align同理通过设置整个搜索组件的边框,只要配置了颜色,才会出现边框通过height设置组件高度通过disabled设置是否禁用输入框通过bgColor设置是搜索组件背景颜色。原创 2023-12-29 08:21:15 · 2210 阅读 · 0 评论 -
uniapp中uview组件库的DatetimePicker 选择器的用法
可以设置最大值和最小值(传入时间戳)。传递函数参数,所以组件内部暴露了一个。方法用于设置格式化方法,注意在页面的。参数编写自定义格式化规则。微信小程序不支持通过。原创 2023-12-29 08:18:17 · 3642 阅读 · 1 评论 -
uniapp中uview组件库中丰富的Picker 选择器用法
data() {return {columns: [[{label: '雪月夜',// 其他属性值id: 2021// ...}, {label: '冷夜雨',id: 804}]],原创 2023-12-29 08:15:30 · 1928 阅读 · 0 评论 -
uniapp中的uview组件库丰富的Keyboard 键盘 用法
打开键盘,按键的顺序都是随机的,该功能默认是关闭的。注意:点击退格键(也即删除键)不会触发。参数定义键盘的类型,原创 2023-12-29 08:12:14 · 2176 阅读 · 0 评论 -
uniapp中uview组件库丰富的Calendar 日历用法
data() {return {},methods: {原创 2023-12-29 08:09:22 · 2917 阅读 · 4 评论 -
uniapp中的uview组件库丰富的Form 表单用法
故需要用到上方规则属性的。原创 2023-12-29 08:06:59 · 3694 阅读 · 0 评论