基础组件textselectable开启长按可选微信小程序已废弃user-select开启长按可选针对微信小程序viewhover-class指定按下去的样式类buttonhover-class指定按下去的样式类loadingform-type用于<form>组件，点击分别会触发<form>组件的submiteset事件open-typei

template里<template><view:style="{'height':vheight}"></view><emplate>script里data(){return{ vheight:"",//获取的高度}},onReady(){//计算屏幕剩余高度填补剩余高度let_thi

由于uniapp自带的getlocation方法不支持解析地址，所以这里记录下使用高德sdk的方法首先登陆高德开放平台 登录/注册后打开控制台，在应用管理里创建新应用然后点击添加按钮，添加key 这样你就会获得一个key然后点击这个网址下载文件，找到amap-wx.js文件，放到项目common文件夹里

【分包】按需加载的新页面 1.新建文件subpkg/pages/分包名/分包名.vue并完善功能 2.pages中注册该分包"subPackages":[//pages.js中加入一项 { "root":"subpkg", "name":"sub-1", "pages":[ { "p

uniapp监测网络uni.onNetworkStatusChange&uni.getNetworkType的使用区别阐述：在实际项目开发中，难免会监测网络，下面来具体详解下小程序这两种监测网络的方法，各有什么不同以及如何配合使用。这里配置的是uniapp，微信小程序把uni.换成wx.即可。uni.onNetworkStatusChan

<template> <view> <viewclass="tx-w"> <viewclass="tx"> <imageclass="tx-img":src="info.avatarUrl"></image> <viewclass="zx"></view> &

我的项目是用vue-cli命令行创建的，里面有public/index。HTML模板文件，也可以加vue.config.js1、引入js文件<scriptsrc="/es.wx.qq.com/open/js/jweixin-1.2.0.js"></script>直接将上面代码插入到index.html模板文件中2、配置vue.config.jsmodule.exports={chainWe

leaflet地图本身支持移动端，但对原生更友好，在uniapp中就较为复杂如果是直接引入，在h5端是正常的，但真机运行后就会发现，地图加载不出来，需要用到uniapp的renderjsrenderjs官方描述<viewclass="warp"> <viewid="map"class='map'> </view> </view> <scriptmodule=&q

什么是条件编译条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。 一、写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。#ifdef：ifdefined仅在某平台存在#ifndef：ifnotdefined除了某平台均存在%PLATFOR

进度条提示基于uView框架，如何安装使用请查看官方文档，这里不做赘述  uView文档地址  介绍|uView-多平台快速开发的UI框架-uni-appUI框架(uviewui.com)在App.vue中的onLaunch或者onShow里写方法获取服务器版本数据<scriptlang="ts"> import{ baseURL }from

1、登录公众号平台，扫码登陆小程序页面2、下载小程序开发者工具3、安装小程序开发工具，记住安装目录，默认安装目录如下4、uniapp程序运行到小程序，会让填写“微信开发者工具”的路径，如下5、需要获取一下uniapp的appid，6、导入uniapp编译生成的目录，如下uniapp生成的编

运行项目1.在菜单栏中点击运行，运行到浏览器，选择浏览器即可运行；2.在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行->运行到小程序模拟器->微信开发者工具，即可在微信开发者工具里面体验uni-app；3.在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的

先上图我们已抽奖为例：1.完整代码：<template> <viewclass="content"> <viewclass="base_all_center"style="width:90vw;height:90vw;border-radius:5px;z-index:10;background-image:url(../../static/img_cj_back.png); b

  找到上面这个文件，不管是用命令创建还是用HBX创建，都一样会有这个文件的，然后跟着截图复制粘贴就好了。//这是配置本地能跨域的，或者你可以直接让后端给你设置请求头，避免了跨域。"devServer":{//"disableHostCheck":true,//禁止访问本地host文件

第一步：新建文件夹services第二步：新建文件request.ts//服务器接口地址constbaseURL:string='http://xxxxxx'//本地调试接口地址//constbaseURL:string='http://xxxxxx'//封装公共上传图片functionupload(num:number,imglength:number,type?:string|unde

     

先看下效果实现步骤1.先引入uviewui，不会的可以看下我另外一篇文章，写的很详细uniapp中uview-ui的使用教程https://blog.csdn.net/hu104160112/article/details/120076812?spm=1001.2014.3001.55012.创建tabbar组件及页面3.pages.json文件中配置{ "easycom":{

uniapp小程序的分包处理首先在manifest.json中加入如下配置"optimization":{"subPackages":true},然后把需要分出去的页面写在这个分包里面"subPackages":[{"root":"pagesA","pages":[{"path

//#ifdefAPP-NVUE constdom=weex.requireModule('dom')//#endifconstresult=dom.getComponentRect(this.$refs.examplebody,option=>{ console.log('getComponentRect:',option) this.$emit("getNavTab",

<viewclass="purchase-item"v-for="(item,index)inorderList":key="index">    <picker       @change="bindPickerChange(index,$event)"       range-key="name"       /*显示supplierList列表中

在用uniUi轮播图组件时想自定义下面的小圆点组件但是/deep/在h5有效到了小程序就失效了各种办法都试过了比如important、options:{stylexxxxxx}都是只有h5/deep/生效而小程序失效最后我选择使用uniUi另外一个组件uni-swiper-dot自定义小圆点用swiper的chang事件来控制

1.打开蓝牙适配器openBluetoothAdapter(){constthat=thiswx.openBluetoothAdapter({success(res){console.log('openblueFisuccess:',res)that.onBluetoothDeviceFound()

 或者   "h5":{"template":"","devServer":{"public":"0.0.0.0","proxy":{"/api":{&

“app-plus”:{“titleNView”:{“backgroundImage”:“linear-gradient(toright,#FF6161,#FF4444)”}}{ "path":"pages/index/index", "style":{ "navigationBarTitleText":"首页", "enablePullDown

聊天服务器端，使用上一个文章里面提到的websocket服务器端，通讯地址格式ws://ip:7878:/c/sec/userid大致思路，首先去app的服务器登录，返回用户信息，里面含有用户编号。通过获取配置的方式，获取聊天url，当然，在app里面写死也可以，我是做成了一个后台配置项。app拿到链接地址，加上当前用

不知道你的H5页面是在哪里运行的，如果是正常的浏览器是没有问题的，如果是微信内部或者webview内部，建议用户信息和token等别放在cookie中，因为这两个环境不支持cookie，可以storage进行存储，发起请求时放到header中。如果请求发生了跨域，一般情况下，即使有cookie也不会被携带。

最近一直想弄一个app，然后刚好看到Uniapp这个技术，然后最近就用几个晚上琢磨了下；先看下成果：1、通讯页面，这个是通过插件uni-indexed-list索引列表进行改造过后；改造过程还是花了点时间的。  2、消息页，消息最开始一直在犹豫用webscokt还是signalr;最后考虑到用.netcoreapi

methods:{//3,发短信 plusReady(){ console.log("err") }, //短信 sendCode(phone){ varmsg=plus.messaging.createMessage(plus.messaging.TYPE_SMS); msg.to=[phone]; msg.body='要发送的消

uni.chooseImage...uni.getImageInfo({src:res.tempFilePaths[0],success:(res)=>{constblobUrl=res.path;constcanvas=document.createElement("canvas");//减少绘制的大小才能压缩，不然可能压缩后图片会变大canvas.widt

尝试了用uniapp的from以及uni-forms发现并不是特别好用，就在插件市场找了一个类似于element-ui的表单验证组件，用法基本上和element-ui一致，使用也比较方便因为目前是用uni-app做小程序，小程序使用有几个限制，需要注意一下；一、使用     依赖于async-validator   npmin