uni-app论坛 今日: 0|主题: 500|排名: 35 

1. common新建mask.vue文件。 <template> <view> <view class="cpt-mask"> </view> </view> </template> <script> export default { } </script> <style> .cpt-mask { position: fixed; top: 0; left: 0; wid ...

本次小程序的开发使用uni app+vant weapp，vant weapp如何引用和部分组件使用方法如下 引入 在github（https://github.com/youzan/vant-weapp）下载dist文件，在项目目录下创建wxcomponents/vant，把dist文件复制进来  在pages.json中，如果很多个页面都会引用某组件，就在globalstyle中引入 "globalStyle": { "na ...

原生的uni.requestAPI有promise形式，网上也有uni-request封装模仿axios（我在调用的时候出了问题，还没找到原因） 在基于以下情况决定自己封装 有baseUrl 有时请求header中的content-type 为 application/x-www-form-urlencoded 登录后调用接口header中需要塞token 在调用接口前对数据可以进行统一处理，比如删 ...

记得当时是在西班牙有这样的一个需求，需要自定义扫码页面，还需要加上西班牙文，当时是在一个组件里面找到了这样的一个方法，全文大部分使用的app端的Native里面的方法，记录一下，跑路了项目代码要删库了    效果图大概是这样的 以下是vue页面代码<template> <view></view></template><script>import { mapSta ...

第一次用uniapp这个框架爱开发APP,遇到好多坑,填的人很是头疼.总结了一下遇到的一些问题,希望对刚用uni-app开发的小伙伴有些作用. App开发中需要注意的一些问题 图片/文件上传(目前uniapp可以支持图片上传以及图片预览),如果要非图片的文件,需要调用第三方的应用,目前只支持预览,详细可参考官方文档 涉及到多个页面之间数 ...

全局变量和全局方法是软件开发中常用的技术点！ 实现方式大致分为： 1、vuex实现，值变动灵活 2、建立js文件，页面内引用 3、挂载vue实例后使用 4、小程序中的globalData 5、本地存储 这里简单讲解下uni-app中挂载到vue实例的全局属性和方法： 在Main.js中创建： Vue.prototype.$httpUrl = "https://xxx/"; //获取图片路 ...

uni-app在创建时，工程目录下会有个uni.scss文件，我们可以直接在里面定制化scss变量。 全局scss中的坑： （有些问题可能被修复了，具体自己看打包编译后的文件，uniapp一直在完善） 1、如果要引用全局外部scss文件，可以考虑在uni.scss这个系统全局scss文件内引用，其他地方引用暂不生效。 注意：在uni.scss文件中的scss样 ...

登录微信小程序管理后台添加腾讯视频播放插件： 　　正式开始使用腾讯视频小程序插件之前需先在微信公众平台 -> 第三方设置 -> 插件管理处添加插件，如下图所示：  在uni-app中引入插件代码： 　　注意在使用uni-app开发微信小程序时与直接会用微信网页开发工具开发微信小程序是有很大的差别的，因为uni-app可开发多 ...

创建云函数目录 首先，我们需要在uni-app项目文件夹下，创建一个云函数目录，路径随意，我这里是functions。然后先随便在里面放一些文件，这里以new_file.css为例。(放文件的原因是：确保编译成小程序后cloudfunctions文件夹存在。如果该文件夹下没有文件，默认是不会在微信小程序开发平台中显示该文件夹的。) 修改manifes ...

一、前言、scroll-view基本属性： 前言： 　　前段时间使用scroll-view可滚动视图区域容器来做多个不同内容的展示（在我这个页面中同时使用了三个scroll-view做数据展示），因为这几个展示的内容的数据都比较的多，因此为了页面的数据加载顺畅决定使用上拉加载（简单的说就是数据分页显示）。 页面组成如下图所示： scroll ...

最近一段时间公司要做一个小程序项目，还要支持，微信小程序，头条小程序，百度小程序。一套代码，实现三个平台。当时接到这个任务，就不知道怎么去下手，一套代码，分别要发布三个平台，赶紧就去上网了解这些东西，查看了，uni-app，taro,Chameleon这三个库，然后把每个都运行了一次，看一下文档。当我运行完Chameleon 这 ...

　　前言 　　1、uni-app 　　uni-app是DCloud推出的终极跨平台解决方案，是一个使用Vue.js开发所有前端应用的框架，官网：https://uniapp.dcloud.io/   　　2、mui 　　号称最接近原生APP体验的高性能前端框架，官网：https://dev.dcloud.net.cn/mui/ 　　个人觉得，mui除了页面设计很接近原生App之外，还有一个特点 ...

调起通讯页面拨打电话 https://uniapp.dcloud.io/api/system/phone?id=makephonecall 点击按钮直接拨打电话 <template> <view> <text @tap="makePhone">拨打电话</text> </view> </template>   <script> export default{ data(){ return{ phone:'110010' ...

     在pages.json中配置代码如下： { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages  {   "path": "pages/index/index",   "style": {    "navigationBarTitleText": "首页",  ...

　　最近公司项目在用uni-app做小程序商城，其中商品和个人需要生成图片海报，经过摸索记录后将一些重点记录下来。这里有两种方式来生成 1、后台控制生成 2、前端用canvas合成图片 这里我们只讲使用canvas合成图片的方法，canvas包括绘制文字、图片、图形以及图片显示处理。 一、初始化canvas画布 通过createCanvasContex ...

语法： // #ifdef %PLATFORM% 这些代码只在该平台编译 // #endif #ifdef ：      if defined  仅在某个平台编译 #ifndef ：     if not defined  在除里该平台的其他编译 #endif ：      end if 结束条件编译 %PLATFORM%    需要编译的平台，上 ...

uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。 vue页面支持普通H5单位，但在nvue里不支持： rem 默认根字体大小为 屏幕宽度/20（微信小程序、头条小程序、App、H ...

作者 | Jeskson 来源 | 达达前端小酒馆 uni-app的框架，配置：page.json，manifest.json，package.json，vue.config.js。脚本，应用程序，main.js。日志打印，定时器，生命周期，页面，页面通讯。 pages.json文件时用来对uni-app进行全局配置的，它是用来写页面文件的路径，窗口样式，底部的tabbar等，类似于小程序中的a ...

　　在使用 uni-app 开发的时候，遇到了一个很棘手的问题。即获取设备参数的时候 uni-app 并没有相关方法，而安卓开发是可以做到的，因为接的是三方推广，所以功能必须实现，所以求助了安卓的大佬帮我们写了一个插件。 　　uni-app 提供了以下方式来调用原生插件      　　我们可以通过这个方法来获取到插 ...

　　前端打包 app 即把写好的静态资源文件套壳打包成 app ，而热更新即下载并替换 app 内部的静态资源文件，实现 app 的版本升级。 　　在uni-app 中，我们是如何实现热更新的呢？下面来看代码 // 检测升级 // #ifdef APP-PLUS // var ver = plus.runtime.version; var a ...