分类:uniapp

uniapp开发笔记

uniapp微信小程序使用uview-plus实现日期选择封装

uniapp微信小程序使用uview-plus实现日期选择封装
uniapp 微信小程序开发过程中,需要实现日期选择,但是当前页面可能会出现多个日期选择,如果每个日期选择都要写一套代码会让代码臃肿不便于维护。 这里我们对这个日期选择进行封装 封装一个getdate的组件 <template> <div> <...

yekong 7个月前 (05-11) 喜欢

uniapp微信小程序获取up-tabbar高度

uniapp微信小程序获取up-tabbar高度
uniapp微信小程序开发中,多个页面通过tabbar来进行切换,因为涉及到页面滚动,这里需要获取tabbar高度,以更精确的控制滚动。 直接获取up-tabbar可能获取不到,我们可以用div将up-tabbar包起来,然后获取这个div的高度。 <div id=&qu...

yekong 7个月前 (05-05) 喜欢

uniapp vue3 实现上传头像的组件

uniapp vue3 实现上传头像的组件
uniapp需要一个上传头像的功能,这里我们把他单独封装为一个组件,然后通过父组件传值给子组件,子组件更新后传值给父组件。 要实现imageSrc从父组件传入,并在上传成功后将新的图片路径返回给父组件,你可以使用Vue的props和$emit功能。下面是修改后的代码: 组件代码 ...

yekong 7个月前 (05-04) 喜欢

uniapp vue3 uview-plus接口封装

uniapp vue3 uview-plus接口封装
uniapp微信小程序开发过程中,接口请求需要进行封装,用来进行全局处理。 首先封装文件 首先创建文件request.js,我们引入uview-plus然后进行封装处理,这里接口是以cookies的形式鉴权访问的,所以我们需要对cookies进行接受以及传递。 // 此vm参数为...

yekong 7个月前 (05-04) 喜欢

uniapp 微信小程序按钮移除默认样式

uniapp 微信小程序按钮移除默认样式
uniapp微信小程序开发中,经常需要用到按钮来获取电话号码等信息,但是很多地方并不是按钮样式,所以我们需要对按钮进行改造,让其像普通的div一样。 <button v-if="!isLogin" class="button-style hom...

yekong 7个月前 (05-03) 喜欢

uniapp div设置底部安全距离

uniapp div设置底部安全距离
在uni-app中设置底部安全距离,可以通过CSS样式来实现。例如,如果你想为一个元素设置底部安全距离,可以使用如下CSS代码: .jiange { position: relative; height: 80rpx; padding-bottom: co...

yekong 7个月前 (05-03) 喜欢

vue字段判断显示早上好 中午好 下午好 晚上好

vue字段判断显示早上好 中午好 下午好 晚上好
Vue要实现根据当前时间自动判断并显示“早上好”、“中午好”、“下午好”或“晚上好”,你可以在Vue组件的data函数中添加一个计算属性来处理这个逻辑。以下是如何修改你的Vue组件来实现这个功能: 修改 <script> 部分 在<script>标签中,我...

yekong 7个月前 (04-28) 喜欢