DarlingYL的博客

uniapp 极光推送插件接入成功示例 点击通知栏消息可以传指定参数并跳到应用指定页面

问题截图1. 原因就个人目前项目经验来看，是因为Hbuilderx版本官网已有最新版本，但是电脑安装的版本却不是最新版本的，并且自定义基座运行的版本也不是最新版的，就会出现这种情况2. 解决办法2.1. hbuilderx 打开自己的项目文件夹2.2 打开终端，注意是当前项目路径的2.3 输入npx @dcloudio/uvm 3.2.12.20211029后面这长串数字 【3.2.12.20211029】是需要更新到的版本号，也就是上面问题截图里，手机端的版本号，可以在hbuilderx顶

1. 下载并安装iTunes下载地址： https://pc.qq.com/search.html#!keyword=itunes2. 下载并安装itools4itools4官网，点击进入： https://www.itools.cn/3. 数据线连接iOS设置iTunes和itools4 这2个软件都要成功连接上手机，iTunes不需要登录账号也是可以的，能显示iOS设备就成功了。4. 重启hbuilderx 稍等一会就能成功连接上iOS设备了5. iOS设备也需要信任hbuilder

hbuilderx 配置mumu模拟器,并运行app项目到模拟器1.首先下载mumu模拟器并安装沐沐模拟器官网下载下载后双击安装即可安装完成立即启动mumu模拟器2.自定义模拟器分辨率设置后3.模拟器连接HbuilderxMuMu模拟器的端口：7555进入HbuilderX安装目录，找到adb.exe的安装路径并复制按照这个路径查找就可以到此就可以连接上mumu模拟器了，如果不行，就将模拟器和Hbuilderx 都重启...

一. 从 HbuilderX 中的 [工具] —— [插件安装] 进行安装 uView 插件1.1 第一步image.pngimage.png1.2 第二步 在 DCloud的插件市场 中搜索 uView ，找到下面的这个名字的插件image.png根据需求下载或导入插件都可image.png1.3 第三步 使用uView插件，还需安装 sc...

购物车页面image.png用uni-app来写的代码实现html部分代码<template> <view class=""> <view class="list"> <view class="cart" v-for="(item,index) in list" :key="index"&...

1. v-for在uni-app开发项目时，若使用 v-for 循环遍历数组，注意要绑定 key ，否则运行到别的平台会报错。2.页面跳转传值(传的是数组或对象)和接收值传值的页面，要先把值使用 JSON.stringify(值)转化后再传接收值的页面，要先使用 JSON.parse(接收的值)转化index.vue 文件<template> <view cl...

