uni-app
文章平均质量分 79
沐歌丨丶
这个作者很懒,什么都没留下…
展开
-
2024 uniapp( vue3 + TS )使用canvas生成海报并保存,taro/微信小程序也适用
使用canvas生成海报,翻页、保存等等。原创 2023-10-20 15:35:19 · 2309 阅读 · 5 评论 -
uni-app video监听播放时长,可打卡、付费等功能、拖拽时间无效
//template<video class="vide" :src="urls" controls="controls" autoplay=true @timeupdate='timeupdate'></video>//data currentTime: '', //记录当前时间 dragTime: '', //拖拽进度原创 2020-10-21 11:48:33 · 2626 阅读 · 0 评论 -
uni-app map地图组件的基本使用
<template> <view class="page-body"> <view class="page-section page-section-gap"> <map style="width: 100%; height:calc(100vh - 120rpx);" :circles="circles" :polyline='polyline' :scale="scale" :latitude="latitude" :longitude="l原创 2020-08-21 20:34:59 · 5625 阅读 · 3 评论 -
uni-app(vue) 通用倒计时组件
<template> <view> <view class="count"> <view class="list">{{hour}}:</view> <view class="list">{{minute}}:</view> <view class="list">{{second}}</view> </view> </view></te原创 2020-08-14 09:51:30 · 534 阅读 · 0 评论 -
uni-app得到 链接下载App 方式(跳转外链)
<template> <view> <web-view :webview-styles="webviewStyles" :src="url"></web-view> </view></template><script> import api from 'common/api.js' export default { data() { return { webviewStyles: {原创 2020-08-08 10:09:30 · 3133 阅读 · 0 评论 -
vue (uni-app)踩坑,数据改变,视图不变
前景:由于要做一个展开效果,我打算在后端返回的数据中加一个字段用来判断每一项是否展开,如图所示:很明显,数据改变了,但视图并没有改变,这是由于数据是后追加的,并没有被vue追踪。所以需要使用 this.$set()根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。用法如下:Vue.set( target, propertyName/index, value )参数:{Object | Array} target{string | number} prop原创 2020-07-28 13:52:19 · 3266 阅读 · 1 评论 -
uni-app 自定义导航栏高度自适应 问题解决
不多比比,直接上图对比明显能看到绿色部分的自定义导航,在没有自适应的时候 内容跑上去了代码如下,将固定写死的高度 改成如下代码: height:50upx; //改成下边自适应 height:var(--status-bar-height);...原创 2020-07-21 11:01:02 · 4185 阅读 · 1 评论 -
uni-app跨越解决
找到 manifest.json 文件,使用记事本或其他方式打开,加入以下代码即可 "h5" : { "devServer" : { "port" : 8000, //端口 "disableHostCheck" : true, "proxy" : { //使用代理 "/api" : { "target" : "htt原创 2020-07-21 09:45:08 · 657 阅读 · 0 评论 -
uni-app自定义导航栏 动态编辑问题和解决
提示:在H5上是不会有效果的。可以通过手机端或者模拟器调试 //自定义导航栏-管理 onNavigationBarButtonTap(e) { console.log(e.text) // #ifdef APP-PLUS if(e.text==='管理'){ e.text='完成' let currentWebview = this.$scope.$getAppWebview(); currentWebview.setTitleNViewButtonSt原创 2020-07-15 15:12:48 · 1045 阅读 · 0 评论 -
uni-app checkbox全选 和取消全选
1.代码如下:<template> <view class="content"> <view class="top"> <checkbox-group @change="seletedStatus" checked> <checkbox :value="item.value" v-for="(item,index) in items" :key="index" :checked="checkList.includes(String(原创 2020-07-09 17:34:23 · 6418 阅读 · 0 评论 -
uni-app CheckBox样式重置
1.重置代码如下: // checkbox样式重置 uni-checkbox .uni-checkbox-input{ height: 40upx; width: 40upx; border-radius: 50%; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{ color: #FFFFFF; } uni-checkbox:not([disabled]) .uni-c原创 2020-07-09 17:32:33 · 1427 阅读 · 0 评论