【uni-app】

uni-app 微信小程序movable-area遮盖 遮挡住 点击事件

问题描述：使用了movable-area拖拽在页面有点击事件的地方会覆盖住点击事件直接上代码：去接课data(){return{x:320,y:520,}},.movable-area{position:fixed;top:0;left:0;width:750rpx;height:100%;//让一个元素忽略鼠标操作pointer-events:none;}.movable-view{color:
高桥留·2023-09-16 06:00

详细解析：uni-app|vue组件实现鼠标滑过平滑过渡动效之菜单与关闭

前言在【uni-app|vue组件实现鼠标滑过平滑过渡动效之播放与暂停】这篇文章中，小凡跟大家详细分析了整个动效的原理以及实现过程，那么，今天，小凡再来跟大家分享一个类似的鼠标滑过平滑过渡效果，相信大家在有了上一篇文章的基础上
凡星℃·2023-09-16 03:44

详细解析：uni-app|vue组件实现会撒娇的旗帜徽章纯CSS动效

前言经历了前面几篇文章的痛苦经历以后，我终于深刻领悟到了那句“学海无涯苦作舟”呀！o(╥﹏╥)o看来小凡我前端学习的路还很漫长呀！大家也要继续努力呀！加油！！咳咳......一不小心又跑题了，我们言归正传，今天继续给大家分享一个有趣的动效，一个会跟大家撒娇的旗帜徽章。一、效果展示及思路分析1.效果展示截了好久的图，终于还是放弃了，动画速度实在是太快了，我手速实在是太low了o(╥﹏╥)o算了，大家
凡星℃·2023-09-16 03:44

uni-app 中使用swiper结合最新版animation动画效果

00000000000003333333333333344444444444444Example5555555555555566666666666666777777777777772222222233333333333exportdefault{data(){return{}},methods:{}}.mask{/*position:fixed;top:0;left:0;*/width:100%;
weixin_44694538·2023-09-16 03:43

uni-app实现web-view图片长按下载

uniapp的web-view中图片无法长按保存，IOS下是正常的，但是Android下长按无反应解决方案：下载mui.min.js，放到项目中的static下https://github.com/dcloudio/mui/https://github.com/dcloudio/mui/在static目录下新建script.js//static/script.jsmui.init({gesture
培根芝士·2023-09-16 03:12

【Uni-App社区小程序】006-引入CSS动画库

一、Animate.css动画库介绍Animate.css是一个有趣的，跨浏览器的css3动画库，预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达60多种动画效果，几乎包含了所有常见的动画效果；二、下载1、官网地址https://animate.style/#docum
訾博ZiBo·2023-09-16 03:41

uni-app实现卡片切换效果

切换主题+css样式第一步：先看效果第二步：卡片的切换第三步：切换卡片内部的样式第一步：先看效果第二步：卡片的切换css:.bgDemo{position:relative;display:flex;align-items:center;overflow-x:scroll;overflow-y:hidden;width:100%;height:150rpx;}这里面的一个选中当前卡片的样式是通过这
小莉爱编程·2023-09-16 03:41

uni-app移动应用开发总结

Uni-app是一个基于Vue.js框架的跨平台应用开发框架，它可以让你使用一份代码在多个平台上构建出原生的、高性能的应用。
一个辛苦的农民·2023-09-16 03:41

uni-app学习

学习要求核心内容：掌握uniapp的路由配置掌握将uniapp项目运行在微信开发者工具或者手机上的方法掌握uniapp的生命周期掌握uniapp组件的使用最终任务：模拟实现一个跨平台项目一、什么是uni-appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不
碎玉投珠·2023-09-16 03:10

uni-app使用CSS实现无限旋转动画

本来想用uni.createAnimation创建一个旋转动画，发现转完一圈后就不动了，没法循环旋转，后来又用setInterval每隔一个周期就把旋转角度加180度，发现运行一段时间后动画逐渐崩坏，应该是动画的周期和定时器的周期时间没有完全吻合导致的。varanimation=uni.createAnimation({duration:2000,timingFunction:"linear"})
培根芝士·2023-09-16 03:10

uni-app 开发小程序接入隐私协议弹窗

一、template温馨提示在你使用【{{dialogName}}】服务之前，请仔细阅读《{{dialogName}}隐私保护指引》。如你同意《{{dialogName}}隐私保护指引》，请点击“同意”开始使用【{{dialogName}}】。拒绝同意二、data/*隐私保护指引*/showPrivacyGuide:false,dialogName:"数智贵阳",resolvePrivacyAut
UserGuan·2023-09-16 03:50

uni-app 点击蒙版层时关闭自定义弹窗

@click.stop：用于阻止冒泡@click.stop标签范围内，点击任何区域(包括@click点击事件)都不会关闭弹窗。标签范围外会关闭弹窗@click.stop标签内的@click等事件：如果事件内有关闭弹窗的代码可关闭弹窗在template中弹窗内容打开弹窗在script中data(){return{showPop:false,}}toMoveHandle方法请查看：uniapp禁止遮罩
UserGuan·2023-09-16 03:50

uni-app 实现自定义按 A~Z 排序的通讯录(字母索引导航)

创建convertPinyin.js文件convertPinyin.js将下面的内容复制粘贴到其中constpinyin=(function(){letPinyin=function(ops){this.initialize(ops);},options={checkPolyphone:false,charcase:"default"};Pinyin.fn=Pinyin.prototype={in
UserGuan·2023-09-16 03:19

uni-app 之 元素常用属性

uni-app之元素常用属性display属性声明使用flexbox模式布局；flex-direction属性声明使用横向布局还是纵向布局，row表示横向布局，column表示纵向布局；flex-wrap
jun_tong·2023-09-15 21:00

uni-app 之 NoticeBar 滚动通知，横向滚动，竖/纵向滚动

uni-app之NoticeBar滚动通知，横向滚动，竖/纵向滚动image.png-->exportdefault{data(){return{text1:["是是","是实打实"],//text1
jun_tong·2023-09-15 21:29

uniapp开发云打包详细流程（包含安卓Android和苹果IOS）

1.2、App打包配置1.2.1、安卓包名在项目中打开manifest.json文件，基础配置中第一行uni-app应用标识(ApplD)可以获取App
小陈搬砖·2023-09-15 17:26

uin-app安卓打包流程

uni-app安卓打包流程一、App图标配置为了自适应不同分辨率，建议使用.9.png格式图片二、版本号修改三、云打包生成安卓自有证书方法云编四、使用云编(第三方软件)进行证书签名生成五、填写证书信息完成打包填完证书信息后可直接打包六
usFlipped·2023-09-15 17:25

UNI-APP隐私政策问题无法上架

最近项目上线遇到了无法上架的问题，因为UNI-APP权限问题，导致应用宝等无法通过上架审核。解决方法根据UNI-APP官方给出的解决方案，官方文章中的解释，进行离线打包的配置。
ruirui025·2023-09-15 17:54

uniapp-video自定义视频封面

uniapp官方文档：video|uni-app官网uni-app,uniCloud,serverlesshttps://uniapp.dcloud.net.cn/uni-app-x/component
神仙姐姐QAQ·2023-09-15 17:12

uniapp video全屏 cover-view 失效

查看官方文档video|uni-app官网确定自己开发的是app端还是微信小程序，我开发的是app端，所以在nvue文件写，同时cover-view组件要在video组件内容。
tengyuxin·2023-09-15 13:57

【小程序/APP 备案】什么样的小程序/APP需要备案，备案要求是什么？

博主：_LJaXi专栏：uni-app|小程序开发开发工具：无什么样的小程序需要备案？根据最新相关政策规定，从2023年9月1日起，所有的移动应用程序（APP）和小程序都需要进行备案。
東方幻想郷·2023-09-15 13:43

uni-app快速入门

常用API注意点如果是字符串的图片路劲使用'/'作为相对路劲image.png组件内部图片使用’@/‘image.png发送图片滚动image.png组件之间的通信父组件传递给子组件uni.on('方法名',()=>{//实现})image.pngVuex状态管理，集中式储存管理应用所有的组件状态，并以相应规则保证规则:State:存储状态数据Getter：从状态数据派生数据，相当于state的计
Crassus·2023-09-15 12:09

项目实践（一）uni-app的微信授权登录/注册

前言：本文章将讨论如何实现目前小程序中普遍的微信授权获取用户信息进行登录/注册（当未注册的时候直接进行注册并登录）API我们先看看uni-app和微信小程序中为我们提供的几个API：wx.login/uni.login
ShityCode·2023-09-15 06:25

uni-app总结

使用uni-app框架,uni-ui组件,仿写猫眼电影一、uni-app的数据绑定①内容绑定{{模型变量名或表达式}}②属性绑定③样式绑定④事件绑定⑤双向数据绑定⑥条件渲染display:none|block
隔窗看世界·2023-09-15 06:55

uni-app:单页面的页面切换

效果代码页面1页面2页面3页面1页面2页面3exportdefault{data(){return{activeTab:'0'};},methods:{changeTab(index){this.activeTab=index;}}};.tab-bar{display:flex;justify-content:space-between;width:100%;}.tab{padding:10px;
雯0609~·2023-09-15 06:24

uni-app vuex全局计时

功能需求，在A页面进入时候开始计时中间会去到B页面查看数据，但是并没有销毁当前页面，所以计时一直在，直到在B页面提交数据，才结束计时在根文件夹创建store文件夹，同时创建index.js文件importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({state:{//开始时间//startTime:nu
时间轴-小文同学·2023-09-15 06:54

uni-app:标签中对数据进行判断，看数据前中后是否含有需要的字符startsWith()，endsWith()，includes()

效果图核心代码判断数据是否存在并且此数据是否以‘-’开头判断数据是否存在并且此数据是不是以‘ing’结尾判断数据是否存在并且此数据是不是含有‘abc’完整代码exportdefault{data(){return{line:'-abc1234ing',img1:getApp().globalData.icon+'index/exit.png',img2:getApp().globalData.ic
雯0609~·2023-09-15 06:54

uni-app：通过三目运算动态增加样式效果

效果代码第一条：当变量line的值等于abc时，class就等于yes,反之class等于no（显然等于abc，执行yes,前景色为红色）第一条：当变量line1的值等于abc时，class就等于yes,反之class等于no（显然不等于abc，执行no,前景色为绿色）我是内容1我是内容2exportdefault{data(){return{line:"abc",line1:"bcd"};}};
雯0609~·2023-09-15 06:54

uni-app项目实现用户注册密码前端页面加密

uni-app项目下引入crypto-js.js实现密码加密一、HBuilder安装crypto-js.js视图==>显示终端==>cd进入项目根目录例如：demo\test_vue一般打开终端默认是项目根目录输入
一汐渔樵画·2023-09-15 06:49

uni-app 实现小程序rsa加密（非对称加密原理）

uni-app小程序rsa加密使用的是jsencryptmain.js文件//引入js文件importsecurity_http_configfrom'.
Treasure girl1·2023-09-15 06:18

uni-app入门教程（7）第三方登录和分享

第三方登录四、分享接口1.小程序分享2.APP分享总结前言本文主要介绍了APP开发的两大基本功能，即第三方登录登录和分享：包括登录通用配置，微信小程序和APP的第三方登录方式，和分享到聊天和朋友圈，使用uni-app
cutercorley·2023-09-15 06:17

VUE3、uni-app、SpringBoot登录密码加密

vue安装crypto-jsnpminstallcrypto-js或yarnaddcrypto-js前端封装加解密aes.jsimportCryptoJSfrom'crypto-js'varkey=CryptoJS.enc.Utf8.parse("0102030405060708");variv=CryptoJS.enc.Utf8.parse('abcdefghijklmn');//解密方法exp
꧁༺摩༒西༻꧂·2023-09-15 06:17

【uni-app】uni-app内置组件和扩展组件

内置组件和扩展组件的关系先引用uni-app官网原文：uni-app是有内置组件的。这和web开发不一样。web开发基本上不用基础组件，都是找一个三方ui库，全套组件都包含。
fangyuan__·2023-09-15 06:15

uni-app 新增 微信小程序之新版隐私协议

一、manifest.json中配置"__usePrivacyCheck__":true二、编写封装后的组件隐私保护指引在使用当前小程序服务之前，请仔细阅读{{privacyContractName}}。如果你同意{{privacyContractName}}，请点击“同意”开始使用。拒绝同意exportdefault{data(){return{privacyContractName:'',//
小杨小杨、努力变强！·2023-09-15 05:02

uni-app uni.createIntersectionObserver在vue3的自定义组件中填坑

uni.createIntersectionObserver在自定义组件中无法获取到对应的dom节点：uni.createIntersectionObserver().relativeTo('.consult_title').observe('#consultNotice',(res)=>{//目前这种方式在开发者工具中会报Node'.consult_title'isnotfoundNode'#c
前端_酒館·2023-09-14 21:14

前端vue uni-app下拉筛选组件CCDropDownFilter下拉框 筛选框 仿美团下拉筛选框

本文将介绍如何利用Vue.js和uni-app框架来实现一个高效的下拉筛选功能。通过使用这两个强大的前端框架，我们可以轻松地创建具有响应式用户操作的下拉筛选组件。
前端组件分享·2023-09-14 21:40

基于货运APP的全栈开发实践：后端用PHP，前端用Uni-app实现兼容性

在上一篇文章中，我们介绍了货运APP如何助您提高运输效率。本文将重点介绍该货运APP的技术实现，并探讨后端和前端所使用的技术以及如何实现兼容性。后端技术实现（PHP）：货运APP的后端采用PHP作为开发语言，下面是一些关键点的介绍：服务器环境：后端开发需要搭建PHP运行环境，包括Web服务器（如Apache或Nginx）、数据库（如MySQL）等。路由与请求处理：通过使用路由功能，后端可以根据不同
hyswl666·2023-09-14 20:11

Uni-app 学习1

下载安装编译器略过，根据步骤慢慢安装就行。首先认识uniapp项目结构──pages#存放所有的页面──static#存放静态资源，比如图片/视频/字体/图标等──App.vue#项目根组件，页面都是在App.vue下进行切换的，可调用应用的生命周期──manifest.json#应用的配置文件，用于指定应用的名称/图标/权限等──pages.json#全局配置，决定页面文件的路径/窗口样式/原生
初见_Dream·2023-09-14 18:22

uni-app小程序echarts中tooltip被遮盖

问题描述柱状图图表中的文案过长，tooltip溢出容器，会被遮盖住解决方案：在echarts的tooltip中有confine属性可将tooltip限制在容器内，不超过容器，就不易被遮盖
LucianaMq·2023-09-14 17:39

uniapp制作微信小程序分享功能的实现

分享功能有很多种做法，我这里只说我遇到的一种，分享指定的单个页面给好友看，那么我参考的资料是uni-app官网的，链接在此：分享|uni-app官网我需要实现的功能其实是uni-app自带的分享功能，主要是去实现点击右上角三个点然后弹出的分享功能
执笔绘江山·2023-09-14 17:09

uni-app开发小程序时ucharts图表如何使用

在此不会具体告诉大家怎么做，我只告诉大家方法：第一步，推荐使用组件方法进行绘图，首先去官网下载这个ucharts的插件：秋云uchartsecharts高性能跨全端图表组件-DCloud插件市场下载完毕导入到所需要用到的项目中去；第二部，去ucharts官网，找到演示这一栏：uCharts官网-秋云uCharts跨平台图表库不差钱或者有特殊定制需求的朋友可以去原生工具中自己定制需要的图表，在这里我
执笔绘江山·2023-09-14 17:35

uni-app 分包

我们项目使用uni-app开发微信小程序。所以本文仅针对用uni-app开发的微信小程序而进行的分包。二、分包的原因微信小程序对包的大小有要求。目前微信小程
不安分的羽毛·2023-09-14 14:39

UNI-APP 自定义头部 滚动页面渐显标题

首先我们的page中"navigationStyle":"custom""navigationStyle":"custom"代码实现标题data(){return{statusBarHeight:0,top:0,}},onLoad(){uni.getSystemInfo({success:(res)=>{this.statusBarHeight=res.statusBarHeight}})},on
小杨小杨、努力变强！·2023-09-14 09:21

uni-app tree(树状) 组件

先看效果：组件代码：取消{{title}}确定{{item.name}}✔exportdefault{name:"next-tree",props:{treeData:{type:Array,default:function(){return[]}},valueKey:{type:String,default:'id'},labelKey:{type:String,default:'label'}
小杨小杨、努力变强！·2023-09-14 09:50

uni-app实现一键登录

uni-app实现一键登录uni-app实现一键登录步骤1、开通uni一键登录服务2、uni-app项目开通uniCloud服务3、项目开发uni-app实现一键登录步骤1、开通uni一键登录服务1）需要登录
泰语小分队·2023-09-14 06:34

uni-app手机号一键登录

提示：手机号一键登录有两种方式。第一种通过调用自有服务器，然后服务器调用云函数登录。第二种可以前端直接调用云函数进行登录（暂不介绍）。提示：在我的项目中使用的是自由服务器登录，下面的案例可供参考手机号一键登录一、自有服务器等录1.uni-app开通账号权限2.部署云函数3.APP端代码一、自有服务器等录1.uni-app开通账号权限使用开发者账号登录开发者中心，在左侧导航选择“一键登录”。在使用此
静的小白菜·2023-09-14 06:30

uni-app input设置只读

uni-appinput设置只读，设置属性disabled为true或disabled
淘宝新蔷程序员特训营,快速学会开发项目·2023-09-14 06:54

uni-app自定义组件

1.在components新建文件helloComp.vue(名字自定义).2.编写自定义组件。定义组件名称为helloComp(一定要和自己的文件名对应)，template里写入自定义组件的内容。具体看下图。3.在需要使用组件的页面导入自定义组件。4.最后在需要使用组件的位置直接使用即可。
Julyued·2023-09-14 06:21

[每天进步一点点~] uni-app 安装配置安卓手机模拟器

1.下载AndroidSDKTools在https://www.androiddevtools.cn/下载【AndroidSDKTools】AndroidSDKTools下载2.安装AndroidSDKTools双击下面这个应用程序进行安装2.12.2如果没有安装过JDK，则会提示没有找到，点击关闭按钮，关闭当前安装：就需要先去安装JDK，再重新开始安装AndroidSDKTools（双击下载的A
WYL_99·2023-09-14 02:59

[每天进步一点点~] uni-app css 各种条纹背景、格纹背景、格子背景

1.条纹效果图：代码：exportdefault{data(){return{}},methods:{}};.test{width:100%;height:460rpx;background:linear-gradient(#ffaa0050%,#ff6a0050%);background-size:100%20px;}2效果图：代码：exportdefault{data(){return{}},
WYL_99·2023-09-13 20:41
上一页 35 36 37 38 39 40 41 42 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他