高度uniapp swiper

uniapp Android 离线打包

参考文档:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html# 1. 按要求下载安装 Android Studio,下载 sdk 2. sdk解压,Android Studio导入HBuilder-Integrate-AS工 ......
Android uniapp

vue dialog弹出框随屏幕改变高度

动态改变高度是基于动态css样式进行设置,dialog中的高度是随内部元素高度变化,所以在dialog中的table添加class="tableClass",通过屏幕大小改变tableClass中的height,高度数值存储在sizeList中。 <template> <div :style="si ......
屏幕 高度 dialog vue

uniapp 页面跳转传值(eventChannel)

在A -> B页面时,如果想要将A页面中的数据传给B,可以使用eventChannel方法或者用url拼接,在这里先说明第一种eventChannel方法如何实现。 A页面: 首先定义了一个点击事件handleItemClick,触发点击事件后再传递数据 data() { return { item ......
eventChannel 页面 uniapp

uniapp 打包发布小程序的流程指引

用 uniapp 开发小程序其实和开发H5是一样的。就是在打包的时候会略有不同。 uniapp 在开发的时候需要在 manifest.json 的源码视图配置 nginx 反向代理才能去请求后端 `/ 代理名称 ${config.url}` 一般情况下的请求都是代理 + url 去请求数据。 但是, ......
流程 程序 uniapp

uniapp 构建 module 模块和 package.json 文件

在项目根目录下开启CMD,输入以下命令 npm init 等构建完了会出现这些文件 然后再来配置 组件库,这下官网地址,这个是 1X的地址,个人觉得 1X的比较好用。更稳定。可以根据自己的需求去升级 https://v1.uviewui.com/components/install.html 以下是 ......
模块 package 文件 uniapp module

uniapp上拉加载下拉刷新

```javascript {{ topTis }} A {{ loadOver ? (isScrolltolower ? '努力加载中....' : '上拉加载更多') : '人家是有底线的' }} ``` ![](https://img2023.cnblogs.com/blog/2668541/ ......
uniapp

uniapp-黑马优选学习02

01. scroll-view 配置高度或宽度时的屏幕铺满; 使用 uni.getSystemInfoSync() 获取设备相关信息 02. 取分类数据 > API 接口:/api/public/v1/categories > 数据结构:{内容太多,请直接调用接口获取} >> 为元素配置 动态类 信 ......
黑马 uniapp

uniapp vue.config.js配置chunk-vendors.js文件拆分

const path = require('path') function resolve(dir) { return path.join(__dirname, dir); } const CompressionPlugin = require('compression-webpack-plugin ......
chunk-vendors vendors 文件 uniapp config

2023-06-14 记录一下uniapp scroll-view(下拉刷新)

<template> <view> <scroll-view :scroll-top="scrollTop" scroll-y="true" class="mess-scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="sc ......
scroll-view uniapp scroll 2023 view

uniapp 更新依赖到指定版本解决uniAPI不可用问题

我解决的问题: 在项目中使用uni.startLocationUpdate(OBJECT)报错:uni.startLocationUpdate is not a function 怀疑是版本问题,当时的版本👇 发现2.0.2-3070320230222001版本的就可以使用,于是更新npx @dc ......
版本 uniapp uniAPI 问题

uniapp 不显示原生导航

自定义导航栏使用注意 当navigationStyle设为custom或titleNView设为false时,原生导航栏不显示 // pages配置部分页面 { "path": "pages/default/systemError", "style": { "navigationBarTitleTe ......
uniapp

UniAPP 使用高德地图,打包后定位api不执行

最近开发项目遇到了使用地图持续性定位场景,首先会考虑使用百度或者是高德。下边描述下本人在实际开发中遇到的问题。 1、使用百度定位百度定位真机调试和打包时都很顺畅,没有遇到不能调用或者打包失败的问题。但是,发现在百度地图打包之后偶尔出现坐标系错乱的问题。有的时候打包后显示点位是百度坐标系,有时候打包后 ......
地图 UniAPP api

uniapp开发公众号H5时用户缓存无法清除问题

业务场景: 此项目是一个vx公众号h5项目,每次更新版的时候用户端由于有缓存,每次都是使用滞后的版本 解决方案: 一、index.html文件如何保证不缓存,每次都使用服务器上最新的代码? 此时需要一下标签: <meta http-equiv="Cache-Control" content="no- ......
缓存 公众 用户 uniapp 问题

uniapp vue3 setup + 云开发开发个人小程序

最近使用uniapp vue3 setup + 云开发开发了个人小程序,设计使用figma软件,看下成品截图吧(可以直接微信搜索【识光】小程序体验,或者最底部有码可以直接扫) ......
程序 uniapp setup 个人 vue3

算法题:球反弹高度问题

一个球从100米高度自由落下,每次落地反弹回原高度一半。求它在第10次落地时候,共经过多少米? 第十次反弹高度是多少? // 设经过路程为sum 每次反弹高度为F $f=100; $sum = 100; for($i=1;$i<=10;$i++){ $f = $f/2; $sum = $sum + ......
算法 高度 问题

前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标

前端vue自定义导航栏组件高度及返回箭头 自定义tabbar图标, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986 效果图如下: ![image](https://img2023.cnblogs.com/blog/32 ......
箭头 前端 图标 组件 高度

使用 Vue 和 Swiper 实现中间大两边小的轮播图效果

以下是使用 Vue 和 Swiper 实现中间大两边小的轮播图效果的代码: 1. 安装 Swiper: npm install swiper --save 2. 在 Vue 组件中引入 Swiper: import Swiper from 'swiper'; import 'swiper/css/s ......
效果 Swiper Vue

uniapp-黑马优选学习01

01. IDE使用 HBuilderX 02. scss/sass 插件安装:为了方便 样式的编写 地址: https://ext.dcloud.net.cn/plugin?name=compile-node-sass 03. 快捷键方案的设置、IDE主题色的设置、基本设置(ctlr 加 alt 加 ......
黑马 uniapp

非常简单好用实用的轮播图swiper banner组件

非常简单好用实用的轮播图swiper banner组件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12786 效果图如下: 实现代码如下: # 非常简单好用实用的轮播图swiper banner组件,一行代码即可实现轮播图 ......
组件 swiper banner

前端简单实用通用标签栏自动换行 自适应高度 可设置行数 可改标签颜色

前端ccTag简单实用通用标签栏自动换行 自适应高度 可设置行数 可改标签颜色:下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12812 效果图如下: 实现代码如下: # ccTag简单实用通用标签栏自动换行 自适应高度 可设 ......
标签 前端 高度 颜色

Uniapp获取手机存储权限

// 判断有没有存储权限 qxcz(){ var _this = this plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'], function(e) { if (e.deniedAlways. ......
权限 Uniapp 手机

uniapp安卓权限配置说明

UNI-APP 打包app权限配置 里面涉及到 定位, NFC, 相册, 语音, 指纹, 人脸等 权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permiss ......
权限 uniapp

vue3+ TS pinyin uniapp 索引列表-(A-Z)按首字母排序 ,锚点定位

获取一维数组 地址列表 <script lang="ts" setup> import { getLocationList } from "@/apis/activity"; import {onLoad} from "@dcloudio/uni-app"; import { pinyin } fr ......
字母 索引 pinyin uniapp vue3

uniapp+微信小程序+vue3 实现富文本编辑器遇到的坑

问题一:富文本编辑器初始化实例出不来,有两个原因: 找的参考代码不适用微信小程序,需要用.in(this) uni.createSelectorQuery() .in(this) .select("#editor") .context(res => { this.editorCtx = res?.c ......
编辑器 文本 程序 uniapp vue3

uniapp打包所需的ios证书和证书profile文件获取的图文教程

使用uniapp进行云打包,可以打包android和ios两种app,但是uniapp官方并不能凭空产生这两种平台所需的打包证书。 那么这两种打包证书又是如何获取呢? android相对简单,使用jdk的工具生成就可以了,也可以使用香蕉云编来一键生成。 但是ios证书的生成就没有这么简单,因为... ......
证书 profile 图文 文件 教程

uniapp主题切换功能的方式终结篇(全平台兼容)

前面我已经给大家介绍了两种主题切换的方式,每种方式各有自己的优势与缺点,例如“scss变量+vuex”方式兼容好但不好维护与扩展,“scss变量+require”方式好维护但兼容不好 ......
功能 方式 主题 uniapp 平台

select 多选回显的时候input高度问题

select 多选回显的时候input高度没撑开 内容超出 setTimeout(function () { if (document.querySelector('.el-cascader__tags')) { document.querySelector('#el-cascader .el-in ......
高度 时候 select 问题 input

uniapp render.js

1、操作数据 <template> <view class="content"> <view @click="renderScript.emitData">获取renderjs数据</view> {{ name }} </view> </template> <script> export defau ......
uniapp render js

uniapp离线打包总结

# uniapp离线打包总结 ### 一、准备好Android Studio的项目外壳,这里采用的是https://nativesupport.dcloud.net.cn/AppDocs/download/android.html# ![image-20230607132833071](https: ......
uniapp

uniapp主题切换功能的第二种实现方式(scss变量+require)

在上一篇 “uniapp主题切换功能的第一种实现方式(scss变量+vuex)” 中介绍了第一种如何切换主题,但我们总结出一些不好的地方,例如扩展性不强,维护起来也困难等等,那么接下我再给大家介绍另外一种切换主题的方法“scss变量+require”的方式 ......
变量 require 功能 方式 主题