
uni-app
文章平均质量分 53
M_Eve
这个作者很懒,什么都没留下…
展开
-
uni-app 与 renderjs 通信
一、页面与renderjs模块通信页面 view 中监听变量 operation<!-- 监听变量 operation 的变化,operation 发生改变时,调用 test 模块的 loadOperation 方法 --><view :operation="operation" :change:operation="test.loadOperation"> <!-- 调用 test 模块的 clicked 变量 --> test模块:{{test.clicke原创 2021-04-07 22:06:12 · 7189 阅读 · 4 评论 -
uni-app 中使用 d3js 绘制图形
使用d3js绘制地图的例子有很多,使用的都是geojson的格式本篇文章实现的是,通过svg path路径,将图形绘制出来先看效果图下面按步骤介绍如何引用 d3,如果想直接使用整个页面的代码,可以直接拉到文末查看仓库代码因为 d3 无法直接在 uni-app 页面中使用,所以需要在 renderjs 中进行渲染使用<script module="map" lang="renderjs"></script>1. 引入d3import * as d3 from 'd3原创 2021-04-06 23:29:30 · 2974 阅读 · 2 评论 -
uni-app实现文件管理器(Android)
提示:1. 仅适用于安卓2. 若文件较多,打开会很慢,可以自行优化功能:1. 文件列表页(/pages/index/index) - 展示从已选择添加的文件2. 添加文件页(/pages/directory/directory) - 点击文件列表页右上角 +, 进入该页面,扫描本地根目录所有文件3. 选择文件功能(/pages/directory/directory) - 用户可以选择多个文件,点击确定,确认添加文件,返回文件列表页4. 记住上次打开目录功能(/pages/原创 2021-01-07 10:19:06 · 5454 阅读 · 3 评论 -
uni-app注册全局组件
有一些组件可能会被很多个页面使用到,比如说,自定义的导航栏,如果在每一个页面都引用一次就很麻烦了,这个时候可以将该组件注册为全局组件了有两种方法可以注册为全局组件第一种是 easycom组件模式官方描述:https://uniapp.dcloud.io/collocation/pages?id=easycom1. 将组件安装在项目的components目录下,并符合components/组件名称/组件名称.vue目录结构。可以不用引用、注册,直接在页面中使用。2. pages.js...原创 2020-07-21 13:15:33 · 15918 阅读 · 0 评论 -
在uni-app中使用pdf.js实现在手机上打开pdf
想要实现能够在手机上预览pdf,刚开始想着要不直接使用iframe嵌入pdf算了,结果发现,只有极个别手机能够正常识别所以最终还是使用了pdf.js来实现手机上pdf的预览,看一下安卓的效果图如果是ios的就不用这么麻烦了,直接在<web-view :src="src" ></web-view>中,将src设置为pdf的路径即可下面是安卓的实现过程<template> <view class="content"><web-view原创 2020-06-14 15:02:19 · 18396 阅读 · 25 评论 -
uni-app打开淘宝、京东,并跳转到对应的商品链接
最近因为需要开发一个跨平台的app,最终选定了uni-app,记录一下学习过程中遇到的一些问题。要实现在app中打开淘宝、京东、应用商店,并跳转到对应商品的功能。打开淘宝,按照官方的例子就可以需要注意的是,打开京东时,需要添加一些参数,才能够实现跳转到对应商品。这个方法是在uni-app社区看到的。直接复制下方代码,即可运行<template> <view class="content"> <button @click="handleOpenJin原创 2020-06-08 17:16:50 · 13215 阅读 · 4 评论