uniapp微信小程序开发过程中,需要实现联系客服的功能,这里我们使用微信自带的联系客服,需要使用button按钮的open-type,为了可以在多个地方使用,保持主页面代码的整洁,我们对这个功能进行封装,另外一个相似的功能是:uniapp微信小程序实现意见反馈封装
按钮封装
...
yekong
8个月前 (05-12)
喜欢
uniapp 微信小程序开发过程中,需要实现日期选择,但是当前页面可能会出现多个日期选择,如果每个日期选择都要写一套代码会让代码臃肿不便于维护。
这里我们对这个日期选择进行封装
封装一个getdate的组件
<template>
<div>
<...
yekong
8个月前 (05-11)
喜欢
uniapp微信小程序开发中,多个页面通过tabbar来进行切换,因为涉及到页面滚动,这里需要获取tabbar高度,以更精确的控制滚动。
直接获取up-tabbar可能获取不到,我们可以用div将up-tabbar包起来,然后获取这个div的高度。
<div id=&qu...
yekong
8个月前 (05-05)
喜欢
代码
<button open-type='feedback' class="aboutBodyItem button-style">
</button>
<button open-type='feedback' class=...
yekong
8个月前 (05-04)
喜欢
uniapp需要一个上传头像的功能,这里我们把他单独封装为一个组件,然后通过父组件传值给子组件,子组件更新后传值给父组件。
要实现imageSrc从父组件传入,并在上传成功后将新的图片路径返回给父组件,你可以使用Vue的props和$emit功能。下面是修改后的代码:
组件代码
...
yekong
8个月前 (05-04)
喜欢
uniapp微信小程序开发过程中,接口请求需要进行封装,用来进行全局处理。
首先封装文件
首先创建文件request.js,我们引入uview-plus然后进行封装处理,这里接口是以cookies的形式鉴权访问的,所以我们需要对cookies进行接受以及传递。
// 此vm参数为...
yekong
8个月前 (05-04)
喜欢
uniapp 微信小程序输入框宽度命名足够,但是内容显示却不完整。
排查后发现是给输入框设置了display,去掉display后显示恢复正常。
修改前
input {
width: 690rpx;
height: 45rpx;
display: flex;
max-w...
yekong
8个月前 (05-03)
喜欢
uniapp微信小程序开发中,经常需要用到按钮来获取电话号码等信息,但是很多地方并不是按钮样式,所以我们需要对按钮进行改造,让其像普通的div一样。
<button v-if="!isLogin" class="button-style hom...
yekong
8个月前 (05-03)
喜欢
在uni-app中设置底部安全距离,可以通过CSS样式来实现。例如,如果你想为一个元素设置底部安全距离,可以使用如下CSS代码:
.jiange {
position: relative;
height: 80rpx;
padding-bottom: co...
yekong
8个月前 (05-03)
喜欢
Vue要实现根据当前时间自动判断并显示“早上好”、“中午好”、“下午好”或“晚上好”,你可以在Vue组件的data函数中添加一个计算属性来处理这个逻辑。以下是如何修改你的Vue组件来实现这个功能:
修改 <script> 部分
在<script>标签中,我...
yekong
8个月前 (04-28)
喜欢