高度uniapp swiper
手把手教你vue3-ts-uniapp-vite创建多端小程序-1
1.创建vue3+vite ``` # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-v ......
element-plus_设置el-table表格自适应高度
# element-plus 设置el-table表格自适应高度 - 目前使用的最佳方案: - 将表格用一个外部容器包裹起来, 通过css来设置外部容器的高度 - el-table表格使用height属性设置为100%高度 - 经测试可以实现效果的代码: - ```vue row.id" > ``` ......
uniapp项目实践总结(七)编写一个简单的应用页面
> 之前自定义了顶部和底部导航栏，那接下来就写一个简单的二级页面，这个是出了导航页面之外经常用到的。 ## 目录 - 结构 - 模板 - 样式 - 方法 - 示例 ## 结构 一个普通页面的结构应该是如下所示： ```html 列表内容 ``` ## 模板 uniapp 内置了常用的组件，可以直接使 ......
uniapp项目实践总结(六)自定义顶部导航栏
> 本篇主要讲述如何自定义顶部导航栏，有时候默认导航栏不足以满足我们的需求，这时候就需要自定义导航栏来解决这个问题。 ## 目录 - 默认导航 - 修改配置 - 自定义顶部 ## 默认导航 自带的默认顶部导航设置的内容有限，不容易扩展修改，因此如果有更加个性化的需求，则需要自定义顶部导航。 配置如下 ......
火狐浏览器缩小标签页高度以及自定义调整
原因:新版的火狐标签页和地址栏太高了,比chrome和Edge都要高不少,有点浪费屏幕空间,不知道官方为什么这样设计,当然火狐是开源的,而且从一开始就以定制化和附加组件起家,想调整肯定是可以的,但是我还是有点懒,搜索了一下,发现有一个紧凑模式,开了以后跟其他浏览器就一样高了,但是官方已经不建议使用, ......
js获取元素滚动高度，body高度...
获取浏览器显示区域（可视区域）的高度 ： $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ：$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 ：$(document).width(); 浏览器当前窗 ......
uniapp随机生成图片
//生成从minNum到maxNum的随机数 randomNum(minNum, maxNum) { switch (arguments.length) { case 1: return parseInt(Math.random() * minNum + 1, 10); case 2: return ......
uniapp 远程搜索功能的封装
## 封装组件 ``` {{emptyTips}} {{isJSON?(isAloneShow?item[keyName]:item[keyCode]+' _ '+item[keyName]):item}} {{isJSON?isAloneShow?(item.enumCode?item.enumC ......
uniapp小程序onlaunch与onload的矛盾
起因：我们的项目是内嵌刀他人项目里的，从url中拿到用户token，然后以此请求我们自己的token，在onlaunch中请求，与此同时在onload中也在请求数据，onload中请求需要请求头中带token，此时onlaunch中还没有请求结果，不可能存储token 解决方法：小程序 onLaun ......
uniapp云开发第一步：看文档+AI解释
A.uniapp云开发中的云对象是什么意思 uniapp云开发中的云对象是一种存储结构，用于存储和管理用户数据，它可以把数据保存在云端，让用户可以通过网络访问这些数据，更加安全可靠。 云函数是一种基于云端的服务，可以帮助开发者实现一些复杂的业务逻辑，比如处理大量数据，支持第三方接口等。 ......
uniapp sqlite操作封装
> 最近一段时间在用uniapp写app，在项目中有聊天服务，打算把聊天记录存储到sqlite数据库中，由于习惯了链式调用，决定封装下sqlite的操作，花了几个小时，应该能完成简单的功能了，能力有限，有bug当我没发，实在不行直接写sql。 **执行如下语句** ```js DB('tb_user ......
uniapp做项目开始
首先确定了开发框架 uniapp+vue3+uview-plus3 因为项目简单也不要什么酷炫效果，所以下载了uview-plus3官网的样例程序学习了一下 为什么要选这些控件呢，个人的想法就是样式太难写了 开始做了vue项目以及uniapp之后，发现困难最大的是css样式， 最幸运的时项目对样式没 ......
uniapp项目实践总结(五)自定义底部导航栏
> 在底部导航栏这个模块，很多时候默认的样式不符合我们的设计规范和需求，因此需要自定义底部导航栏，这样可以满足我们的需求，也可以更加个性化，增加用户体验，下面就介绍如何自定义底部导航栏。 ## 目录 - 准备导航素材 - 配置页面导航 - 自定义导航栏 ## 准备导航素材 要自定义底部导航栏，我们需 ......
uniapp项目实践总结(四)安装和使用一个插件市场的插件
> 这篇文章主要介绍如何安装和使用一个插件市场的插件的方法。 ## 目录 - 查找插件 - 安装插件 - 使用插件 ## 查找插件 打开插件市场：[https://ext.dcloud.net.cn/](https://ext.dcloud.net.cn/) 例如我们项目中要用到富文本渲染的内容，可 ......
uniapp小程序 scanCode实现 扫一扫功能
先上效果图： camera实现官网有详细的介绍 代码实现： flash手电筒 cover-view是扫一扫中间蓝色的横线，不能设置style阴影，会出不来 onScancode扫码成功之后的操作（e.detail.result） <view class="scan-border"> <view st ......
uniapp小程序 腾讯地图实现 电子围栏、marker标注
在腾讯地图官网要提前申请key 在微信开放平台要提前申请腾讯地图使用权限 效果图 腾讯官网有详细的介绍，根据步骤下载js文件放在本地，在使用的页面引入即可 template页面：一定要给地图设置宽长度，否不展示 latitude是getLocation获取到的经纬度，也可以是接口返回的经纬度 pol ......
VUE2+Swiper（H5邀请函开发）
#1、引入swiper * 安装固定版本 ``` npm i swiper@5.3.6 npm i vue-awesome-swiper@4.0.4 ``` #2、下载 `https://3.swiper.com.cn/download/index.html` 1. 下载 animate.min.c ......
.Net 6/NetCore3.1 Vue Element Uniapp前后端分离低代码快速开发框架
# .Net 6/Net Core Vue Element Uniapp前后端分离低代码快速开发框架 这是一个能提高开发效率的开发框架，全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。 # 一、框架能做什么 1、前后端分离项目 2、纯后端项目 3、移动端 ......
vue3中使用swiper的完整版教程
在 vue3 中使用 swiper, 实现轮播图的效果；如果组件样式等模块引入不当，很有可能导致，页面无效果；或者想要的箭头或者切换效果异常问题。 使用命令 npm install swiper 安装 swiper插件； 在main.js里使用样式文件，如下所示： 注意需要安装：npm instal ......
uniapp项目实践总结(三)全局公共组件和样式以及方法的使用
# uniapp 项目实践总结(三)全局公共组件和样式以及方法的使用 > 上一篇讲解了如何创建一个新的 uniapp 项目，这篇来讲解以下如何注册和使用全局的公共组件，全局样式和全局方法。 ## 目录 - 目录结构 - 公共组件 - 公共样式 - 公共方法 ## 目录结构 创建好项目以后，可以先初始 ......
uniapp scanCode扫码结果赋值给input没效果
通过v-model实现双向绑定，在data定义carNumberList为空，扫码结果直接赋值即可 问题就是出现在this ......
uniapp省市区街道四级联动
``` import ehPicker from '@/components/erha-picker/erha-picker.vue' components:{ ehPicker }, confirmStreet(param) { this.street = param.province + par ......
uniapp 项目实践总结(二)从零开始搭建一个项目
> 导语：本篇文章主要是项目方面的技术开发总结，新建一个项目可以选择使用可视化界面，也可以使用命令行搭建。 ## 目录 - 可视化界面 - 命令行搭建 - 安卓开发环境 - 苹果开发环境 ## 可视化界面 ### 安装软件 使用官方推荐的 HbuilderX 软件，开发方式比较简单，内置相关环境以及 ......
uniapp App 保存无后缀的图片到相册
问题描述：无后缀直接用uni.downloadFile和uni.saveImageToPhotosAlbum会报错 报错内容 saveImageToPhotosAlbum:fail UNKOWN ERROR3 解决方案：将文件重命名 uni.downloadFile({ url: this.url, ......
uniapp 封装完整的http请求
直接复制粘贴到uniapp项目里使用包括手动取消单个请求 包括自动检测取消重复请求 请求拦截, 响应拦截 // login.js// import request from './request'//// export default {// login () {// try {// return ......
与信创国产化高度适配的低代码开发框架
信创产业是中国经济发展的基础，也是重要驱动力。坚持基础软件自主创新，是国产软件正版化应用和推广的源头。行业预测，2023年信创产业市场规模预计为18710.59亿元，预计到2025年将会接近3.5万亿元。 信创产业的主要目标是实现信息技术领域的自主可控，保障国家信息安全，而其核心手段在于通过在党政部 ......
使用uniapp进入小程序获取链接参数
两种解决方法 第一种：onload里面传参option，直接把option赋值给定义的对象或字段,如下 onLoad(option) { // 获取小程序进入场景和参数 this.tenendId = option.tenant_id console.log(this.tenendId); }, 第 ......
uniapp android离线配置
参考 https://blog.csdn.net/weixin_45784582/article/details/122864663 申请离线配置需要再开发者中心申请离线密匙, 申请密匙需要 SHA1 MD5 SHA256, 下面是申请步骤 https://dev.dcloud.net.cn/pag ......
暂告一段落的vue学习以及uniapp的开始
最近学习了VUE并且参照其他开源项目做了一个大致的框架，只余部分还需要改成自己的东西， 但是这个要到一段落了，开始了小程序项目之旅， 首先还是到uniapp官网查看官方资料 当然了，还是要从vue3的部分开始学起 跟着官方视频做了一个试例，感觉还不错，很简单 然后项目正式开始了~~ 终于开始了客户项 ......