虽然uni-app官方文档里，scroll-view组件的滚动条是默认不显示的，但是有时候运行到移动端或者不同机型的设备时，还是会出现有滚动条。在css样式中设置如下代码即可强制隐藏滚动条/* 解决小程序和app滚动条的问题 */ /* #ifdef MP-WEIXIN || APP-PLUS */ ::-webkit-scrollbar{ display: none; } /*...

制作uni-app可拖动【悬浮按钮】，点击【加号图标】后向上展开按钮菜单，如下图image.png<movable-area>是uni-app自带的，可以到uni-app官网查看文档image.pngimage.png代码部分html代码<movable-area class="fixed-box"> <...

点击图片，实现预览图片功能，并且可循环预览图片列表！uni-app官方文档中，有实现预览图片的api，点击查看????https://uniapp.dcloud.io/api/media/image?id=unipreviewimageobjectimage.png一、多张图片预览html代码<view class=""> <view class="" v-fo...

uni-app实现抽屉视图，不需下载插件，效果图如下：image.pngimage.pnghtml代码<template> <view class="drawer"> <button @click="clickBtn">点击</button> <!-- self...

<template> <view class="u-home-area article-time">{{ time | dateFormat }}</view></template><script> export default { data(){ return { ...

<template> <!-- time是时间戳，timeToDate是自定义将时间戳转成日期格式的方法 --> <view class="u-home-area article-time">{{ getDateDiff(timeToDate(time)) }}</view></template><script...

uni-app @longpress长按触发事件，长按某个列表项或按钮弹出弹窗<template> <view> <view @longpress="longtap" class="longtap" @click="click">长按触发事件</view> <view class="popu...

1.导入插件及配置#从uni-app插件市场搜索colorUi，下载地址????https://ext.dcloud.net.cn/plugin?id=239导入插件到项目中或者下载插件压缩包下载插件压缩包的，将压缩包解压后的colorui文件夹复制到项目根目录下；导入插件不用进行此步操作。App.vue 引入关键Css main.css icon.css&l...

夜神安卓模拟器 下载地址：https://www.yeshen.com/下载后点击进行安装夜神安卓模拟器安装安装完成后，复制 模拟器安装目录，window+R，输入cmd 进入终端命令行，执行以下命令：nox_adb connect 127.0.0.1:62001nox_adb devices终端命令行操作进入HbuilderX安装目录，找到adb.exe的安装路...

1.下载 Android SDK Tools在 https://www.androiddevtools.cn/ 下载 【Android SDK Tools】Android SDK Tools 下载2.安装 Android SDK Tools双击下面这个应用程序进行安装2.12.2如果没有安装过JDK，则会提示没有找到，点击关闭按钮，关闭当前安装：...

打包前，在 manifest.json 文件中更新版本号打包前更新版本号在 HbuilderX 云打包app，打包完成，控制台会给出【 下载链接 】，点击链接 或者 复制 链接到浏览器，会自动下载app安装包，将这个下载下来的安装包放到服务器上，再进行更新即可。云打包云打包成功App.vue文件中加入下面代码，进行app版本升级更新<script&g...

接口数据转换后转换后数据前端使用到uView插件，里面的【垂直分类】模板前端页面渲染数据：类别-电脑类别-手机uni-app 前端代码：<template> <view class="u-wrap"> <view class="u-search-box"> &lt...

详细学习请看：vue数组操作方法JavaScript Array 对象参考手册【使数组发生更新】方法：修改了原始数组，会触发视图更新push() 、 pop()、shift()、unshift()、 splice() 、sort()、 reverse()、 join()【返回新数组、替换数组】：不会变更原始数组，而总是返回一个新数组filter()、concat() 、 slice()、 ...

uni-app页面计算属性不需要在data中定义计算属性<template> <view> <view>Original message: "{{ message }}"</view> <view>Computed reversed message: "{{ reversedMes...

雷达扫描效果(背景换成纯色渐变了)：<view class="top flex"> <view class="radar"> <view class="wave-box u-flex u-row-center u-col-center"> <test>&...

一、border属性border：border-width border-style border-color;border-width：边框宽度，不能为百分比，因为不会根据设备宽度改变；同理，outline | text-shadow | box-shadow 也不可以；border-style：边框样式，一般用 solid 多一点，dashed(虚线)、dotted(点状线)也有；b...

1.文本 展开收起效果图：收起时效果展开时效果使用的uView插件，用到里面的图标代码：<template> <view class=""> <view> <view class="express"> <view class="in...

第一种效果图：检测动画.gif需要准备一张下面的底图，因为我写不出这种分成无数线段的圆。。。加载loading底图.png代码：<template> <view class="load-box"> <view class="loading"></view> </view>&...

效果图：代码：<template> <view class=""> <view class="head_channel"> <view class="head_box"> <view class="top-nav u-flex u-row-betwee...

效果图代码：<template> <view class=""> <view class="" style="fontSize:10px "> ￥<text style="fontSize:20px ">{{ frontPrice }}</text> ...

1. 隐藏手机号中间四位效果图：代码：<template> <view class=""> <view class="">我们向{{tel}}发送了验证码</view> </view></template><script> export default ...

1.条纹效果图：代码：<template> <view class=""> <view class="test"></view> </view></template><script> export default { data() { ...

1. 上下标表示物理单位效果图:代码<view><!-- <sup> 标签表示上标; <sub>表示下标 --> ⁱ _imp <text>: 25kA</text></view>2.横向滚...

只有页面，功能未完成，使用uView插件效果图：代码：chat.vue<template> <view class="content"> <view class="content-box" @touchstart="touchstart" id="content-box" :class="{'content-showfn':...

等待打包根据生成的链接下载，并将下载好的应用发送到Android手机上微信签名工具：https://res.wx.qq.com/open/zh_CN/htmledition/res/dev/download/sdk/Gen_Signature_Android2.apk点击链接下载好微信签名工具，并将下载好的微信签名工具应用发送到Android手机上安装好微信签名...