uniapp
赵啸林
昨日已成历史,明天是个谜团,但今天是天赐的礼物。
展开
-
uniapp下拉不显示网址由xxx提供
uniapp下拉不显示网址由xxx提供原创 2022-07-18 15:30:31 · 735 阅读 · 2 评论 -
uniapp之app自动更新
cmd-progress.vue<!-- 版本升级弹窗开始 --> <uni-popup ref="promotion" type="center"> <view class="promotion"> <view class="operates" v-if="showBtns==true"> <text @click="cancel">取消</text> <text @click="sure原创 2022-04-09 17:08:37 · 5730 阅读 · 0 评论 -
uniapp使用网易易盾
插件地址:https://ext.dcloud.net.cn/plugin?id=1617创建组件yidunCaptcha.vue<template> <view> <!-- #ifdef MP-WEIXIN --> <ne-captcha v-if="captchaId" :captchaId="captchaId" :width="width" :lang="lang" :customStyles="cus原创 2022-04-09 17:01:20 · 2276 阅读 · 1 评论 -
uniapp优化h5项目-摇树优化,gzip压缩和删除console.log
1.摇树优化勾选摇树优化,打包删除死代码2.gzip压缩和删除console.log安装插件webpack和compression-webpack-pluginwebpack插件npm install webpack@4.46.0 --save-devcompression-webpack-plugin插件npm install compression-webpack-plugin@6.1.1 --save-devconst CompressionWebpackPlugin = req原创 2022-04-09 16:58:27 · 3231 阅读 · 2 评论 -
uniapp滚动到指定位置H5
<scroll-view scroll-y="true" :style="{ 'height': $store.state.windowHeight + 'rpx' }" @scroll="scroll"></scroll-view>scroll(event) { this.scrollTop = event.detail.scrollTop;//滚动高度},//监听到数组list发生变化并且已经有排名后滚动到有排名的位置watch: { list(newVal) {原创 2022-03-25 09:19:57 · 1218 阅读 · 0 评论 -
h5回到顶部
scroll-view scroll-y :style="{ 'height': getWindowHeight + 'rpx' }" @scroll="scroll" :scroll-top="scrollTop"></scroll-view><image src="###" mode="widthFix" v-if="scrollTop>100" @click="scrollTop = 0" class="arrow"></image>compute原创 2021-12-30 09:31:45 · 801 阅读 · 0 评论 -
ios系统contenteditable=“true“无法输入
<view class="scrollY"> <scroll-view scroll-y class="scrollView"> <view style="height:250rpx" contenteditable="true" v-html="form.companyInfo" id="companyInfo"></view> </scroll-view></view>this.form.company原创 2021-11-22 11:39:23 · 2158 阅读 · 0 评论 -
uniapp自定义微信分享
1.安装微信JS-SDKnpm install jweixin-module --save2.引入微信JS-SDKvar jweixin = require('jweixin-module');3.页面挂载微信方法var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { // console.log("微信环境") let parameter =原创 2021-11-05 16:32:54 · 823 阅读 · 0 评论 -
js-禁止微信H5页面点击右上角菜单时出现“复制链接”,且分享仅支持微信分享
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>wx.ready(function() { wx.hideMenuItems({ menuList: ["menuItem:copyUrl","menuItem:editTag","menuItem:delete","menuItem:originPage","menuItem:readMode", "menuItem:ope转载 2021-09-24 10:03:26 · 1248 阅读 · 0 评论 -
uniapp h5微信分享
安装微信sdknpm install jweixin-module --savevar jweixin = require('jweixin-module');var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { // console.log("微信环境") //this.getactivitys(); // 首页数据 le原创 2021-09-23 16:43:18 · 299 阅读 · 0 评论 -
uniapp二维码
uqrcode.js<canvas canvas-id="qrcode" style="width: 300rpx;height: 300rpx;" />import uQRCode from '../../lib/uqrcode.js';uQRCode.make({ canvasId: 'qrcode', componentInstance: this, text: 'https://www.baidu.com/', size: 150,原创 2021-09-23 16:41:00 · 207 阅读 · 0 评论 -
uniapp使用音频
audioQuickPlay组件<audioQuickPlay :url="####"></audioQuickPlay>import audioQuickPlay from '@/components/audioQuickPlay/index.vue'export default { components: { audioQuickPlay }, }原创 2021-08-04 11:13:22 · 1128 阅读 · 0 评论 -
uniapp 省市区插件
region.json<template> <view class="region"> <picker mode="multiSelector" :defaultValue="value" :range="range" range-key="name" @change="change" @columnchange="columnchange" :value="value" :disabled="disabled"> <view class="cont原创 2021-08-03 17:51:25 · 1025 阅读 · 0 评论 -
uniapp返回上一页面调用上一页面方法
<uni-nav-bar fixed="true" statusBar="true" left-icon="back" :title="title" @clickLeft="back"></uni-nav-bar>back() { var pages = getCurrentPages(); var currPage = pages[pages.length - 1] //当前页面 var prePage = pages[pages.length - 2] //上一个页原创 2021-08-03 09:37:39 · 3812 阅读 · 0 评论 -
uniapp应用缓存(HTML5产业联盟)
onLoad() { //应用缓存 //#ifdef APP-PLUS plus.cache.calculate(size => { //size是多少个字节单位是b if (size < 1024) { this.cache = size + 'B'; } else if (size / 1024 >= 1 && size / 1024 / 1024 < 1) { this.cache = Math.fl原创 2021-08-01 17:41:57 · 216 阅读 · 0 评论 -
uniapp 即时分享(微信,朋友圈,新浪微博,复制,更多)
share.jsimport appShare, { closeShare } from '@/lib/share.js'; //分享//分享 share() { let shareData = { shareUrl: '###', //跳转地址 shareTitle: '###', //分享标题 shareContent: '###', //分享描述 shareImg: '###' //分享图片 }; appShare(shareData, res原创 2021-07-31 17:55:12 · 734 阅读 · 0 评论 -
uniapp动态权限修改之摄像头和存储权限
permission.jsimport permision from '../../lib/permission.js';//选择相机或者相册更换头像 sculpture(e) { let sourceType = null; if (e == 1) { //相机 sourceType = this.sourceType1; switch (uni.getSystemInfoSync().platform) { case 'android':原创 2021-07-31 17:20:24 · 5295 阅读 · 0 评论 -
如何在uni-app使用vuex
由于uni-app已经内置了vuex,所以只要正确引入就好了。1、在项目的根目录下,创建一个名为store的文件夹然后在该文件夹下创建一个index.js的js文件2、在该js文件下定义公共的数据以及方法函数,并且把它导出import api from "../../http/api";import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: {转载 2021-07-31 10:09:23 · 3114 阅读 · 0 评论 -
uniapp 去浏览器页面
browser.jsimport browser from '@/lib/browser.js'//去浏览器页面goPage() { var options = { 'data': '123' } const url = "浏览器地址" browser.init(options) browser.show(url) },原创 2021-07-31 08:33:56 · 346 阅读 · 0 评论 -
uniapp全局监听,页面修改页面 uni.$emit(),uni.on(),uni.off()
子组件<template> <view> <text>我是test组件{{title}}</text> <button type="primary" @click="test">按钮传值回调</button> <button type="warn" @click="globleEvent">全局事件订阅</button> <转载 2021-07-30 10:29:32 · 10106 阅读 · 1 评论 -
uniapp去掉首次安装的权限提示
https://www.yezipi.net/article/detail/10079在mainfest.json文件源码视图,在android节点添加如下内容:{ "permissionExternalStorage": { "request": "none", "prompt": "应用保存运行状态等信息,需要获取读写手机存储(系统提示为访问设备上的照片、媒体内容和文件)权限,请允许。" }, "permissionPhoneState": { "request转载 2021-07-29 17:44:45 · 3104 阅读 · 3 评论 -
uniapp 离线安卓本地打包(利用保利威视的打包工程打包)
1.java环境变量配置https://www.cnblogs.com/cnwutianhao/p/5487758.html2.保利威视插件工程下载https://github.com/polyv/polyv-uniapp-cloudclass-plugin-android3.在打包工程中引入本地app资源4.android studio下载http://www.android-studio.org/5.android studio安装https://zhuanlan.zhihu.com/原创 2021-07-20 14:43:48 · 643 阅读 · 0 评论 -
uni-app 自定义图标
https://blog.csdn.net/IT_iosers/article/details/1132780911、在page.json里的配置项主要注意:fontSrc:图标类型为ttf text为图标的unicode编码 float决定了图标时的位置{ "path": "pages/my/index", "style": { "app-plus": { "titleNView": { "buttons": [{转载 2021-07-15 11:47:15 · 1816 阅读 · 0 评论 -
uniapp: 防止按钮多次点击多次触发事件
https://www.jianshu.com/p/94fccdd072c5转载 2021-07-15 11:25:46 · 3966 阅读 · 2 评论 -
uniapp uview封装的请求方式
1.下载uview下载地址本地引入2.配置Http请求配置详细指导完整如下以下为在main.js中的引入示例:// main.js// 此为main.js本身已有内容const app = new Vue({ ...App})// http拦截器,此为需要加入的内容,如果不是写在common目录,请自行修改引入路径import httpInterceptor from '@/common/http.interceptor.js'// 这里需要写在最后,是为了等Vue创建对象原创 2021-07-15 09:16:21 · 6119 阅读 · 5 评论 -
微信小程序核心类定位
腾讯地图官网文档地址核心类jdk示例// 引入SDK核心类var QQMapWX = require('xxx/qqmap-wx-jssdk.js');// 实例化API核心类var demo = new QQMapWX({ key: '开发密钥(key)' // 必填}); // 调用接口demo.search({ keyword: '酒店', success: function(res) { console.log(res.status, r原创 2021-07-15 08:07:38 · 303 阅读 · 0 评论 -
node js本地测试uniapp(H5)
1.下载nodejsnode -v 查看版本号,有版本号即下载成功2.创建文件夹,添加server.js文件内容如下:http://localhost:8888/(本地服务器地址) var http = require('http');//引入http模块 //开启服务,监听8888端口//端口号最好为6000以上var server = http.createServer(function(req,res){ /* req用来接受客户端数据 res用来向客户端发送服务器原创 2021-07-14 15:35:58 · 929 阅读 · 0 评论 -
uniapp手机号授权
1.前端解密授权 (不安全)<template> <view class="content"> <button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">唤起授权</button> </view></template><script> import WXBizDataCrypt from "@/common/WXBizData原创 2021-07-14 13:58:09 · 845 阅读 · 0 评论 -
uniapp的request.js请求封装
request.jsconst baseUrl = getApp().globalData.baseURLimport utils from './utils.js'export const request = (options) => { const token = uni.getStorageSync('token'); const { method, url, data, timeout = 30000, header = {} } = options let原创 2021-05-08 10:53:15 · 1170 阅读 · 0 评论 -
uniapp全局修改字体
@font-face { font-family: uniicons;//字体 src: url('/static/uni.ttf');//包路径}原创 2021-04-26 09:12:07 · 4901 阅读 · 1 评论 -
u-charts环形图
<!-- 环形图 --><view class="qiun-charts"> <canvas canvas-id="canvasRing" id="canvasRing" class="charts"></canvas></view><script>import uCharts from '@/components/u-charts/u-charts.js';var _self;var canvaRing = null;原创 2021-04-26 09:00:54 · 3344 阅读 · 0 评论 -
uniapp下拉刷新
// 下拉刷新 onPullDownRefresh(){ console.log('刷新中'); setTimeout(function(){ uni.stopPullDownRefresh(); console.log("OK了") },2000) },原创 2021-03-13 16:59:55 · 97 阅读 · 0 评论 -
uniapp中间大两边小轮播图
html部分<view class=""> <swiper :autoplay="false" :current="currentIndex" :circular="true" previous-margin="80rpx" next-margin="80rpx" :interval="3000" :duration="500" @change="swierChange"> <swiper-item v-for="(item,i) in 5" :key=原创 2021-01-27 00:07:05 · 1507 阅读 · 1 评论 -
uniapp折叠面板
<uni-collapse> <uni-collapse-item title="标题文字"> <uni-list> <uni-list-item title="标题文字" note="描述信息..." show-extra-icon="true" :extra-icon="{color: '#4cd964',size: '0',type: 'spinner'}" style="padding:10px 0原创 2021-01-26 23:38:53 · 4452 阅读 · 2 评论 -
遮罩层
<view class="pop"> <view class="cont"> 内容 </view></view> .pop{ width:100vw; height:100vh; background-color: rgba(0,0,0,0.5); z-index:9; position: fixed; left:0; right:0; top:0; bottom:0; display: flex; j原创 2021-01-26 23:22:18 · 84 阅读 · 0 评论 -
仿微信朋友圈点点点 赞和评论
<template> <view class=""> <view class="" style="display: flex;justify-content: space-between;"> <view class=""> 时间 </view> <view style="display: flex;"> <view style="color:white" :class="flag? 'mo原创 2021-01-26 22:31:21 · 497 阅读 · 0 评论 -
uniapp横向滚动
<template> <view> <scroll-view scroll-x="true" calss="scroll_view"> <view class="scroll-view_H"> <view v-for="(item,index) in imgs" :key="index"> <image :src="item.url" mode="" style="width:150px;height:150px原创 2021-01-26 16:27:15 · 1872 阅读 · 0 评论 -
uniapp上拉加载更多
<template> <view class="container"> <view v-for="(item,index) in videoList" :key="index">...</view> //渲染的列表处 <view v-show="isLoadMore"> //loading加载提示处 <uni-load-more :status="load转载 2021-01-26 16:08:17 · 1002 阅读 · 1 评论 -
根据数组中某一对象的键dec 把dec 重复的 push 到一个数组
//根据dec 把dec 重复的 push 到一个数组 let a = [ { name: '1', dec: 1 }, { name: '2', dec: 2 }, { name: '3', dec: 3 }, { name: '4', dec: 3 }, { name: '5', dec: 3 }, { name: '6', dec: 2 }, ] let arr = []; .原创 2021-01-26 16:06:09 · 91 阅读 · 0 评论 -
uniapp轮播图
<template> <view class=""> <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :indicator-active-color="active_color" :circular="circular"> <swiper-item v-for="原创 2021-01-26 16:03:22 · 545 阅读 · 0 评论