随笔分类 -  uniapp

1 2 下一页

这里有我的个人心得 和 学习笔记
uniapp utils
摘要:import {sendUpdataUrl, IMG_URL} from "/http";import moment from 'moment'import CryptoJS from 'crypto-js';const Storage = { /** * 设置缓存 * @param {string 阅读全文

posted @ 2024-09-18 20:46 完美前端 阅读(129) 评论(0) 推荐(0)

uniapp 新建文件
摘要:uniapp 新建文件 支持ios和android function createFile(bases64, item, savedFilePathOne) { // 请求文件系统 plus.io.requestFileSystem(plus.io.PRIVATE_DOC, function(fs) 阅读全文

posted @ 2024-05-08 18:49 完美前端 阅读(318) 评论(0) 推荐(0)

uniapp 中截图保存当前页面 , 当前内容
摘要:https://html2canvas.hertzen.com/npm install --save html2canvasyarn add html2canvas<!--h5和app中截图页面保存--><script setup>import { ref } from 'vue'import { 阅读全文

posted @ 2024-01-08 04:28 完美前端 阅读(1822) 评论(0) 推荐(0)

vue uniapp 弹出层背景穿透,穿层
摘要:// 投注信息弹窗 内容组件上 @touchmove.stop.prevent="() => {}" u-popup :show="show" @close="show= false" @open="open" component @touchmove.stop.prevent="() => {}" 阅读全文

posted @ 2023-12-10 13:38 完美前端 阅读(294) 评论(0) 推荐(0)

uniapp 设置全局无需引入的变量 和 方法
摘要:import App from './App.vue' import * as Pinia from 'pinia'; import { createSSRApp } from 'vue' export function createApp() { const app = createSSRApp( 阅读全文

posted @ 2023-11-28 21:16 完美前端 阅读(228) 评论(0) 推荐(0)

uni-app 原生导航栏相关设置
摘要:原生导航设置buttons时候监听点击事件 { "path": "pages/user/uses", "style": { "app-plus": { "bounce": "none", "titleNView": { "buttons": [ {"text": "分享"}, {"text": "分 阅读全文

posted @ 2023-09-22 03:34 完美前端 阅读(777) 评论(0) 推荐(0)

uniapp 封装完整的http请求
摘要:UniApp 请求模块 功能描述 直接复制粘贴到uniapp项目里使用 包括手动取消单个请求 包括自动检测取消重复请求 请求拦截, 响应拦截 登录模块代码 // login.js // import request from './request' export default { login () 阅读全文

posted @ 2023-08-29 03:30 完美前端 阅读(1980) 评论(0) 推荐(0)

uniapp android离线配置
摘要:离线配置申请 参考: https://blog.csdn.net/weixin_45784582/article/details/122864663 申请离线配置需要在开发者中心申请离线密钥。为了申请密钥,您需要 SHA1、MD5、SHA256。以下是申请步骤: 访问开发者信息页面:https:// 阅读全文

posted @ 2023-08-28 02:12 完美前端 阅读(94) 评论(0) 推荐(0)

uniapp 上传
摘要:图片上传组件 使用组件实现图片上传功能,以下是相关的代码: 组件声明 fileList1: [], // uviewui ui组件 <u-upload uploadText="上传打款凭证" :fileList="fileList1" @afterRead="afterRead" @delete=" 阅读全文

posted @ 2022-09-09 21:24 完美前端 阅读(619) 评论(0) 推荐(0)

uniapp 复制 粘贴,系统剪贴板
摘要:uniapp 系统剪贴板 在 uniapp 中,复制粘贴功能被称为系统剪贴板。以下是如何使用它来设置剪贴板的数据: uni.setClipboardData({ data: this.href, success: () => { uni.hideToast(); this.$nextTick(() 阅读全文

posted @ 2022-08-31 18:33 完美前端 阅读(647) 评论(0) 推荐(0)

uniapp 跳转链接
摘要:安装 uni-link 超链接组件 在异步操作中,如果需要跳转页面或在 app 里打开浏览器,并且不能自动跳转,如充值功能,您可以考虑增加一个弹窗。获取到地址后,用户可以手动点击链接以打开 app。 <uni-link :href="payUrl" text="Go 我要充值" class="lin 阅读全文

posted @ 2022-08-31 18:32 完美前端 阅读(2498) 评论(0) 推荐(0)

uniapp 图片文件流
摘要:使用 uni.request 请求数据并处理返回的文件流 以下代码演示了如何使用 `uni.request` 发起 GET 请求,并处理返回的文件流数据。 uni.request({ url: '*****', // 仅为示例,并非真实接口地址。 method: 'GET', responseTyp 阅读全文

posted @ 2022-08-26 21:43 完美前端 阅读(2457) 评论(0) 推荐(0)

微信小程序 用uniapp转h5
摘要:微信小程序转换为uni-app 最近有个需求,需要将微信小程序中一些页面和功能改成h5,这次功能开发的时间有点紧,而且重新写一套有点来不及。考虑到微信小程序与uni-app有着一些共通之处,所以打算直接转成uni-app。uni-app官网上也有从微信小程序项目转uni-app的教程:minipro 阅读全文

posted @ 2022-07-19 18:34 完美前端 阅读(4641) 评论(0) 推荐(0)

uniapp 直播每次发消息,滚动条都在底部
摘要:组件布局 组件创建一个滚动的聊天列表: <scroll-view class="bottom-t" :scroll-y="true" :show-scrollbar="false" scroll-with-animation="true"> <view class="bottom-t-t"> <vi 阅读全文

posted @ 2021-11-27 23:25 完美前端 阅读(488) 评论(0) 推荐(0)

vue uniapp v-html跑马灯
摘要:// 通知组件的布局 <view class="notice"> <view class="notice-left"></view> <view class="notice-right"> <view class="notice-right-content" :style="{left: -left 阅读全文

posted @ 2021-10-23 20:55 完美前端 阅读(248) 评论(0) 推荐(0)

uniapp web-view配置
摘要:[HTML5+ WebView对象文档](https://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject)plus.webview.create( "xxx.html", //url:String类型,可选,新窗 阅读全文

posted @ 2021-10-20 17:13 完美前端 阅读(5897) 评论(0) 推荐(0)

uniapp v-html跑马灯
摘要:// 组件布局 <!--跑马灯--> <view class="home-notice"> <view class="game-notice-icon-box"> <image class="game-notice-icon" src="/static/game-notice.png" mode=" 阅读全文

posted @ 2021-10-08 15:58 完美前端 阅读(2288) 评论(0) 推荐(0)

uni app subNVues层级组件
摘要:参数设置 position 原生子窗体的排版位置,排版位置决定原生子窗体在父窗口中的定位方式。 "static",原生子窗体在页面中正常定位,如果页面存在滚动条则随窗口内容滚动; "absolute",原生子窗体在页面中绝对定位,如果页面存在滚动条不随窗口内容滚动; "dock",原生子窗体在页面中 阅读全文

posted @ 2021-08-19 16:35 完美前端 阅读(1795) 评论(0) 推荐(0)

tabs 点击滚动切换 内容滑动时 tab跟着变化 seiper 高度自适应
摘要:上面一排tab导航, 下面切换滚动 这是一个完整的组件, 可以直接使用 <template> <view> <!-- 导航切换 --> <view class="tab-bars"> <scroll-view class="tab-bar" scroll-x="true" show-scrollba 阅读全文

posted @ 2021-05-30 17:25 完美前端 阅读(1581) 评论(0) 推荐(0)

scroll-view组件的练习使用 (制作可滑动的菜单)
摘要:CSS样式设置:主要是下面两个需要注意,不然不会横排 在scroll-view控件的属性里设置:white-space: nowrap; (不换行) 在子控件里设置: display: inline-block; 阅读全文

posted @ 2021-05-28 22:03 完美前端 阅读(186) 评论(0) 推荐(0)

1 2 下一页

导航