高度uniapp swiper
uniapp自带的提示窗口
一、成功提示弹窗uni.showToast({ title: '成功提示', //将值设置为 success 或者直接不用写icon这个参数 icon: 'success', //显示持续时间为 2秒 duration: 2000 }) 二、加载提示弹窗 //前端数据请求时,显示加载提示弹框 uni ......
uniapp微信小程序直播
https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/industry/liveplayer/live-player-plugin.html https://docs.qq.com/doc/DZHhzV0FiYX ......
微信小程序 swiper scroll 应用
swiper 演示视图 wxml <!-- 中部上游信息 --> <swiper class="swiper" autoplay circular previous-margin="20rpx" next-margin="60rpx"> <swiper-item wx:for="{{upstream ......
uniapp 做app与h5开发的问题
目前产品是使用uniapp做跨平台开发的 安卓 ios 的app 以及公众号 也就是h5版本 基于uniapp的一些api只能提供 app端的使用 先前的设想是 如果 有类似下图的接口 不支持h5的 就使用html5的api去介入设备控制 开始不打算用wx sdk 是考虑后续如果要发布到不同平台需要 ......
uniapp 打包aab上传到google play的时候google 登录报异常
因为App上传到Google Play后,会被重新签名(Play App Signing) 谷歌为你生成的签名SHA-1 将谷歌为你生成的签名SHA-1 证书指纹复制到本应用已创建的凭据SHA-1 处, 点击保存后,ClientID并没有变,所以不用重新打包。现在,不用等,你可以试试Google+登 ......
uniapp 区分环境打包配置
概述 在开发web时,有时需要一套代码编译发布到不同的站点,比如主站和微信h5站。(注意不是一套代码内部自适应不同浏览器,是真的分离部署了不同的网站) 在开发小程序时,经常有扩展小程序平台,比如基于阿里小程序的钉钉小程序、淘宝小程序。 uni-app 通过在package.json文件中增加uni- ......
uniapp 获取页面滚动高度。初步计算基层代码
<template> <scroll-view class="scroll-view" scroll-y @scroll="onPageScroll"> <div class="one">one</div> <div class="two">two</div> <div class="three"> ......
uniapp directive 在原生 wgt 包不生效 uniapp directive 不生效
需求 根据权限编码禁用按钮 阻止当前 dom 绑定的点击事件,禁用状态(opacity 半透明?? 或者 display: none?? ) 尝试 开发环境用 Chrome 跑,一切正常,构建打包后去真机跑,按钮没控制住 (用 HBX -发行-原生应用 app 制作 wgt 包)开发环境: HBX: ......
视频直播源码,scroll-view如何自适应页面剩余高度
视频直播源码,scroll-view如何自适应页面剩余高度 首先想到的方法是通过计算得出scroll-view的高度,使用100vh即视口高度,减去上下两个组件和手机状态栏的高度,得到剩余的高度即scroll-view的高度。 onLoad(options){uni.getSystemInfo({s ......
uniapp轮播图预览
<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true"> <!-- 把当前点击的图片的索引,传递到 preview() 处理函数中 点击图片预览--> <sw ......
房子的高度
一、问题描述: 众所周知,KUN作为内蒙首富,在内蒙有一座海景房,在房子的最高层恰好可以看到太平洋(在二维平面内近似成一个点)。我们非常想知道KUN到底有多富有以及KUN的房子到底有多高。我们可以通过以下方式对KUN的房子的高度进行估计(由于KUN的房子实在是太高了,我们可以近似的认为房子最高层的高 ......
uniapp android端铃声静音
uniapp 使用了html5plus的api,可以实现调用原生的api功能,htm5plus官方api文档: https://www.html5plus.org/doc/zh_cn/ios.html 我主要是使用了native.js 中android端部分实现了铃声静音,但不会让媒体音量也静音。要 ......
篮球从5米高的地方掉下来,每次弹起的高度是原来的30%,经过几次弹起,篮球的高度小于0
篮球从5米高的地方掉下来,每次弹起的高度是原来的30%,经过几次弹起,篮球的高度小于0.1米 <script> let start = 5 //起始高度 let count = 0 while (start >= 0.1) { start *= 0.3 //只因球弹起高度 count++ //计数几 ......
解决uniapp不显示showToast或一闪而过问题
原因:showToast与其他方法冲突,以onLoad冲突为例 第一种: 将showToast与showLoading分开,放到mounted中 mounted(){ // 判断是否登录 if (!this.hasLogin) { uni.showToast({ title:'登录过期', icon ......
【uniapp】【外包杯】学习笔记day08 | 初具雏形+后期任务
总的来说就是BBQ了,基本上前后端都有了阶段性成果,但是问题在于是否符合我们题目的要求,所以也需要进行很详细的改动,其次就是小程序的支付功能以及登录功能1还有具体配置还是不太行。 然后下载的spring模板也不太会用,家人们真的无语啊! 大概还有三个晚上,尽力改改吧,然后就没有然后了! ......
uniapp计算属性和监听属性的使用及props验证
计算属性: 定义: computed:{ 变量名xx(){ return 计算的代码 } } 使用: <p>乘以2的值为{{ 变量名xx() }}</p> 监听属性: (普通监听:无法监听到第一次绑定的变化) 定义: watch: { 变量名xx (newName, oldName){ consol ......
Swiper轮播图库的使用
Swiper轮播图库的使用 1.下载并引入CSS和JS文件 (1)安装swiper (2)在需要使用轮播图的组件内导入swpier和它的css样式 (3)在组件中创建swiper需要的dom标签(html代码,参考官网代码) (4)创建swiper实例 注意:在创建swiper对象时,我们会传递一个 ......
【uniapp】【外包杯】学习笔记day07 | 微信小程序轮播图、分类导航、楼层图的开发与实现
1、创建home分支 2、配置网络请求 由于平台的限制,现需要建立uni-app中使用第三方包请求网络数据请求 在 uni-app 项目中使用 @escook/request-miniprogram 第三方包发起网络数据请求 1.轮播图的外层容器是swiper2.每个轮播项是swiper-item ......
【uniapp】【微信小程序】如何创建分包
意义:分包可以减少小程序数次启动时的加载时间 1、创建分包的根目录 2、在page.json中,和pages节点平级的位置声明节点,用来定义分包的相关结构 3、在subpkg目录上新建页面 4、完成了 ......
微信小程序、uniapp、vue生命周期钩子函数
生命周期是指从创建到销毁的过程 一、微信小程序 小程序里面有两种生命周期函数,第一个:通过App()来注册一个小程序 ,第二个:通过Page()来注册一个页面 应用生命周期函数 app( ) app.js 是小程序执行的入口文件,在 app.js 中必须调用 APP() 函数 APP() 函数用于注 ......
uniapp微信小程序设置插件样式
使用的腾讯位置服务的城市选择器插件,样式出现问题 最后在App.vue文件中设置插件样式 .cs-page-container{ width: 100%; } 解决问题。 ......
uniapp分包
pages.json: { "pages": [ { "path": "pages/index/index", "name":"index", "style": { "navigationStyle": "custom", "navigationBarTitleText": "首页", "app-p ......
uniapp兼容微信小程序和支付宝小程序遇见的坑
1、获取当前帐号信息 getAccountInfoSync兼容;my.getOpenUserInfo 无效的授权关系 微信小程序:wx.getAccountInfoSync() 支付宝小程序: <button class="popup-btn" @click="openAuth" type="pri ......
uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性
web-view是什么 web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面?有什么好处呢? ......
uniapp 集成 sentry,并上传sourcemap,定位错误
具体见 : https://blog.csdn.net/weixin_49192390/article/details/113989218?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168178969316800197063528 ......
uniapp 使用u-icon 图标不显示 手机端不显示
uni_modules>uview-ui>components>u-icon>u-icon.vue中, // 非nvue下加载字体 // @font-face { // font-family: 'uicon-iconfont'; // src: url('https://at.alicdn.com ......
uniapp点击选中更改背景色,第二次点击直接跳转
直接上代码 <view id="index0" v-for="(item, index) in value.list" :key="index" class="text-item" style="background-color: #fee3b3" :style="{ width: 'calc(10 ......