随笔分类 -  微信小程序

省市区地区选择器
摘要：效果图： wxml: <view class="item"> <view class="left">联系地址：</view> <picker class="right" mode="region" bindchange="bindRegionChange" value="{{region}}" cu 阅读全文
posted @ 2021-07-17 12:09 星河几重 阅读(491) 评论(0) 推荐(0)
自定义picker多列选择器
摘要：wxml: <view class="item"> <view class="left">服务产品：</view> <picker mode="multiSelector" class="right" bindchange="bindMultiPickerChange" bindcolumnchan 阅读全文
posted @ 2021-07-17 12:02 星河几重 阅读(711) 评论(0) 推荐(0)
获取用户信息并且缓存信息
摘要：最近微信小程序对于审核小程序提出了带有wx.login、wx.getUserInfo接口的调整，并提出了一个新的接口供开发者调用 点击前往官网查看更多详细信息 wxml: <view class="login"> <!-- 当已经授权登录的时候 --> <view class="left" wx:i 阅读全文
posted @ 2021-07-16 23:41 星河几重 阅读(253) 评论(0) 推荐(0)
拨打电话API
摘要：官网：电话 拨打电话 wx.makePhoneCall(Object object) phoneNumber 参数值类型需为字符串。 wx.makePhoneCall({ phoneNumber: '1340000', //仅为示例，并非真实的电话号码 success() { console.log 阅读全文
posted @ 2021-05-30 23:26 星河几重 阅读(545) 评论(0) 推荐(0)
点击复制功能、拨打电话
摘要：效果图： wxml <view class="box"> <image src="../../images/online/weixin.png" mode="widthFix" /> <view class="tell">{{weixin}}</view> <view class="tip" dat 阅读全文
posted @ 2021-05-30 23:23 星河几重 阅读(269) 评论(0) 推荐(0)
【微信小程序】自定义导航栏（二）
摘要：微信头部导航栏可能通过json配置： （文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html） 但是有时候我们项目需求可能需要自定义头部导航栏，如下图所示： 分析上图，我得到如下信息 阅读全文
posted @ 2021-02-28 15:28 星河几重 阅读(402) 评论(0) 推荐(0)
【微信小程序】自定义导航栏（一）
摘要：大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。 思路 隐藏官方导航栏 获取胶囊按钮、状态栏相关数据以供后续计算 根据不同机型计算导航栏高度 编写新的导航栏 页面引用自定义导航 一、隐藏官方导航栏 隐藏导航 阅读全文
posted @ 2021-02-28 14:38 星河几重 阅读(1191) 评论(0) 推荐(0)
【微信小程序】引入阿里巴巴图标库iconfont
摘要：注意：在uni-app中引入阿里巴巴图标库步骤同上。 【uni-app】引入阿里巴巴图标库 阅读全文
posted @ 2021-02-28 13:54 星河几重 阅读(171) 评论(0) 推荐(0)
【微信小程序】实现公告栏滚动效果
摘要：data: msgList: [ { title: '你有一笔奖励待发放' }, { title: '1.8元津贴到账，快点去打车吧' }, { title: '单单八折赢iPhone，一路迎春“发”' } ], wxml: <view class="notice"> <view class="le 阅读全文
posted @ 2021-02-25 11:27 星河几重 阅读(1933) 评论(0) 推荐(0)
【uni-app/微信小程序】预览图片（单张、多张）uni.previewImage()
摘要：uni-app官网：https://uniapp.dcloud.io/api/media/image?id=previewimage 微信小程序官网：https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.preview 阅读全文
posted @ 2021-02-19 14:43 星河几重 阅读(6787) 评论(0) 推荐(0)
【微信小程序】tab选项卡
摘要：方法一 <view class="tabs"> <view class="tabNav"> <view class="{{currentTab==index ? 'cur' : ''}}" wx:for="{{navTab}}" wx:key="index" data-idx="{{index}}" 阅读全文
posted @ 2021-02-01 22:19 星河几重 阅读(301) 评论(0) 推荐(0)
【微信小程序】swiper轮播图
摘要：<view class="swiperWrap"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular= 阅读全文
posted @ 2021-02-01 21:57 星河几重 阅读(125) 评论(0) 推荐(0)