uniApp
0131
一个不务正业的前端攻城狮
展开
-
uniApp获取应用的缓存
1.获取应用缓存checkCache() { // 使用plus.cache.calculate 获取应用的缓存大小 var self = this; // #ifdef APP-PLUS plus.cache.calculate(function(size) { //size是多少个字节单位是b if (size < 1024) { self.cacheSize = size + 'B'; } else if (size / 1024 >= 1 && s原创 2021-09-09 14:35:58 · 1298 阅读 · 0 评论 -
uniApp截屏并保存相册
shareBtn() { let that = this this.show = false setTimeout(()=>{ //#ifndef H5 var pages = getCurrentPages(); var page = pages[pages.length - 1]; var bitmap = null; var currentWebview = page.$getAppWebview(); bitmap = new plus.nativeObj.Bit原创 2021-09-06 10:45:37 · 1524 阅读 · 2 评论 -
scroll-view 横向滚动指定位置
<template> <view> <view class="scrBox"> <scroll-view class="menu-list" :scroll-into-view="goIndex" scroll-x="true"> <view v-for="(item,k) in timeList" :key="k" :id='"id" + k' @tap="sel(k,item)" class="ListBox">原创 2020-11-20 10:15:32 · 2095 阅读 · 0 评论 -
uni 多商家购物车
<template> <view> <view class="cartBox" style="padding-bottom: 90rpx;"> <view class="cartShop" v-for="(items,index) in cartData.list" :key="index"> <view class="cartName cartPad"> <radio :checked="items.shopS原创 2020-10-12 14:00:15 · 531 阅读 · 1 评论 -
uni checkbox限制选择的个数
<template> <view> <checkbox-group style="display: flex;justify-content: space-between;" @change="checkboxChange"> <label v-for="item in items" :key="item.value"> <checkbox :value="item.value" :checked="item.checked"/>原创 2020-10-11 14:40:13 · 1673 阅读 · 1 评论 -
uni 多个倒计时
传入剩余时间戳获取多个倒计时分装方法export function countDownFun(time) { //当前时间戳 let timestamp = new Date().getTime() let times = time - timestamp let playTime, day = 0, hour = 0, minute = 0, second = 0; //时间默认值 if (times > 0) { second = Math.floor(tim原创 2020-09-09 10:45:26 · 911 阅读 · 4 评论 -
uniApp Android平台签名证书(.keystore)
安装JRE环境可从Oracle官方下载jre安装包:https://www.oracle.com/technetwork/java/javase/downloads/index.html打开命令行(cmd),输入以下命令://切换工作目录到f:路径f: //将jre命令添加到临时环境变量中,实际操作时请修改为自己安装目录set PATH=%PATH%;"F:\GRE\bin"生成签名证书使用keytool -genkey命令生成证书:keytool -genkey -alias GGH原创 2020-08-01 11:36:24 · 3747 阅读 · 1 评论 -
uniApp或者vue 与 Android或者ios原生交互
1. 下载bridge.js2. 引入// 根据自己项目目录做调整import bridge from "../../commom/Tool.js"3. 与原生交互methods: { //点击事件 interactive(){ //functionName可自定义 data传给移动端的参数 //向移动端传参 bridge.call('functionName', 'data') //接收移动端参数 bridge.register('functionName', fu原创 2020-07-18 17:40:39 · 1240 阅读 · 2 评论 -
uniApp 开发nvue页面踩过的坑
开发nvue页面踩过的坑nvue页面不能使用背景图片布局不能使用百分比、没有媒体查询背景颜色不支持简写,准确写法:background-color: red;nvue中不支持z-index控制层级,越靠后的代码层级越高不能使用阴影,可以使用模拟阴影子元素超出父元素大小是不会显示的,可以加大父元素的大小来让子元素显示nvue的css,在选择器方面支持的较少,只支持简单的类名控制class=“classA”文字内容,必须、只能在text标签下,只有text标签可以设置字体大小,字体颜色,并.原创 2020-07-18 15:40:10 · 9332 阅读 · 2 评论 -
uniApp模态弹窗换行
uni.showModal({ title: '提示', content: "交易品种:招商银行\r\n交易本金:30万元\r\n交易数量:6手", success: function (res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console.log('用户点击取消'); }原创 2020-07-18 10:45:58 · 1910 阅读 · 3 评论 -
uniApp页面滚动到指定位置
Html<template> <view> <view class="topSel"> <view class="nav"> <view v-for="(item,navIndex) in nav" :key="navIndex" class="navList" :class="currentNav==navIndex? 'ac':''" @tap="selNav(navIndex)">{{item}}</view>原创 2020-07-17 18:50:06 · 11605 阅读 · 0 评论 -
uniApp获取页面元素大小和位置
1.定义公共方法export default{ getRect(selector){ return new Promise((resolve) => { let view = uni.createSelectorQuery().select(selector); view.fields({ size: true, rect: true, scrollOffset:true }, (res) => { resolve(res); })原创 2020-07-17 15:35:14 · 8065 阅读 · 0 评论