开发项目的移动端，运用uniapp+echarts，一开始查了很多资料，很多推荐用ucharts，但是运用了后感觉ucharts不如echarts多样，而且web端选择也是echarts，所以还是回归了；很多还显示echarts只能在一页显示一张图，给出了解决办法，但是尝试了达不到效果；最终，运用封装组件的方法完成设计。例如：/pages

一、uni.vibrate(OBJECT)使手机发生振动。OBJECT参数说明参数名类型必填说明successFunction否接口调用成功的回调failFunction否接口调用失败的回调函数completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）示例uni.vibrate({ s

可参考微信开放文档（https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html）  一、下拉刷新使用onPullDownRefresh实现，和onShow、mounted、created等同级。 注意点：1.注意一定要写上uni.stopPullDownRefresh()，不然会一直处于刷新状态中。2.不生效，在

这两个部位的图标可以在page.json中配置，不需要单独编写（小程序中需要手动编写，通过flex布局实现）1、在pages.json中的pages-->style-->app-plus中添加titleNView2、fontSrc为在阿里图标下载下来的图标字体文件3、text为阿里图标库中Unicode的值，将&#x换成\u

一、uni.setClipboardData(OBJECT)设置系统剪贴板的内容。OBJECT参数说明参数名类型必填说明平台差异说明dataString是需要设置的内容 showToastBoolean否配置是否弹出提示，默认弹出提示App(3.2.13+)、H5(3.2.13+)successFunction否接口调用成

一.小程序使用本地iconfont的方案小程序使用本地文件：转base64或者使用线上环境但是iconfont线上地址不允许了（有时候官方会没有的情况）,只能用base64二.如果使用1.首先下载iconfont文件2.取出iconfont.css取出iconfont.css将iconfont.css变成iconfont.scss,头部加入/

【释义】uni.getSystemInfoSync()获取屏幕可用高度windowScreen做为背景图高度即可(非虚拟DOM也可以使用本思路). 【源码】 1<template>2<viewclass="grace-margin">3<inputtype="text"value=""placeholder="请输入!!!"style=&q

1.在阿里iconfont官网上选择完毕自己想要的图标之后点击添加至项目。2.选择我的项目下载文件至本地，在APP.vue中引入本地iconfont.css文件点击Unicode查看复制在线链接替换iconfont.css内 @font-face{} 里面的内容APP端切记//前方要加上https:

<!--prompt组件--><!--prompt--><template> <viewclass="prompt-box":hidden="isHidden"> <viewclass="prompt-contentcontentFontColor"> <viewclass="prompt-title">{{title}}

【】1.右键Chrome图标 2.选中属性(R) 3.在目标(T)chrome.exe后添加--disable-web-security--user-data-dir--allow-running-insecure-content 4.运行uniapp会自动打开浏览器，也会报CORS/CORB ，只需要复制当前地址再重新打开Chrome浏览器复制并进入即可避免跨域

/**检查是否打开GPS功能（android）**/exportconstcheckOpenGPSServiceByAndroid=()=>{letsystem=uni.getSystemInfoSync();//获取系统信息if(system.platform==='android'){//判断平台varcontext=plus.android.importClass("android.content.Contex

 项目中用到了上传图片的功能，记录一下。增强记忆。要上传图片首先就要先选择图片，或者是先拍照，此时先调用的是 chooseImage接口，此接口可选择拍照也可以从相册中选择。它有几个参数，具体可以查看文档，这些参数控制了上传图片的张数、是否压缩、来源等信息。此接口调用成功会返回

不得不说uniapp引入iconfont确实比较坑。下面方法可行：引入方法：1.在confont官网找好图标，然后点击复制代码，2.点击红圈的复制代码后在网页打开，出现如下：  3.然后再uniapp项目下新建common文件夹,common文件夹下新建iconfont.css。把2步打开的代码复制到iconfont.css。记住要

之前自己用scroll-view写的上垃加载和下拉刷新体验不是很好现在改成用mecsroll不是uniapp项目也可以用个人感觉体验还是非常棒的（有兴趣的老哥可以去看啊看源码）mecsroll 官网  http://www.mescroll.com/uni.html#options<template> <mescroll-uni:down="downOption"

uniapp的vue页面上至少得有根标签，如下，view标签。<template> <view></view><emplate><script></script><style></style>如果没有根标签，如下，在手机端app编译时就会报错。<template><emplate><script></script>&l

   1.目的：采用phpGrace中的图片验证码，在用户名+密码登录时使用图片验证码进行验证。2.文档地址：图片验证码的文档地址：http://www.phpgrace.comools/info/5.html3.代码文件放置：将下载verifyCode.php的文件，放入graceools文件夹中即可，该文件主要是产生图片验证码，并且写

一个项目，其设想是这样的，当我进入页面，发现用户未登录或者token到期失效，提示用户之后，用户点击确定跳转到登录页面。弹出框要用自己封装的，因为uniapp的弹出框不同的手机上展示的样子不一样，领导的是华为（在这里悄悄吐槽一下原生弹出框在华为的一些型号的机子上真的好丑）好了我什么也没

css的box-shadow是用来添加边框阴影效果的。属性值详解：1、inset可选值，默认阴影在盒子外使用inset后，阴影在盒子内，即使指定边框或者透明边框，阴影依然存在。2、这是头两个值，用来设置阴影偏移量。offset-x为设置阴影的水平位移，假如是负值，那么阴影在边框的左侧；offset-y设置阴影

uniapp在回调函数中赋值解决isnotanobject错误chooselocation(){uni.chooseLocation({success:function(res){this.position=res.name;console.log('位置名称：'+res

<template> <view> <viewclass="uni-list"> <viewclass="uni-list-cell"> <viewclass="uni-list-cell-left"> 活动地点： </view> <inputclass="actBox"@input=&quot

 sunui-msg 顶部消息提醒 v1.0.0于2020.01.14更新：如果消息提示直接进入页面就显示，要在mounted生命周期或者在onLoad生命周期使用this.$nextTick       参数介绍(通过ref标识)：1.text:文本提示内容/默认空2.type:文本提示背景颜色/默认无3.sec:点

参考https://blog.csdn.net/sunshine_0707/article/details/88641342先去高德开发者中心申请apikey下载sdk的js放到工程里this.amapPlugin.getRegeo({success:(data)=>{console.log(data)

uni.uploadFile({url:'https://www.example.com/upload',//仅为示例，非真实的接口地址filePath:tempFilePaths[0],name:'file',formData:{'user':'test'

在uniapp中。首先加上checkbox标签，checkbox标签外包裹checkbox-group标签，checkbox-group标签上有@change属性，可以触发change事件，可以获取value的值。<viewclass="cartlist"><checkbox-group@change="allselected"><checkbox:checked="allch

 sunui-cell 用于点击效果复用(组件仅1kb) v1.0.0于2020.01.09更新  参数介绍：1.hover:是否显示点击效果/默认false2.time:点击显示时间/默认170ms3.styles:组件样式,可按照行内样式编写(无需父组件传值子组件那样死板)-见示例  示例代码： <temp

1.页面    2.新建一个uniapp项目，导入ColorUi-nuiapp模板（https://ext.dcloud.net.cn/plugin?id=239）   3.页面代码： 1<!--2文件描述：预付费页面3创建时间：2020/1/1914:374创建人：Administrator5-->6<template>7<viewclass=

一、实战HBuilderX：在微信小程序中运行页面，需要设置->安全开启微信小程序服务端口，HBuilder工具->设置->配置程序路径网络请求、模板语法、打开页面、页面传参列表  api:  https://unidemo.dcloud.net.cn/apiews-返回数据格式-id新闻id如：72980-title标题-

购物车逻辑可以说是一个电商项目的重中之重，也是本人较为薄弱的一环。本次疫情，闲置在家，便做了一个小demo，也算是进一步锻炼一下购物车逻辑。下面便跟大家简单分享一下本次的经验，大佬勿喷。疫情当前，逆战不怠，武汉加油，中国加油。购物车效果图：一、在用户加入商品至购物车时，首先

 HBuilderX开发工具，菜单栏：发行（U）→ 原生App云打包（P）安卓云打包配置：云打包配置分为公共测试证书和自有证书。云打包配置使用公共测试证书很简单，直接勾选后打包。  如果要测试第三方sdk（如微信授权），请使用自有证书。1、去微信开放平台申请一个移动应用，你需要用到该应用里面

今天看uniapp的官方群里，发布了一个支持云的新版本。因为看了它的官方API，和之前微信小程序的云函数的API感觉很类似，于是就兴冲冲的上传了信息，认证了开发者。于是在刚刚验证通过了，就开始了查看API，简单调用云服务。就觉得，的确是一个东西。这两者都是一个思路，就是一个闭包。外部