uni-app
文章平均质量分 52
当归67
这个作者很懒,什么都没留下…
展开
-
uni-app自定义组件以及使用方式
1 components文件夹下创建vue文件 <template name="page-head"> <view class="uni-page-head"> <view class="uni-page-head-title"...原创 2021-09-08 09:27:39 · 322 阅读 · 0 评论 -
uniapp-自定义导航栏
一、去uni-app的插件市场下载插件 https://ext.dcloud.net.cn/plugin?id=52 二、点击导入插件 在页面中使用 <template> <view class="content"> <!-- 顶部导航 --> <uni-nav-ba...原创 2021-09-08 09:25:05 · 155 阅读 · 0 评论 -
uni-app项目开发整理之自定义导航栏
自定义导航栏 方法一: pages.json中进行配置: { "path": "pages/inventoryLedger/index", "style": { "navigationBarTitleText": "自定义导航栏", "app-plus": { "bounce": "none...原创 2021-09-08 09:22:39 · 124 阅读 · 0 评论 -
uni-app中绑定双击事件
uni-app中绑定双击事件 功能需求 在uni-app中,很多时候我们需要元素绑定双击事件,比如自定义的视频播放器,双击播放、暂停,但是显示进度条、隐藏进度条。 但是在uni-app官方并没有提供双击事件,那么就需要我们自己来实现双击事件的逻辑。在双击的时候不能触发单击事件,在单击的时候不能触发双击事件。 在...原创 2021-09-06 09:30:34 · 1287 阅读 · 0 评论 -
uniapp左滑删除
uniapp左滑删除 欢迎使用ay-operate插件 最近有需求为:左滑删除,整理插件代码如下: 1.ay-operate插件 可去uniapp插件市场的操作组件:左滑删除,自定义任意内容插件页面下载. 属性 属性类型说明data_transitObject需要传递数据的对象itemObject显示对象,可不传参下面是...原创 2021-09-02 22:19:53 · 1714 阅读 · 0 评论 -
uni-app常见的功能(二)
6.保存图片getauthOrize() { uni.saveImageToPhotosAlbum({ filePath: 'https://sucai.suoluomei.cn/sucai_zs/images/2020/06/01/b8867fbbd58de9fb1201ca613067b883.jpg', success: () => { uni.showToast({ title: '保存成功' }) } });},7.省市区选择器<view @原创 2021-08-29 17:31:03 · 520 阅读 · 0 评论 -
UniApp常用功能(一)
1.推送消息 方式一 (1)前端自己推送 // unipush消息推送getpush() { let option = { title: '主标题', sound: 'system', } void plus.push.createMessage('您的商品已经发货啦,可点击查看物流状态!', 'push=/pag...原创 2021-08-29 17:22:13 · 547 阅读 · 0 评论 -
uniapp 滑动删除功能实现(右侧滑动展示菜单功能)
列表滑动删除功能 这种滑动删除功能最早我是从QQ上看到的。 这种效果在Uniapp插件市场中是已经有现成的。 滑动删除插件链接:https://ext.dcloud.net.cn/plugin?id=208 wkiwi-swipe-action组件的使用 引用wkiwi-swipe-action组件 import w...原创 2021-08-29 17:12:37 · 819 阅读 · 0 评论 -
uni-app里面使用uni.request请求并且渲染列表
1:新建一个uniapp项目,命名为test。 2:官方网站找文档,要用到列表组件 地址导航:https://ext.dcloud.net.cn/plugin?id=24 导入到自己的test项目里面去 ...原创 2021-08-26 21:40:50 · 950 阅读 · 0 评论 -
uni-app常见问题以及解决方案
实现底部安全区域留白? padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); 顶部自定义NavBar时适配刘海屏? uni-app提供的系统参数获取的APIlet systemInfo = u...原创 2021-08-25 21:03:05 · 581 阅读 · 0 评论 -
推荐一款多平台快速开发的前端UI框架 —— uView !
uni-app 引入uViewUI uViewUI官方地址:https://uviewui.com/ 1、npm 安装uViewUI // 安装npm install uview-ui 2、npm 安装方式的配置 uView依赖SCSS,您必须要安装此插件,否则无法正常运行。 HBuilderX工具中要安装scss插件: HX菜单的 工具->插件安...原创 2021-08-22 13:06:01 · 1162 阅读 · 0 评论 -
2021-08-17
uview如何配置到uniapp项目中?如果你想了解到更详细的文档,进入 uview官网 查看 1、使用安装包方式 首先要去官网下载最新的包 下载地址 官网提供了三种包: 第一种方式只有uview源码,这是uview的核心。 第二种方式类似于一个uview项目的脚手架,这是个空项目,但它已经帮我们配置好uview了,所以如果你是一个新的uniapp项目,可以选择下载这个。 第三种是整个uView演示项目,里面有uView核心,组件演示,模板等。此项目运行用于查看UI演示效果,复制模板案例,通过里原创 2021-08-17 21:29:43 · 78 阅读 · 0 评论