uni-app,uni-app开发教程,uni-app知识系列问题

uniapp复制至剪贴板的使用

2021-01-19

uniapp小程序中，有时需要复制内容到剪贴板，可以使用以下方法实现点击按钮复制至手机剪贴板。<template> ;;;;;;;;;<view> ;;;;;;;;;;;;;;;;;;;<button;type="default";@click="copy">复制</button> ;;;;;;;;;<view> </template>复制方法代码：<script> ;;;;;;;;;export;default;{ ;;;;;;;;;;;;;;;;;;;methods:;{;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;copy(){ ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wx.setClipboardData({ ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;

uniapp制作自定义调试基座

2021-01-17

4936 0

什么是自定义调试基座？开发者真实打包后的手机应用又无法通过运行方式来调试，这导致涉及manifest配置的内容调测变的很困难。为了解决manifest配置相关调试的便利性问题，DCloud提供了制作自定义运行基座的功能，也就是开发者可类似DCloud一样，自己做一个运行基座，里面使用的是自定义的manifest配置。开发者打包了自定义运行基座，就可以把这个基座运行到手机/Android模拟器上，进行日志查看。制作步骤：1、打开IDE编辑器顶部菜单，运行-》运行到手机或模拟器-》制作自定义调试基座。2、勾选使用公共测试证书和选择打自定义基座，可以

uniapp打包app教程

2021-01-16

3082 0

1、在mainfest.json文件下配置好相关的引用图标之后，我们可以点击顶部菜单栏，找到发行-》元素App-云打包2、这里只勾选安卓app打包3、选择公共证书，最后点击打包即可4、正在打包5、打包校验6、出现上面这个错误是因为我们的社区账号还没绑定手机，绑定下即可。至此出现下面结果，极为打包成功

uniapp设置app端icon图标

2021-01-15

7033 0

uniapp自带的图标不好看，我们想弄属于自己的app图标怎么弄呢?以下方法教大家更换图标icon。1、点击项目想的mainfest.json文件2、选择app图标配置，这里需要准备一张1024*1024的图片选择图片即可更换。

uniapp 获取系统唯一信息APP端

2021-01-14

4868 0

uniapp获取手机设备相关信息,唯一标识,型号厂商等方法Device模块管理设备信息，用于获取手机设备的相关信息，如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。imei：设备的国际移动设备身份码imsi: 设备的国际移动用户识别码model:设备的型号vendor:设备的生产厂商uuid:设备的唯一标识//;获取设备信息 plus.device.getInfo({ ;;;;;;;;;success:function(e){ ;;;;;;;;;;;;;;;;;;;console.log('getDeviceInfo;success:;'+JSON.stringify(e)); ;;;;;;;;;}, ;;;;;;;;;fail:function(e){ ;;;;;;;;;;;;;;;;;;;

uniapp获取系统信息（屏幕宽度、高度、手机型号、设备像素比）

2021-01-13

7702 0

屏幕高度 = 原生NavigationBar高度（含状态栏高度）+ 可使用窗口高度 + 原生TabBar高度windowHeight不包含NavigationBar和TabBar的高度H5端，windowTop等于NavigationBar高度，windowBottom等于TabBar高度App端，windowTop等于透明状态NavigationBar高度，windowBottom等于透明状态TabBar高度示例：uni.getSystemInfo({ ;;;;success:;function;(res);{ ;;;;;;;;console.log(res.model); ;;;;;;;;console.log(res.pixelRatio); ;;;;;;;;console.log(res.windowWidth); ;;;;;;;;console.log(res.windowHeight); ;;;;;;;;console.log(r

uniapp几个弹窗的使用方法

2021-01-12

4779 0

1、showToast：显示模态弹窗，类似于标准 html 的消息框：alert、confirm。主要用于消息提示框使用方法：uni.showToast({ ;;title:;'联系方式格式错误', ;;duration:;2000, ;;image:;'/static/cry.png' });参数类型必填说明平台差异说明titleString否提示的标题contentString否提示的内容showCancelBoolean否是否显示取消按钮，默认为 truecancelTextString否取消按钮的文字，默认为"取消"，最多 4 个字符cancelColorHexColor否取消按钮的文字颜色，默认为"#000000"H5、微信小程序、百度小程序co

uniapp radio按钮组修改样式，自定义radio样式

2021-01-11

8972 0

uniapp组件radio按钮官方的样式不好看，我们可以自己定义自己的样式，根据我们的主题样式来。1、页面代码：<view> ;;;;;;;;;<view> ;;;;;;;;;;;;;;;;;;;课程 ;;;;;;;;;</view> ;;;;;;;;;<radio-group;:name="raido";> ;;;;;;;;;;;;;;;;;;;<label> ;;;;;;;;;;;;;;;;;;;;;;;;;;;;<radio;value="语文"/><text>语文</text> ;;;;;;;;;;;;;;;;;;;</label> ;;;;;;;;;;;;;;;;;;;<label> ;;;;;;;;;;;;;;;;;;;;;;;;;;;;<radio;value="数学"/><text>数学</text> ;;;;

uniapp radio-group点击获取值，判断非空方法实现

2021-01-10

4971 0

获取点击后置可以使用@change：<radio-group> 中的选中项发生变化时触发 change 事件，event.detail = {value: 选中项radio的value}<template> <view> ;;;;;;;;<view> ;;;;;;;;;;;;<radio-group;@change="radioChange"> ;;;;;;;;;;;;;;;;<label;class="uni-list-cell;uni-list-cell-pd";v-for="(item,;index);in;items";:key="item.value"> ;;;;;;;;;;;;;;;;;;;;<view> ;;;;;;;;;;;;;;;;;;;;;;;;<radio;:value="item.value";:chec

uniapp表单数据提交及获取方法

2021-01-09

6090 0

可以使用form将组件内的用户输入的<switch> <input> <checkbox> <slider> <radio> <picker> 提交。例子：<template> ;;;;<view> ;;;;;;;;<view> ;;;;;;;;;;;;<form;@submit="formSubmit";@reset="formReset"> ;;;;;;;;;;;;;;;;<view;class="uni-form-item;uni-column"> ;;;;;;;;;;;;;;;;;;;;<view>switch</view> ;;;;;;;;;;;;;;;;;;;;<view> ;;;;;;;;;;;;;;;;;;;;;;;;<switch;name="switch";/&g

uniapp重置页面滚动条方法

2021-01-08

3238 1

Uniapp重置滚动条可以使用以下方法对页面距离进行重置距离uni.pageScrollTo({ ;;;;;;;;;scrollTop:;0,;//距离页面顶部的距离 ;;;;;;;;;duration:;300 });

uniapp如何锁定屏幕方向

2021-01-07

4792 0

有时我们app需要禁止旋转，可以使用以下方法。打开项目根目录下的App.vue，添加如下代码即可//;#ifdef;APP-PLUS ;;;;;//;锁定屏幕方向 ;;;;;;plus.screen.lockOrientation('portrait-primary'); //;#endif参数简介"portrait-primary": 竖屏正方向；"portrait-secondary": 竖屏反方向，屏幕正方向按顺时针旋转180°；"landscape-primary": 横屏正方向，屏幕正方向按顺时针旋转90°；"landscape-secondary": 横屏方向，屏幕正方向按顺时针旋转270°；"portrait": 竖屏正方向或反

如何解决uniapp小程序下载进度条问题

2021-01-06

3396 0

最新在做下载点击下载类型小程序，主要用到小程序progress滚动条，用于显示下载进度<progress;:percent="percent";show-info;:active='isDown';stroke-width="10";v-if="down==1";activeColor="#31a3fb"/>但是，博主在做小程序的时候发现滚动条一开始一直从0开始赋值，然后滚动条就一直抖动闪动。看看下载进度数据打印，也没看出什么问题。解决方法如下：进度条值默认为0，博主通过判断当前最新下载进度大于90的时候，再赋值给进度条。等于100的时候延时隐藏loading加载，再延时4s

uni-app判断是否相等。相等的话追加不同class

2021-01-05

4311 0

在做uni-app项目的时候，我们有时需要判断是否相等，相等给它加上不同的class以下是个简单的例子<view;;v-for="(item);in;detail.num";@click="btnDetail(item)";;:class="[item==p?;'num_item;on':'','num_item']">{{item+1}}</view><script> ;;;;;;;;;export;default;{ ;;;;;;;;;;;;;;;;;;;data();{ ;;;;;;;;;;;;;;;;;;;;;;;;;;;;return;{ ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;p:;0 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;} ;;;;;;;;;;;;;;;;;;;}, ;;;;;;;;;;

uni-app跳转到详情页方法及详情页数据接收

2021-01-04

5059 0

思路：给列表项加上点击方法，并且传递id参数使用路由API由uni.navigateTo,;保留当前页面，跳转到应用内的某个页面文章详情页接收id，并且传递给后端去查询改id详情数据1、保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。给列表加上点击方法，并且传递id参数 @click="play(item.id)"<template> <view> ;;;;;;;;;<view;v-for="(item);in;homeData.tv";@click="play(item.id)"> ;;;;;;;;;;;;;;;;;;;<view> ;;;;;;;;;;;;;;;;;;;;;;;;;;;;<imag

解决苹果ios或安卓手机整机调试报本应用无法运行,需与Hbuilderx搭配使用问题

2021-01-03

3653 0

1．在 HBuilderx 中选择可运行到手机的项目2 ．将手机连接到电脑， HBuilderx 会自动检测手机3 ．点击 HBuilderx 的菜单运行一运行到手机，会将项目部署到手机上如无法同步应用，请参考故障排查指南;问题分析首先分析下问题，博主一开始是可以调试的，后面才出现问题的，所以可以pass掉HBuilderx版本问题，其次驱动是正常连接的，所以驱动问题也可以排除。按照官方参考故障排除指南走一遍，没问题。解决方法所以解决方法很简单，就是重启手机，在停止HBuilderx调试，在点击运行到手机，完美解决。

uniapp小程序端如何实现下载视频到相册和下载图片到相册

2021-01-02

4146 0

1、uniapp小程序端下载视频可以使用 uni.saveVideoToPhotosAlbum(OBJECT)，保存视频到系统相册。参数名类型必填说明filePathString是视频文件路径，可以是临时文件路径也可以是永久文件路径successFunction否接口调用成功的回调函数failFunction否接口调用失败的回调函数completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）实例：<view;class="button"> <button;type="default";@click="uploadVideo">保存到相册</button> </view>js代码<script> expo

uniapp小程序端获取用户头像，账号信息

2021-01-01

3529 0

放置按钮，如果用于没有授权就显示授权按钮，否则就显示用户微信信息。<template> ;;;;;;;;<view> ;;;;;;;;<view;v-if="userInfo;!=''"> ;;;;;;;;;;;;<view> ;;;;;;;;;;;;;;;;<image;:src="userInfo.avatarUrl";mode=""></image> ;;;;;;;;;;;;</view> ;;;;;;;;;;;;<view> ;;;;;;;;;;;;;;;;{{userInfo.nickName}} ;;;;;;;;;;;;</view> ;;;;;;;;;;;;</view> ;;;;;;;;;;;;<view;v-else> ;;;;;;;;;;;;;;;;<button;op

uni-app如何封装请求接口数据并挂载到全局

2020-12-31

3376 0

在做项目的时候，小项目可以不考虑封装，项目大的话就得考虑请求接口封装了，我们在改动的时候也方便，而且节省了很多代码。以下是一个简单的封装例子，供大家参考和使用1、;首先在更目录下新建util文件夹，在里面新建个api.js1、在api.js添加如下请求代码const;BASE_URL;=;"http://www.example.com" let;ajaxTimes=0; export;const;myRequest;=;(option)=>{ ;;;;;;;; ;;;;;;;;;ajaxTimes++; ;;;;;;;;;uni.showLoading({ ;;;;;;;;;;;;;;;;;;;;;;;;;;;;title:;"加载中", ;;;;;;;;;;;;;;;;;;;;;;;mask:;true,

uni-app使用tabBar实现底部导航

2020-12-30

2636 0

1、tabBar简介如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定一级导航栏，以及 tab 切换时显示的对应页。在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。2、注意事项当设置 position 为 top 时，将不会显示 icontabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。tabbar 切换第一次加载时可能渲染不及时，可以在

uniapp实现轮播图功能，实现轮播图案例

2020-12-29

6099 0

uni-app轮播图主要用到swiper滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图。实现案例：页面代码<template>  ;;;;;;;;;;;;;;;;;;;<view> ;;;;;;;;;;;;;;;;;;;;;;;;;;;;<view;class="page-section;swiper"> ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;<view> ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;<swiper;:indicator-dots="indicatorDots";:indicator-color="indicatorColor";:indicator-active-color="indicatorActiveC

uniapp复制至剪贴板的使用

uniapp制作自定义调试基座

uniapp打包app教程

uniapp设置app端icon图标

uniapp 获取系统唯一信息APP端

uniapp获取系统信息（屏幕宽度、高度、手机型号、设备像素比）

uniapp几个弹窗的使用方法

uniapp radio按钮组修改样式，自定义radio样式

uniapp radio-group点击获取值，判断非空方法实现

uniapp表单数据提交及获取方法

uniapp重置页面滚动条方法

uniapp如何锁定屏幕方向

如何解决uniapp小程序下载进度条问题

uni-app判断是否相等。相等的话追加不同class

uni-app跳转到详情页方法及详情页数据接收

解决苹果ios或安卓手机整机调试报本应用无法运行,需与Hbuilderx搭配使用问题

uniapp小程序端如何实现下载视频到相册和下载图片到相册

uniapp小程序端获取用户头像，账号信息

uni-app如何封装请求接口数据并挂载到全局

uni-app使用tabBar实现底部导航

uniapp实现轮播图功能，实现轮播图案例

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

uniapp复制至剪贴板的使用

uniapp制作自定义调试基座

uniapp打包app教程

uniapp设置app端icon图标

uniapp 获取系统唯一信息APP端

uniapp获取系统信息（屏幕宽度、高度、手机型号、设备像素比）

uniapp几个弹窗的使用方法

uniapp radio按钮组修改样式，自定义radio样式

uniapp radio-group点击获取值，判断非空方法实现

uniapp表单数据提交及获取方法

uniapp重置页面滚动条方法

uniapp如何锁定屏幕方向

如何解决uniapp小程序下载进度条问题

uni-app判断是否相等。相等的话追加不同class

uni-app跳转到详情页方法及详情页数据接收

解决苹果ios或安卓手机整机调试报本应用无法运行,需与Hbuilderx搭配使用问题

uniapp小程序端如何实现下载视频到相册和下载图片到相册

uniapp小程序端获取用户头像，账号信息

uni-app如何封装请求接口数据并挂载到全局

uni-app使用tabBar实现底部导航

uniapp实现轮播图功能，实现轮播图案例

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

使用以下账号登录