
uni-app
文章平均质量分 66
分享uni-app相关的文章
黄河爱浪
一个热爱分享又普通的web前端开发者,uView UI框架成员。
展开
-
uni-app uView UI1.x框架 npm安装教程(vue-cli命令行创建)
本篇文章是 uView UI 1.x的版本 npm安装(vue-cli命令行创建)教程,uView UI框架文档地址:https://www.uviewui.com。原创 2021-11-10 23:24:47 · 1587 阅读 · 0 评论 -
带弧度的选项卡源码分享uniapp 小程序可用
<template> <view> <view class="tabs"> <scroll-view scroll-x="true" :scroll-into-view="scrollView" :scroll-with-animation="true"> <view class="h-flex-x"> <view v-for="(item,index) in 10" :key=...原创 2021-09-20 17:42:38 · 1093 阅读 · 1 评论 -
uni-app 应用换肤功能
应用换肤这个“毫无卵用” 又浪费时间的的功能却是许多产品经理们喜欢玩的(某信国民应用都不做的功能)。首先我坦白,我TM就从没用过 应用换肤 这种功能,其次我氪金跟有没有 换肤 这个功能毫无关系,真是受够了这种沙雕产品,虽然我在产品经理提出这个需求之前已经解决了产品经理本人。但是在这里先拯救一下正在受难中的卑微的程序员鄙视链底端的 web前端。原创 2021-09-21 17:38:42 · 3965 阅读 · 7 评论 -
uni-app 仿微信列表长按弹出菜单
插件地址:https://ext.dcloud.net.cn/plugin?id=678效果预览:作者:黄河爱浪QQ:1846492969,邮箱:helang.love@qq.com公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。更多精彩文章,请扫下方二维码关注我的公众号...原创 2019-09-01 18:45:36 · 3244 阅读 · 0 评论 -
uni-app 异步switch组件(源码分享)
插件地址:https://ext.dcloud.net.cn/plugin?id=648示例图:作者:黄河爱浪QQ:1846492969,邮箱:helang.love@qq.com微信公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。更多精彩文章,请扫下方二维码关注我的公众号...原创 2019-08-13 10:25:07 · 1457 阅读 · 0 评论 -
uni-app 拖动滑块验证(插件分享)
插件地址:https://ext.dcloud.net.cn/plugin?id=573效果预览: 作者:黄河爱浪QQ:1846492969,邮箱:helang.love@qq.com公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。更多精彩文章,请扫下方二维码关注我的公众号...原创 2019-07-13 14:27:09 · 6982 阅读 · 0 评论 -
uni-app 颜色选择器(插件分享)
插件地址:https://ext.dcloud.net.cn/plugin?id=403效果预览:作者:黄河爱浪QQ:1846492969,邮箱:helang.love@qq.com公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。更多精彩文章,请扫下方二维码关注我的公众号...原创 2019-07-13 14:22:50 · 3616 阅读 · 0 评论 -
uni-app 全局方法封装(源码分享)
插件地址:https://ext.dcloud.net.cn/plugin?id=609功能清单:统一资源标识符设置 常用正则 网络请求 获取元素尺寸和位置 获取元素自定义属性值 加载弹窗 提示弹窗使用方法请查看插件详情,【点击文章开始位置的链接查看】作者:黄河爱浪QQ:1846492969,邮箱:helang.love@qq.com微信公众号:web-7258,...原创 2019-07-22 22:05:55 · 3171 阅读 · 0 评论 -
使用 uni-app 开发需要掌握的技能
uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。讲到 uni-app小编非常喜欢。不仅有丰富组件,在“插件市场“有大量的插件和模板提供。小编不才,发布了一些uni-app插件。插件主页:https://ext.dcloud.net.cn/publisher?id=110853uni-a...原创 2019-05-29 22:32:44 · 3867 阅读 · 0 评论 -
uni-app 开发小程序的优势(实践分享)
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。本篇文章总结一下使用 uni-app开发小程序的优点:开发工具,uni-app 有HbuilderX开发工具,代码书写的舒适度远高于 小程序厂家 自己的开发工具。 开发工具集成了 sass ...原创 2020-03-05 19:04:54 · 2842 阅读 · 0 评论 -
uni-app 搜索内容高亮(源码分享)
在列表中将搜索的内容过滤显示并给搜索的关键字增加高亮效果是常见的需求。效果图:已过滤和高亮后 已过滤和高亮后 源码:<template> <view> <view class="search"> <input type="text" placeholder="请输入搜索内容" @input="set"&...原创 2020-05-01 22:49:26 · 4593 阅读 · 2 评论 -
uni-app checkbox和switch组件checked属性无效的解决方案
uni-app 是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。相信许多开发者都有遇到过 uni-app中的复选框组件(checkbox)和开关组件(switch)在改变 checked 属性会有无效的问题。本篇文章将分析问题的产生和解决方法。先来一段示例源...原创 2020-02-16 21:53:25 · 12883 阅读 · 8 评论 -
uni-app uView UI框架1.x npm安装教程(HBuilderX创建)
本篇文章是 uView UI 1.x的版本安装教程,框架文档地址:https://www.uviewui.com。原创 2020-05-10 23:11:01 · 22345 阅读 · 5 评论 -
uni-app 看图猜成语(源码分享)
插件地址:https://ext.dcloud.net.cn/plugin?id=618示例图:作者:黄河爱浪QQ:1846492969,邮箱:helang.love@qq.com微信公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。更多精彩文章,请扫下方二维码关注我的公众号...原创 2019-07-25 11:05:01 · 2524 阅读 · 0 评论 -
小程序和uni-app 通用的表格样式库
表格在小程序 / uni-app中都是没有默认组件的。虽然表格并不是移动端设计的推荐布局,但是有些数据表格使用表格会拥有更好的阅读性。本篇文档分享一下自己写的表格样式源码一、源码下载源码下载地址:https://ext.dcloud.net.cn/plugin?id=3713在线预览:https://mydarling.gitee.io/uniapp-extend/#/pages/template/table源码gitee仓库:https://gitee.com/myDarling/...原创 2020-12-22 10:15:38 · 9909 阅读 · 0 评论 -
uni-app uView UI1.x API集中管理多模块方案(多个JS文件)
本篇文章是 uView UI 1.x的版本安装教程uni-app uView UI1.x API集中管理多模块方案(多个JS文件)原创 2021-02-18 21:51:16 · 4272 阅读 · 4 评论 -
uni-app uView UI1.x 扩展自定义图标
uni-app uView UI1.x 扩展自定义图标的完整版详细教程原创 2021-04-19 12:07:17 · 4211 阅读 · 5 评论 -
uni-app px rpx 互相转换
1、rpx转 pxuniapp内置了 rpx转 px的方法,源码见下方:// 100 为 100rpx的值var px = uni.upx2px(100);2、px转 rpx由于 uniapp已经有 upx2px的方法,可以简单的得出反向取值的公式,源码见下方:// 200 为 px 的值,后面的两个 100 为计算比例使用var rpx = 200/(uni.upx2px(100)/100);// 验证上面rpx的值var px = uni.upx2px(r...原创 2020-09-07 17:48:36 · 21704 阅读 · 2 评论 -
uni-app h5平台在电脑浏览器打开解决方案
本篇文章教大家的方法是使用 的方式来实现的,目前官方也增加了PC端的适配,其他的优秀博主也有相关的设置页面最大宽度的方法。但是限制宽度并不是重点,页面上弹窗,定位布局,移动事件,支付都是存在兼容问题的。原创 2020-01-12 12:05:10 · 21861 阅读 · 31 评论