【UniApp】uniapp 中使用addEventListener

uniapp 中使用 addEventListener 方法可以给某个元素绑定事件监听。使用方法：document.getElementById("some-element").addEventListener("click", function() {   // do something when the element is clicked }

发表于：2023-12-13 浏览：531 TAG：

【UniApp】uniapp中弹出层如何遮挡住uniapp中自带的tabbar

在 uniapp 中，如果你想要遮挡住自带的 tabbar，你可以使用 uniapp 自带的弹出层组件来实现。具体来说，你可以使用 uniapp 的 popup 组件来实现弹出层的效果。你可以在 popup 组件中包含你想要显示的内容，然后设置 popup 组件的 mask 属性为 true，这样就可以在弹出层中显示一个半透明的蒙层，来遮挡住底部的 tabbar。示例代码如下：<template>     <viewclass=&quot

发表于：2023-12-13 浏览：337 TAG：

【UniApp】uniapp 微信分享

前言       微信分享是uniapp开发中常见的需求，大部分的app或者小程序都会具备微信分享的功能，但微信分享效果并不难实现，因为uniapp本身自带了一个微信分享的api，我们只需要调用微信分享的api即可实现前置条件        要完成微信分享首先得打开微信分享的功能，打开manifest.json文件，点击app模块配置，找到微信分享并选中即可        注意

发表于：2023-12-13 浏览：335 TAG：

【UniApp】uniapp连接数据库

1.首先安装mysql，我用的是cnpm i mysql2.在server目录创建一个名叫db的目录，目录下创建sql.js文件  3.在文件中填入如下内容:var mysql      = require('mysql'); var connection = mysql.createConnection({   host&nbs

发表于：2023-12-13 浏览：380 TAG：

【UniApp】uniapp替换字符串

1 如果是字符串，可以直接调用replace()方法，但是引用字符串的变量调用replace方法会失败。let text = "Visit Microsoft!";let result = text.replace("Microsoft", "W3School");运行过是不成功的。2 成功的方法是，先把字符串分割成数组，接着再修改，最后连接起来       &nbs

发表于：2023-12-13 浏览：446 TAG：

【UniApp】uniapp路由跳转传递与接收参数

Uniapp 是一个基于 Vue.js 的跨平台开发框架，它允许开发者使用一套代码来同时构建 iOS、Android、H5 等多个平台的应用。在 Uniapp 中，路由传参是非常常见的需求，它可以让页面之间进行数据的传递和交互。下面是对 Uniapp 路由传参的详细解析一、传递参数在 Uniapp 中，可以通过两种方式来传递参数：1.通过 URL 参数传递通过在 URL 中添加参数的方式传递数据，可以在目标页面中通过 $route.query 获取传递过来的参数。例如，在 A 页面中跳转到 B

发表于：2023-12-13 浏览：390 TAG：

【UniApp】UniAPP 安卓应用版本自动更新及下载安装

一. 前言近期进行 Uniapp 的开发，在项目发布的最后需要实现版本的自动检测和更新下载功能 特地在此进行文章的整理，以方便道友们减少前进道路上的坎坷，多谢指摘 …注： 本次指导，以更新 安卓应用 为案例（非热更新），ios、小程序等可举一反三，稍作优化！二. 设计思路 1.  在服务端配置一个最新的应用版本号； 并将打包生成的 apk(安卓应用) 置于服务器，保证可成功访问的链接 2.  在前端 Uniapp&nbs

发表于：2023-12-12 浏览：395 TAG：

【UniApp】uniapp 实现抽奖幸运大转盘功能

实现抽奖幸运大转盘功能。效果图：资源图片： 如果奖品是支持动态的，需要自己重新改一下布局，逻辑不变。代码：<template> <view class="relative"> <image :src="require('@/static/newPerson/bj.png')" mode="widthFix" class="&q

发表于：2023-12-12 浏览：419 TAG：

【UniApp】uniapp禁止页面上下滚动

uniapp禁止页面上下滚动功能场景第一个方法"app-plus":{"bounce":"none"}第二个方法功能场景我目前是在用uniapp做一个H5程序，中间有一个排行榜的页面只展示前十名，但是里面的导航是自定义导航栏，会占据文档流的位置，所以背景图宽高固定为100vh 100vw会导致页面比较晃（上下晃动），有损美观，就想办法不让页面出现滚动，我百度了两个方法：第一个方法"app-plus":{“bounce

发表于：2023-12-12 浏览：392 TAG：

【UniApp】uniapp 定义动画的几种方式

本章的前提就是大家都知道动画的基本属性，例如 animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count和animation-direction 属性。了解更多 animation 相关的内容。现在制作一个左右抖动的动画效果，效果如下:在 uniapp 中，可以通过如下两种方式来完成。1. 直接使用 CSS 动画1.1 定义动画@keyframes&nb

发表于：2023-12-12 浏览：313 TAG：