uniapp微信小程序开发中,多个页面通过tabbar来进行切换,因为涉及到页面滚动,这里需要获取tabbar高度,以更精确的控制滚动。
直接获取up-tabbar可能获取不到,我们可以用div将up-tabbar包起来,然后获取这个div的高度。
<div id=&qu...
8个月前 (05-05)
喜欢
代码
<button open-type='feedback' class="aboutBodyItem button-style">
</button>
<button open-type='feedback' class=...
8个月前 (05-04)
喜欢
uniapp需要一个上传头像的功能,这里我们把他单独封装为一个组件,然后通过父组件传值给子组件,子组件更新后传值给父组件。
要实现imageSrc从父组件传入,并在上传成功后将新的图片路径返回给父组件,你可以使用Vue的props和$emit功能。下面是修改后的代码:
组件代码
...
8个月前 (05-04)
喜欢
uniapp微信小程序开发过程中,接口请求需要进行封装,用来进行全局处理。
首先封装文件
首先创建文件request.js,我们引入uview-plus然后进行封装处理,这里接口是以cookies的形式鉴权访问的,所以我们需要对cookies进行接受以及传递。
// 此vm参数为...
8个月前 (05-04)
喜欢
uniapp 微信小程序输入框宽度命名足够,但是内容显示却不完整。
排查后发现是给输入框设置了display,去掉display后显示恢复正常。
修改前
input {
width: 690rpx;
height: 45rpx;
display: flex;
max-w...
8个月前 (05-03)
喜欢
uniapp微信小程序开发中,经常需要用到按钮来获取电话号码等信息,但是很多地方并不是按钮样式,所以我们需要对按钮进行改造,让其像普通的div一样。
<button v-if="!isLogin" class="button-style hom...
8个月前 (05-03)
喜欢
在uni-app中设置底部安全距离,可以通过CSS样式来实现。例如,如果你想为一个元素设置底部安全距离,可以使用如下CSS代码:
.jiange {
position: relative;
height: 80rpx;
padding-bottom: co...
8个月前 (05-03)
喜欢
vue项目引入组件后报错了
[plugin:vite:vue] [vue/compiler-sfc] Unterminated string constant. (27:23)
/shuzizhujian_vue3_3840/src/view/home.vue
180| imp...
9个月前 (05-01)
喜欢
vue 数据可视化大屏 实现进度条效果,通过10种颜色图标实现进度条背景色。
使用组件
<template>
<div class="list">
<div class="titleBody"&g...
9个月前 (05-01)
喜欢
vue 数据可视化大屏 项目开发中经常会遇到各种各样的进度条效果,想来将来可能会遇到类似的效果就将对应的效果实例给记录下来。
如果您需要设计属于自己的 可视化数据大屏 可以联系我们微信:17331886870
组件代码
<template>
<div cl...
9个月前 (05-01)
喜欢