<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0">
<channel>
<title>深山工作室 https://www.qwbm.com【uni-app】</title>
<link>https://www.qwbm.com/news.asp?id=57</link>
<description>uni-app https://www.qwbm.com</description>
<category>uni-app</category>
<language>zh-cn</language>
<docs>https://www.qwbm.com/rss.asp</docs>
<generator>https://www.qwbm.com</generator>
<webMaster>565449214@qq.com</webMaster>
<managingEditor>565449214@qq.com</managingEditor>
<pubDate>2007-11-21 下午 23:11:35</pubDate>
<lastBuildDate>2026/5/4 17:05:51</lastBuildDate>
<ttl>20</ttl> 
<copyright>Copyright 2026 深山工作室 https://www.qwbm.com</copyright>
<item>
<guid>978</guid>
<title>uni-app开发表单input组件的一些规则说明自己预留使用</title>
<link>https://www.qwbm.com/new.asp?id=978</link>
<description><![CDATA[


'multi-select' 复选选择题
'select' 单选选择题
'input' 单行文本输入
'textarea' 多行文本输入
'level' 等级选择题
'boolean' 是非选择题
'date' 日期选择器
'time' 时间选择器
'region' 省市区三联选择器
'image' 图片选择器
'phone' 手机输入+验证码
'work' 行业二级联动选择器
'university' 大学二级联动选择器
'single-picker' 自定义单列选择器
'password' 密码输入
'foreign' 外国国家选取
'local' 获取当前位置信息
'drive' 车牌号输入



验证规则说明
规则名称	别名	用法	描述
require		['require']	必填项
(如不设置此项,则数据不为空时才进行其他规则验证)
number		['number']	是否为数值
chn		['chn']	是否为汉字
chnNum		['chnNum']	是否为汉字和数值
chnOrNum		['chnO]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=978</source>
<category>uni-app</category>
<pubDate>2021/8/14 10:28:43</pubDate>
</item>
<item>
<guid>958</guid>
<title>uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机</title>
<link>https://www.qwbm.com/new.asp?id=958</link>
<description><![CDATA[uni-app:使用uni.downloadFile下载文件并保存到手机

uni-app中下载文件需要先获取文件的临时路径，然后再进行保存，才算下载成功：
一定一定要注意设置设置小程序的对应下载域名
小程序---开发管理---服务器域名----downloadFile合法域名（在这里设置你要下载对应文件的下载域名。）


&lt;button class="l_bt l_addtx" @tap="qwbm_down_file()"&gt;小程序点击下载word或pdf文件并打开&lt;/button&gt;


qwbm_down_file: function() {
&nbsp;&nbsp;&nbsp; let url = encodeURI('http://127.0.0.1/2021会议记录.pdf'); //注意中文文件名的网络地址需要encodeURI
&nbsp;&nbsp;&nbsp; uni.downloadFile({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url, //文件链接
&nbsp]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=958</source>
<category>uni-app</category>
<pubDate>2021/8/14 10:28:43</pubDate>
</item>
<item>
<guid>957</guid>
<title>小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像</title>
<link>https://www.qwbm.com/new.asp?id=957</link>
<description><![CDATA[

用uni-app开发微信小程序制作电子名片功能时，除了拨打电话，还有把名片保存到通讯录中，
这个时候就要用到uni.addPhoneContact
调用后，用户可以选择将该表单以“新增联系人”或“添加到已有联系人”的方式（APP端目前没有选择步骤，将直接写入），写入手机系统通讯录，完成手机通讯录联系人和联系方式的增加。


一定一定要注意设置设置小程序的对应下载域名
小程序---开发管理---服务器域名----downloadFile合法域名（在这里设置你要下载对应文件的下载域名。）



这个是前台调用添加到通讯录的代码
&lt;button class="l_bt l_addtx"&nbsp;@tap="add_phone()"&gt;添加到通讯录&lt;/button&gt;

直接上我的代码（分为两种代码）：
A. 直接添加到通讯录

add_phone: function(b_touxiang) {
&nbsp; &nbsp; uni.addPhoneContact({
&nbsp; &nbsp; &nbsp; &nbsp; pho]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=957</source>
<category>uni-app</category>
<pubDate>2021/8/14 10:27:28</pubDate>
</item>
<item>
<guid>951</guid>
<title>微信小程序打开客服提示：该小程序提供的服务出现故障，请稍后重试</title>
<link>https://www.qwbm.com/new.asp?id=951</link>
<description><![CDATA[


1. 普通常见客服代码
&lt;button open-type="contact"&gt;普通客服按钮&lt;/button&gt;

2. 点击分享并且把当前小程序的卡片直接发送到客服页面中
&lt;button open-type="contact" show-message-card :send-message-img='message.img' :send-message-title="message.title" :send-message-path="message.path"&gt;带小程序的卡片微信客服代码&lt;/button&gt;

解决方案：
一、检查小程序是否授权给第三方（客服消息权限集不要授权给第三方）
二、检查小程序是否开启推送消息，如果有开启需关闭。

(左边设置---第三方设置---第三方平台授权管理--停止授权)



也有可能是下面的某个情况。

1. 几种常见的可能性：
&nbsp;&nbsp; a. 未回复success
&nbsp;&nbsp; b. 5秒内无响应


2. 通过查看日志]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=951</source>
<category>uni-app</category>
<pubDate>2021/3/23 10:58:15</pubDate>
</item>
<item>
<guid>950</guid>
<title>微信小程序客服会话只能过button让用户主动触发</title>
<link>https://www.qwbm.com/new.asp?id=950</link>
<description><![CDATA[




目前没有找到用view触发的方式
目前没有发现用JS调用客服窗口
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=950</source>
<category>uni-app</category>
<pubDate>2021/3/23 10:49:46</pubDate>
</item>
<item>
<guid>949</guid>
<title>uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用</title>
<link>https://www.qwbm.com/new.asp?id=949</link>
<description><![CDATA[使用条件: 必须用button的open-type为contact才可以调用微信小程序客服功能

1. 普通常见客服代码
&lt;button open-type="contact"&gt;这个是普通的客服按钮，这里是按钮内部嵌套代码，支持image图片、支持view、支持text嵌套代码&lt;/button&gt;



2. 点击分享并且把当前小程序的卡片直接发送到客服页面中
&lt;button open-type="contact" show-message-card :send-message-img='message.img' :send-message-title="message.title" :send-message-path="message.path"&gt;这个是点击客服向客服发送当前小程序的卡片的微信客服代码&lt;/button&gt;

{{message.img}}		要分享的卡片图片
{{message.title}}	要分享的卡片标题
{{message.path}}	要分享的卡片打开路径

send-message-]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=949</source>
<category>uni-app</category>
<pubDate>2021/3/23 10:08:46</pubDate>
</item>
<item>
<guid>948</guid>
<title>uni-app用map组件建立微信小程序显示商家地图位置并且打上标志然后点标志进行调用手机地图导航到对应的地址</title>
<link>https://www.qwbm.com/new.asp?id=948</link>
<description><![CDATA[



&lt;map
id="map"
:longitude="map_longitude"
:latitude="map_latitude"
:markers="map_alllist"
@markertap="markertap"
@regionchange="regionchange"
scale="14"
show-location
class="map_cont"
style="width:100%;height:500rpx;"&gt;&lt;/map&gt;


01. 请看一下这个下面是map_alldata的数据：
"mapdian_arrdata": [{
&nbsp;&nbsp;&nbsp; "data_state": "success",
&nbsp;&nbsp;&nbsp; "data_list": [{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "id": 0,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=948</source>
<category>uni-app</category>
<pubDate>2021/3/17 0:30:25</pubDate>
</item>
<item>
<guid>947</guid>
<title>用uni-app开发微信小程序用uni.makePhoneCall拨打电话</title>
<link>https://www.qwbm.com/new.asp?id=947</link>
<description><![CDATA[微信小程序拨打电话相关代码





&lt;text @tap="call_phone('' + gs_phone)"&gt;点击拨打电话&lt;/text&gt;
//打电话
call_phone: function(bphone) {
&nbsp;&nbsp;&nbsp; uni.makePhoneCall({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; phoneNumber: '' + bphone, // 手机号
&nbsp;&nbsp;&nbsp; });
},




uni.makePhoneCall(OBJECT) 拨打电话。

OBJECT 参数说明
参数名		类型		必填	说明
phoneNumber	String		是	需要拨打的电话号码
success		Function	否	接口调用成功的回调
fail		Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）


代码调用示例
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=947</source>
<category>uni-app</category>
<pubDate>2021/3/17 0:18:41</pubDate>
</item>
<item>
<guid>946</guid>
<title>uni.openLocation打开地图导航没反应解决方式（参数都设置对就是打不开）</title>
<link>https://www.qwbm.com/new.asp?id=946</link>
<description><![CDATA[在用uni-app开发微信小程序地图导航时用到uni.openLocation做导航时遇到问题。
注意经纬度的数据类型

参数名		类型		必填	说明	平台差异说明
latitude&nbsp; Float&nbsp; &nbsp;是		纬度，范围为-90~90，负数表示南纬，使用 gcj02 国测局坐标系	
longitude&nbsp; Float&nbsp; 是		经度，范围为-180~180，负数表示西经，使用 gcj02 国测局坐标系	
scale&nbsp; &nbsp; Int&nbsp; &nbsp; 否&nbsp; 缩放比例，范围5~18，默认为18	微信小程序
name&nbsp; &nbsp; &nbsp;String&nbsp; 否		位置名	支付宝必填
address&nbsp; &nbsp;String&nbsp; 否		地址的详细说明	支付宝必填
success&nbsp; &nbsp;Function	否		接口调用成功的回调函数	
fail&nbsp; &nbsp; &nbsp;Function	否		接口调用失败的回调函数	
c]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=946</source>
<category>uni-app</category>
<pubDate>2021/3/16 23:52:37</pubDate>
</item>
<item>
<guid>931</guid>
<title>uni-app按钮button利用css伪类after去除灰色边框</title>
<link>https://www.qwbm.com/new.asp?id=931</link>
<description><![CDATA[在用uni-app开发小程序时，当使用按钮button时出现灰色边框border。
去除按钮背景样式(background:none;)、去除外围边框boder为空(border:none;)还是存在，最后查资料用css伪类after处理掉了



以下是代码样式效果，大家可以复制代码测度

&lt;template&gt;
&lt;view&gt;
&lt;button class="qwbmbutton qwbmbutton1"&gt;uni-app按钮去除背景&lt;/button&gt;
&lt;button class="qwbmbutton qwbmbutton2"&gt;uni-app按钮去除外框border&lt;/button&gt;
&lt;button class="qwbmbutton qwbmbutton3"&gt;uni-app按钮去除背景与外框border&lt;/button&gt;
&lt;button class="qwbmbutton qwbmbutton4"&gt;uni-app按钮去除背景与外框border加after伪]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=931</source>
<category>uni-app</category>
<pubDate>2021/2/5 21:47:30</pubDate>
</item>
<item>
<guid>930</guid>
<title>微信小程序发送给朋友与分享到朋友圈显示灰色的但是按钮分享可以使用</title>
<link>https://www.qwbm.com/new.asp?id=930</link>
<description><![CDATA[

在做小程序分享时，在上传之前忘记测试分享功能，因为当时只使用了按钮分享功能

按钮分享代码
&lt;button class="class_guanzhu" data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share"&gt;发给好友&lt;/button&gt;
&lt;button data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share"&gt;发到朋友圈&lt;/button&gt;

但是点击小程序顶部的三点里面的分享
就发现发送给朋友与分享到朋友圈全是灰色不可以点击的。
这是因为你没有设置相关的配置。需要设置当前页面的


以下的代码是uni-app开发使用的，不是小程序开发工具使用的，请一定要注意。
//发送给朋友
onShareAppMessage(res) {
&nbsp; return {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title:this.sharedata.title,
&n]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=930</source>
<category>uni-app</category>
<pubDate>2021/1/31 23:01:10</pubDate>
</item>
<item>
<guid>929</guid>
<title>uni-app微信小程序分享微信好友与分享到朋友圈功能</title>
<link>https://www.qwbm.com/new.asp?id=929</link>
<description><![CDATA[


微信小程序的本地真机测试也是有效的，或者上传的体验版也是可以正常使用的，不一定非要正式版才可以使用。

这个是按钮的分享，就是点击一下按钮就可以分享出去

&lt;button class="class_guanzhu" data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share"&gt;发给好友&lt;/button&gt;
&lt;button data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share"&gt;发到朋友圈&lt;/button&gt;




用uni-app开发的微信小程序要调用分享功能
以下是点击小程序边上三个点点时调用的代码
将每一个页面的分享功能弄成组件调用。

1、创建一个js文件（share.js）
&nbsp;&nbsp;&nbsp; export default{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data(){
&nbsp;&nbsp;]]></description>
<author>深山工作室</author>
<source>https://www.qwbm.com/new.asp?id=929</source>
<category>uni-app</category>
<pubDate>2021/1/31 22:24:29</pubDate>
</item>
<item>
<guid>928</guid>
<title>uni-app开发的微信小程序在线支付</title>
<link>https://www.qwbm.com/new.asp?id=928</link>
<description><![CDATA[

在用uni-app开发小程序时，需要使用微信小程序在线支付

处理发起支付流程如下



01. 向服务器发送微信小程序支付请求，发送的请教中，一定要带上当前小程序用户的openid
&nbsp; 将支付的钱与支付订单号向后台发送

02.后台接收订单内容后，向微信支付平台发一个请求，获得如下内容
以下是发送请教之后，支付程序返回的代码
{
&nbsp;&nbsp;&nbsp; "data_state": "success",
&nbsp;&nbsp;&nbsp; "prompting": "下单成功",
&nbsp;&nbsp;&nbsp; "data_list": {
&nbsp; &nbsp; &nbsp; "appId": "wxc45312345678902",
&nbsp; &nbsp; &nbsp; "package": "prepay_id=wx31244255725616c79ca227f95eaee60000",
&nbsp; &nbsp; &nbsp; "timeStamp": "1612101428",
&nbsp; ]]></description>
<author>深山工作室</author>
<source>https://www.qwbm.com/new.asp?id=928</source>
<category>uni-app</category>
<pubDate>2021/1/31 21:47:10</pubDate>
</item>
<item>
<guid>925</guid>
<title>uni-app三目运算class和style</title>
<link>https://www.qwbm.com/new.asp?id=925</link>
<description><![CDATA[&lt;text :style="(yangshi &gt; '0'?'#04f':'#f20')" style="color:red;"&gt;三元运算符&lt;/text&gt;


&lt;i class="iconfont" :class="[yangshi=='yes'?'icon':'icon-on']"&gt;三目运算符&lt;/i&gt;
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=925</source>
<category>uni-app</category>
<pubDate>2021/1/8 21:47:38</pubDate>
</item>
<item>
<guid>924</guid>
<title>uni-app跨端开发微信小程序时页面栈超过10层时小程序像卡死一样假性不能点击无法跳转的解决方案</title>
<link>https://www.qwbm.com/new.asp?id=924</link>
<description><![CDATA[制作的小程序当点击弹出层超过10层时就会在页面怎么点也没有反应效果，就像手机卡死一样。（我一开始以为写的程序有死循环卡死了，怎么也检查不出来）


但是微信小程序中有特别说明：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html
wx.navigateTo(Object object)
保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。
使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。


如何查看页面栈数量
如果你用navigateTo做链接跳转，就会很快的成为10层以上。所以使用时一定要注意。
redirectTo、navigateBack、switchTab、reLaunch 这四个的使用环境是不一样的。
通过执行getCurrentPages()这个函数可以查看当前小程序中页面栈的数量。


最后参考了资料与别人的想法。
封装一个名叫linkJump的方法，然后页面上的链接跳转时全部要通过这个]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=924</source>
<category>uni-app</category>
<pubDate>2021/1/5 20:10:06</pubDate>
</item>
<item>
<guid>923</guid>
<title>微信小程序开发中链接navigateTo与redirectTo的对比说明</title>
<link>https://www.qwbm.com/new.asp?id=923</link>
<description><![CDATA[uni.navigateTo(OBJECT)
保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
如果一直用navigateTo，当微信小程序使用时，当点击超过10层时，会让微信小程序像卡死一样，点是没有效果的，只有返回上一层，才可以再点一层。这里需要另外的处理方法

uni.redirectTo(OBJECT)
关闭当前页面，跳转到应用内的某个页面。
这个随便点击次数，但是当苹果手机或者安卓手机左划时，就会直接退出小程序，而不是返回上一级，这个要注意。

getCurrentPages()
用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。
注意： getCurrentPages()仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。

]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=923</source>
<category>uni-app</category>
<pubDate>2021/1/5 19:50:31</pubDate>
</item>
<item>
<guid>920</guid>
<title>uni-app微信小程序获得用户头像与名称</title>
<link>https://www.qwbm.com/new.asp?id=920</link>
<description><![CDATA[
如果只是调用显示微信用户头像与用户名称，不需要其它，就用下面的代码就行。
&lt;open-data class="l_tu" type="userAvatarUrl"&gt;&lt;/open-data&gt;
&lt;open-data class="l_text" type="userNickName"&gt;&lt;/open-data&gt;




以下是可以改成不同客户端调用显示不同的信息
&lt;template&gt;
&lt;view&gt;
&lt;view class="tx-w"&gt;
&lt;view class="tx"&gt;
&lt;image class="tx-img" :src="yonghuwx.avatarUrl"&gt;&lt;/image&gt;
&lt;view class="zx"&gt;&lt;/view&gt;
&lt;/view&gt;
&lt;view class="name"&gt;{{yonghuwx.nickName}} &lt;/view&gt;
&lt;view class="n]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=920</source>
<category>uni-app</category>
<pubDate>2020/12/18 14:13:25</pubDate>
</item>
<item>
<guid>918</guid>
<title>微信小程序转uni-app项目</title>
<link>https://www.qwbm.com/new.asp?id=918</link>
<description><![CDATA[原文链接：https://ask.dcloud.net.cn/article/36037
项目源码：https://github.com/zhangdaren/miniprogram-to-uniapp
处理方式：https://www.cnblogs.com/Can-daydayup/p/12453173.html
下载uni-app插件 下载地址：https://ext.dcloud.net.cn/plugin?id=2656

三、它能做哪些事情？
支持微信、QQ、头条/抖音、支付宝/钉钉和百度等小程序转换到 uni-app 项目
支持有/无云开发的小程序项目转换为 uni-app 项目(cloudfunctions 目录将被忽略，uni-app 结合小程序云开发见：使用 uni-app 进行微信小程序云开发经验分享)
支持解析 TypeScript 小程序项目
支持解析使用 npm 模块的小程序项目
支持解析 include 标签
支持解析 template 标签
支持解析 Behavior 文件为 mixins 文件
支持.js', .wxml 和*]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=918</source>
<category>uni-app</category>
<pubDate>2020/12/16 22:20:58</pubDate>
</item>
<item>
<guid>916</guid>
<title>支持win7的node.js版本</title>
<link>https://www.qwbm.com/new.asp?id=916</link>
<description><![CDATA[

从官网看了都是最新的版本，我这电脑是win7的，最新版支持最低版本win8.1.

只能找一个支持win7、的node版本。

官网：https://nodejs.org/en/download/

历史版本：https://nodejs.org/en/download/releases/


检查一下是否成功
1. 电脑 运行 输入 cmd 
2. 输入： node -v
3. 提示：12.18.4&nbsp; （代表成功，这里的12.18.4代表版本号）

如果提示不是内部代码就代表不成功


win7一定要安装旧版，新版本不支持。
压缩文件夹中包括：
node.exe下载
node-v12.1.0-x64.msi下载
node-v12.20.0-x64.msi下载
node-v14.15.1-x64.msi下载
下载链接链接: https://pan.baidu.com/s/15wQMHC8ghAAj-i1iRNC3Pw 提取码: e3kw&nbsp;

]]></description>
<author>深山工作室</author>
<source>https://www.qwbm.com/new.asp?id=916</source>
<category>uni-app</category>
<pubDate>2020/12/16 21:57:53</pubDate>
</item>
<item>
<guid>915</guid>
<title>uni-app浏览历史记录功能实现</title>
<link>https://www.qwbm.com/new.asp?id=915</link>
<description><![CDATA[uni-app浏览历史记录功能实现
searchStart: function () {
&nbsp; let _this = this;
&nbsp; if (_this.searchText == '') {//搜索关键词为空
&nbsp;&nbsp;&nbsp; uni.showToast({//提示信息
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title: '请输入关键字',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; icon: 'none',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; duration: 1000
&nbsp;&nbsp;&nbsp; });
&nbsp; } else {
&nbsp;&nbsp;&nbsp; uni.getStorage({//从缓存中取搜索历史记录的数组
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; key: 'search_cache',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; success(res) {//获取]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=915</source>
<category>uni-app</category>
<pubDate>2020/12/11 23:20:06</pubDate>
</item>
<item>
<guid>914</guid>
<title>uni-app 搜索、历史记录功能简单实现</title>
<link>https://www.qwbm.com/new.asp?id=914</link>
<description><![CDATA[实现功能
1.点击搜索，把搜索的值存入本地记录，并展示
2.搜索相同的值，要删除旧数据，把新数据放进数组首位
3.清空历史记录


&lt;template&gt;
&lt;view&gt;
&lt;!-- 搜索框 --&gt;
&lt;view class="search"&gt;
&lt;view style="display: flex;align-items: center;"&gt;
&lt;text class="iconfont icon-sousuo position-absolute text-muted"&gt;&lt;/text&gt;
&lt;input class="searchInput" v-model="inputValue" @confirm="search" placeholder="搜索" type="text" /&gt;
&lt;/view&gt;
&lt;view&gt;取消&lt;/view&gt;
&lt;/view&gt;
&lt;!-- 搜索框 --&gt;

&lt;!-- 搜索历史 --&gt;]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=914</source>
<category>uni-app</category>
<pubDate>2020/12/11 23:19:01</pubDate>
</item>
<item>
<guid>913</guid>
<title>uni-app判断输入内容是否符合要求</title>
<link>https://www.qwbm.com/new.asp?id=913</link>
<description><![CDATA[
//放进去判断的变量：variable

if (!(/(^[1-9]\d*$)/.test(variable)){
//如果不是数字...
}
if (!/^\d+(\.\d{1,2})?$/.test(variable)){
//如果小数点后不是2位...
}
if (!(/^1[3456789]\d{9}$/.test(variable))){
//如果不是电话号码...（能识别位数、开头是否符合）
}
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=913</source>
<category>uni-app</category>
<pubDate>2020/12/11 23:17:47</pubDate>
</item>
<item>
<guid>907</guid>
<title>uni-app操作json数组</title>
<link>https://www.qwbm.com/new.asp?id=907</link>
<description><![CDATA[一、数组更新
&nbsp;&nbsp;&nbsp; push() 新增到最后一个
&nbsp;&nbsp;&nbsp; pop() 删除最后一个
&nbsp;&nbsp;&nbsp; shift() 删除前一个
&nbsp;&nbsp;&nbsp; unshift() 新增到第一个
&nbsp;&nbsp;&nbsp; splice()删除所有
&nbsp;&nbsp;&nbsp; sort()
&nbsp;&nbsp;&nbsp; reverse()第一个和最后一个交换
&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; 示例：
&nbsp;&nbsp;&nbsp; nameList: [{name: '张三'},{name: '李四'},{name: '王五'}]
&nbsp;&nbsp;&nbsp; _this.nameList.push({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: '编码'
&nbsp;&nbsp;&nbsp; });

二、filter()、con]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=907</source>
<category>uni-app</category>
<pubDate>2020/10/26 21:09:19</pubDate>
</item>
<item>
<guid>906</guid>
<title>uni-app自定义loading组件</title>
<link>https://www.qwbm.com/new.asp?id=906</link>
<description><![CDATA[这个是uni-app自定义loading的组件，以下是代码



&lt;template&gt;
&lt;!-- visible控制toast的显隐，text为提示文本 --&gt;
&lt;view class="loading-toast" v-if="visible"&gt;
&lt;view class="toast-mask"&gt;&lt;/view&gt;
&lt;view class="toast-tip"&gt;{{text}}&lt;/view&gt;
&lt;/view&gt;
&lt;/template&gt;

&lt;script&gt;
export default {
name: "loading-toast",
props: {
text: {
type: String,
default: "加载中..."
},
visible: {
type: Boolean,
default: false
}
}
}
&lt;/script&gt;

&lt;style&gt;
.loading-toas]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=906</source>
<category>uni-app</category>
<pubDate>2020/10/26 13:46:09</pubDate>
</item>
<item>
<guid>905</guid>
<title>uni-app一个像商城分类中心一样的联动侧边栏导航分类</title>
<link>https://www.qwbm.com/new.asp?id=905</link>
<description><![CDATA[&lt;template&gt;
&lt;view&gt;
&lt;view class="ld"&gt;
&lt;view class="left"&gt;
&lt;scroll-view :scroll-y="true" :scroll-with-animation="true" :scroll-into-view="clickToId" :style="{ height: windowHeight }"&gt;
&lt;view v-for="(item, index) in list" :key="index"&gt;
&lt;view :class="['title', { active: index === currentNum }]" :id="'to' + index" @click="setId(index)"&gt;{{ item.title }}&lt;/view&gt;
&lt;/view&gt;
&lt;/scroll-view&gt;
&lt;/view&gt;
&lt;view class="right"&gt;
&lt;scroll]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=905</source>
<category>uni-app</category>
<pubDate>2020/10/1 17:07:20</pubDate>
</item>
<item>
<guid>904</guid>
<title>uni-app实现tab选项卡</title>
<link>https://www.qwbm.com/new.asp?id=904</link>
<description><![CDATA[HTML

&lt;view class="end-title"&gt;
　　&lt;view @tap="change(0)" :class="{btna:btnnum == 0}"&gt;基本信息&lt;/view&gt;
&nbsp; 　&lt;view @tap="change(1)" :class="{btna:btnnum == 1}"&gt;公告信息&lt;/view&gt;
　　&lt;view @tap="change(2)" :class="{btna:btnnum == 2}"&gt;换区信息&lt;/view&gt;
&lt;/view&gt;
&lt;view class="end-cont" :class="{dis:btnnum == 0}"&gt;0信息&lt;/view&gt;
&lt;view class="end-cont" :class="{dis:btnnum == 1}"&gt;1信息&lt;/view&gt;
&lt;view class="end-cont" :class="{dis:btnnum == 2}"&gt;2]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=904</source>
<category>uni-app</category>
<pubDate>2020/9/27 16:09:39</pubDate>
</item>
<item>
<guid>903</guid>
<title>uni-app的父与子页面传递参数之属性Props字段类型讲解</title>
<link>https://www.qwbm.com/new.asp?id=903</link>
<description><![CDATA[Vue.component('myComponent', {
&nbsp; props: {
&nbsp;&nbsp;&nbsp; // 基础类型检测 (`null` 意思是任何类型都可以)
&nbsp;&nbsp;&nbsp; propA: Number,
&nbsp;&nbsp;&nbsp; // 多种类型
&nbsp;&nbsp;&nbsp; propB: [String, Number],
&nbsp;&nbsp;&nbsp; // 必传且是字符串
&nbsp;&nbsp;&nbsp; propC: {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type: String,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; required: true
&nbsp;&nbsp;&nbsp; },
&nbsp;&nbsp;&nbsp; // 数字，有默认值
&nbsp;&nbsp;&nbsp; propD: {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type: Number,
&nbsp;&nbsp]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=903</source>
<category>uni-app</category>
<pubDate>2020/9/25 22:35:17</pubDate>
</item>
<item>
<guid>902</guid>
<title>uni-app判断当前客户端是安卓还是ios还是其它平台</title>
<link>https://www.qwbm.com/new.asp?id=902</link>
<description><![CDATA[uni-app是一款强大的前端框架，可以打包原生app、手机h5页面、微信小程序。
但是有一个问题就是原生的app和微信小程序是有一定的区别的，因为app有标题栏，返回键，而微信小程序自带了，那判断平台的语法就很重要了


1、uni-app 编译为小程序时均为生产环境，可用过 uni.getSystemInfoSync().platform 判断是在微信开发者工具里运行还是在手机里运行。
&nbsp;&nbsp;&nbsp; if(uni.getSystemInfoSync().platform === 'devtools'){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; console.log('运行在开发工具上')
&nbsp;&nbsp;&nbsp; }else{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; console.log('运行在手机中')
&nbsp;&nbsp;&nbsp; }

2、uni-app 编译为 H5 或 App 时，可通过process.env.]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=902</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:52:28</pubDate>
</item>
<item>
<guid>901</guid>
<title>uni-app基础知识事件传参（动态参数演示）</title>
<link>https://www.qwbm.com/new.asp?id=901</link>
<description><![CDATA[&lt;template&gt;
&lt;view&gt;
&nbsp;&nbsp; &lt;view v-for="(item, index) in students" class="persons" @click="menuClick" v-bind:id="index"&gt;{{index}} - {{item.name}}&lt;/view&gt;
&lt;/view&gt;
&lt;/template&gt;
&lt;script&gt;
export default {
data: {
&nbsp; students : [
&nbsp;&nbsp; {name : "张三", age : 18},
&nbsp;&nbsp; {name : "李四", age : 20}
&nbsp; ]
},
methods:{
menuClick : function(e){
&nbsp; console.log(e);
&nbsp; console.log(e.target.id);
}
},
}
&lt;/script&gt;
&lt;s]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=901</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:50:18</pubDate>
</item>
<item>
<guid>900</guid>
<title>uni-app基础知识事件绑定@click与@tap点击事件区别</title>
<link>https://www.qwbm.com/new.asp?id=900</link>
<description><![CDATA[我最喜欢的操作是 @tap="这个是自定义点击事件" 总觉得比@click好用。
tap和click的区别：

两者都会在点击时触发，但是在web手机端，clikc会有200-300ms的延时，所以要用tap代替click作为点击事件，singleTap和doubleTap分别作为单次点击和双击，但是使用tap会带来点透事件(事件穿透)。

&lt;template&gt;
&lt;view class="demo" @tap="clickTest"&gt;这个是tap&lt;/view&gt;
&lt;view class="demo" @click="clickTest" @longtap="longtap"&gt;这个是click&lt;/view&gt;
&lt;/template&gt;
&lt;script&gt;
export default {
methods:{
&nbsp; clickTest: function(e){
&nbsp;&nbsp; console.log(e);
&nbsp;&nbsp; console.log('clic]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=900</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:49:33</pubDate>
</item>
<item>
<guid>899</guid>
<title>uni-app基础知识页面事件与web事件的对比</title>
<link>https://www.qwbm.com/new.asp?id=899</link>
<description><![CDATA[事件映射表，左侧为 WEB 事件，右侧为 uni-app 对应事件


{
&nbsp;&nbsp;&nbsp; click: 'tap',
&nbsp;&nbsp;&nbsp; touchstart: 'touchstart',
&nbsp;&nbsp;&nbsp; touchmove: 'touchmove',
&nbsp;&nbsp;&nbsp; touchcancel: 'touchcancel',
&nbsp;&nbsp;&nbsp; touchend: 'touchend',
&nbsp;&nbsp;&nbsp; tap: 'tap',
&nbsp;&nbsp;&nbsp; longtap: 'longtap',
&nbsp;&nbsp;&nbsp; input: 'input',
&nbsp;&nbsp;&nbsp; change: 'change',
&nbsp;&nbsp;&nbsp; submit: 'submit',
&nbsp;&nbsp;&nbsp; blur: 'blur',
&nbsp;&nbsp;&nbsp; focus: ]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=899</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:44:34</pubDate>
</item>
<item>
<guid>898</guid>
<title>uni-app基础知识使用hidden条件显示</title>
<link>https://www.qwbm.com/new.asp?id=898</link>
<description><![CDATA[&lt;template&gt;
&lt;view&gt;
&nbsp; &lt;view v-for="(item, index) in students"&gt;
&nbsp;&nbsp; &lt;view class="persons"&gt;{{index}} - {{item.name}}&lt;/view&gt;
&nbsp; &lt;/view&gt;
&nbsp; &lt;view v-hidden="show"&gt;
&nbsp;&nbsp; 这里是条件展示的内容....这个hidden，是已经通过渲染出数据在页面上，但只是现在没有显示出来，如果是大数据量，不想显示的，不推荐用hidden
&nbsp; &lt;/view&gt;
&lt;/view&gt;
&lt;/template&gt;
&lt;script&gt;
export default {
data: {
&nbsp; students : [
&nbsp;&nbsp; {name : "张三", age : 18},
&nbsp;&nbsp; {name : "李四"]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=898</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:35:10</pubDate>
</item>
<item>
<guid>897</guid>
<title>uni-app基础知识条件渲染</title>
<link>https://www.qwbm.com/new.asp?id=897</link>
<description><![CDATA[&lt;template&gt;
&lt;view&gt;
&nbsp; &lt;view v-for="(item, index) in students"&gt;
&nbsp;&nbsp; &lt;view class="persons"&gt;{{index}} - {{item.name}}&lt;/view&gt;
&nbsp; &lt;/view&gt;
&nbsp; &lt;view v-if="show"&gt;
&nbsp;&nbsp; 这里是条件展示的内容....
&nbsp; &lt;/view&gt;
&lt;/view&gt;
&lt;/template&gt;
&lt;script&gt;
export default {
data: {
&nbsp; students : [
&nbsp;&nbsp; {name : "张三", age : 18},
&nbsp;&nbsp; {name : "李四", age : 20}
&nbsp; ],
&nbsp; show:false //这个就是对应的条件
},
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=897</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:33:42</pubDate>
</item>
<item>
<guid>896</guid>
<title>uni-app基础知识列表渲染</title>
<link>https://www.qwbm.com/new.asp?id=896</link>
<description><![CDATA[&lt;template&gt;
&lt;view&gt;
这个就是开始循环的段落
&nbsp; &lt;view v-for="(item, index) in students"&gt;
&nbsp;&nbsp; &lt;view class="persons"&gt;{{index}} - {{item.name}}&lt;/view&gt;
&nbsp; &lt;/view&gt;
&lt;/view&gt;
&lt;/template&gt;
&lt;script&gt;
export default {
data: {
&nbsp; students : [
&nbsp;&nbsp; {name : "张三", age : 18},
&nbsp;&nbsp; {name : "李四", age : 20}
&nbsp; ]
},
onLoad:function(options){
&nbsp; console.log("onLoad");
},
onHide:function(){
&nbsp; console.log("onHide]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=896</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:32:15</pubDate>
</item>
<item>
<guid>895</guid>
<title>uni-app基础知识数组形式的数据绑定</title>
<link>https://www.qwbm.com/new.asp?id=895</link>
<description><![CDATA[data: {
&nbsp; students : [
&nbsp;&nbsp; {name : "张三", age : 18},
&nbsp;&nbsp; {name : "李四", age : 20}
&nbsp; ]
}, 
//调用
&lt;view&gt;
{{students[0]['name']}}
{{students[0].name}}
&lt;/view&gt;


这个就是数组绑定
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=895</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:31:16</pubDate>
</item>
<item>
<guid>894</guid>
<title>uni-app基础知识数据绑定</title>
<link>https://www.qwbm.com/new.asp?id=894</link>
<description><![CDATA[变量赋值：

&lt;script&gt;
export default {
data: {
&nbsp; title: 'Hello',
&nbsp; name : 'hcoder'
}, .....

在视图中使用 {{}} 调用变量：

&lt;template&gt;
&lt;view class="content"&gt;
&nbsp; &lt;text class="title"&gt;{{title}}&lt;/text&gt;
&nbsp; &lt;view&gt;
&nbsp;&nbsp; hi....{{name}}
&nbsp; &lt;/view&gt;
&lt;/view&gt;
&lt;/template&gt;
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=894</source>
<category>uni-app</category>
<pubDate>2020/9/25 20:29:10</pubDate>
</item>
<item>
<guid>893</guid>
<title>uni-app设置像页面html或者body的全局背景色</title>
<link>https://www.qwbm.com/new.asp?id=893</link>
<description><![CDATA[uni-app设置像页面html或者body的全局背景色

page{background: #000000;}

uni-app编译之后是body {background:#000000;}
可以放在根目录的 app.vue

如果想每个单独页面设置对应不同的背景色，可以对应页面的style
比如/pages/news/index/index.vue

那就在index.vue下面的style里面加入 page{background: #ff9900;}
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=893</source>
<category>uni-app</category>
<pubDate>2020/9/23 14:18:01</pubDate>
</item>
<item>
<guid>892</guid>
<title>uni-app全局载入模板与某个页面单独加载入模板写法</title>
<link>https://www.qwbm.com/new.asp?id=892</link>
<description><![CDATA[在项目处理过程有些模板要每次都调用，就可以直接全部加载与按需求情况而加载

1. 全局加载某个自定义的vue模板写法（一定要写在根目录的main.js里面）
&nbsp; import qwbmtopcont from "./components/qwbm/pub_top_cont1.vue"	//跟某个页面单独加载模板写法一样
&nbsp; Vue.component('qwbm_pub_topcont',qwbmtopcont)					//这里要注意

&nbsp; qwbmtopcont 可以随便定义，只要下面也调用qwbmtopcont就行
&nbsp; qwbm_pub_topcont 是在页面中调用的模板组件名称

2. 某个页面单独加载某个自定义的vue模板写法（这个只要写在对应的页面中就行了）
&nbsp; import qwbm_pub_topcont from '@/components/qwbm/pub_top_cont1.vue'	//先挂载模板，注意@为你文件存放地址

&nbsp; components: {
&nbsp;&nbs]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=892</source>
<category>uni-app</category>
<pubDate>2020/9/18 8:27:05</pubDate>
</item>
<item>
<guid>891</guid>
<title>uni-app去除点击navigator标签时有背景底色问题</title>
<link>https://www.qwbm.com/new.asp?id=891</link>
<description><![CDATA[&lt;navigator hover-class="none" url="这个是链接"&gt;这个是标签&lt;/navigator&gt;

当点击链接时背景有一个底色反馈，有时候想去除只要加上 hover-class="none"
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=891</source>
<category>uni-app</category>
<pubDate>2020/9/18 8:15:02</pubDate>
</item>
<item>
<guid>890</guid>
<title>用uni-app里面的navigator做链接时感觉像有缓存只能点其中一个链接</title>
<link>https://www.qwbm.com/new.asp?id=890</link>
<description><![CDATA[用uni-app里面的navigator做链接时（前提是这些链接全部指向一个文件），当点击链接时，感觉像有缓存只能点一个，当有好多个链接时，只能点其中某一个。
比如下面有几个指向同一个地址的链接，只能点其中某一个，再点其它就不行，或者你点再一下首页，然后再次可以点一次链接，同样其它链接也不能再点

以下是链接地址，怎么看都没有问题，对应的页面也没有问题。那么问题错在那里呢？
&lt;navigator url="/pages/news/show/show?id=1"&gt;详细1&lt;/navigator&gt;
&lt;navigator url="/pages/news/show/show?id=2"&gt;详细2&lt;/navigator&gt;
&lt;navigator url="/pages/news/show/show?id=3"&gt;详细3&lt;/navigator&gt;
&lt;navigator url="/pages/news/show/show?id=4"&gt;详细4&lt;/navigator&gt;&nbsp;&nbsp;&nbsp]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=890</source>
<category>uni-app</category>
<pubDate>2020/9/17 16:11:26</pubDate>
</item>
<item>
<guid>889</guid>
<title>uni-app 动态设置页面标题 setNavigationBarTitle</title>
<link>https://www.qwbm.com/new.asp?id=889</link>
<description><![CDATA[uni.setNavigationBarTitle({
　　title:res.data.title
})
res.data.title 动态变量


或者


uni.setNavigationBarTitle({
　　title:'这个是页面标题'
})
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=889</source>
<category>uni-app</category>
<pubDate>2020/9/16 22:52:00</pubDate>
</item>
<item>
<guid>888</guid>
<title>vue uni-app判断空字符串/null/undefined或者有误字段</title>
<link>https://www.qwbm.com/new.asp?id=888</link>
<description><![CDATA[如果你想判断是否为「有效值」



你可以用
if(value){
//写上你要操作的行为 
}

这样将会过滤掉:

- null
- undefined
- NaN
- empty (string) ''
- 0 
- false



然后你可以用来判断 空字符串 / null / undefined的方法
function isEmpty(str) {
&nbsp;&nbsp;&nbsp; return (!str || 0 === str.length);
}
function isBlank(str) {
&nbsp;&nbsp;&nbsp; return (!str || /^\s*$/.test(str));
}

针对纯字符串是否为空白和只包含空白
String.prototype.isEmpty = function() {
&nbsp;&nbsp;&nbsp; return (this.length === 0 || !this.trim());
};
]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=888</source>
<category>uni-app</category>
<pubDate>2020/9/16 8:41:37</pubDate>
</item>
<item>
<guid>887</guid>
<title>uniapp的rich-text组件注入的a标签点击跳转处理</title>
<link>https://www.qwbm.com/new.asp?id=887</link>
<description><![CDATA[关于rich-text组件动态注入的HTML代码中包含a标签 不能点击跳转

以下是有问题的部分
nodes: [{
name: 'div',
attrs: {
class: 'div-class',
style: 'line-height: 60px; color: red; text-align:center;',
onclick: 'javascript:alert(222)'
},
children: [{
type: 'text',
text: 'Hello&amp;nbsp;uni-app!'
}]
这样注入onclick事件也执行不了。。。。rich-text组件

解决方法：

可以将rich-text组件换成uParse组件，uParse组件可以实现动态注入a标签跳转

&lt;uParse :content="strings" @preview="preview" @navigate="navigate" /&gt;

navigate就是点击跳转方法

在method中加上navigate函数：

navigat]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=887</source>
<category>uni-app</category>
<pubDate>2020/9/15 15:45:46</pubDate>
</item>
<item>
<guid>886</guid>
<title>uni-app自定义组件调用</title>
<link>https://www.qwbm.com/new.asp?id=886</link>
<description><![CDATA[uni-app自定义组件
步骤1.在项目中新建一个 component文件夹, 用来存放公用组件

在新建组件中需要在 template中为组件绑定名称,如 itemMoive

&lt;template name="itemMoive"&gt;
&nbsp;&nbsp;&nbsp; &lt;view class="item"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;image :src=" movie.images.large " class="photo"&gt;&lt;/image&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;view class="title"&gt;{{ movie.title }}&lt;/view&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;view class="score"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=886</source>
<category>uni-app</category>
<pubDate>2020/9/15 15:31:39</pubDate>
</item>
<item>
<guid>885</guid>
<title>uni-app与HTML的标签变化对比</title>
<link>https://www.qwbm.com/new.asp?id=885</link>
<description><![CDATA[组件/标签的变化
以前是html标签，现在是小程序标签

div 改成 view
span、font 改成 text
a 改成 navigator
img 改成 image
input 还在，但type属性改成了confirmtype
form、button、checkbox、radio、label、textarea、canvas、video 这些还在。
select 改成 picker
iframe 改成 web-view
ul、li没有了，都用view替代
audio 不再推荐使用，改成api方式，背景音频api文档
其实老的HTML标签也可以在uni-app里使用，uni-app编译器会在编译时把老标签转为新标签。但不推荐这种用法，调试H5端时容易混乱，基于元素的选择器也会出问题。
除了改动外，新增了一批手机端常用的新组件

scroll-view 可区域滚动视图容器
swiper 可滑动区域视图容器
icon 图标
rich-text 富文本（不可执行js，但可渲染各种文字格式和图片）
progress 进度条
slider 滑块指示器]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=885</source>
<category>uni-app</category>
<pubDate>2020/9/15 15:27:24</pubDate>
</item>
<item>
<guid>884</guid>
<title>uni-app实现上拉加载，下拉刷新（下拉带动画）</title>
<link>https://www.qwbm.com/new.asp?id=884</link>
<description><![CDATA[直接展示代码,uni-app的上拉加载动画


1 . 在pages.json添加允许下拉刷新
&nbsp;&nbsp;&nbsp; {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "path":"pages/lookuser/lookuser",
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "style":{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "navigationBarTitleText":"用户日志",
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "enablePullDownRefresh": true//就是这个
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }
&nbsp;&nbsp;&nbsp; }



2. 上拉加载更多组件
比如]]></description>
<author></author>
<source>https://www.qwbm.com/new.asp?id=884</source>
<category>uni-app</category>
<pubDate>2020/9/15 15:20:52</pubDate>
</item>
</channel>
</rss>
