微信小程序
昨夜太平长安888
愿你我既可以朝九晚五,也可以浪迹天涯;愿你我既可以拈花把酒,也能围炉诗书茶。
展开
-
「微信二次分享」➡️ 自定义标题和图片
微信二次分享,自定义标题和图片原创 2022-11-17 13:52:25 · 286 阅读 · 0 评论 -
uniapp 小程序 手写弹框单选选择器
先看效果:直接贴代码:<template> <!-- 退款申请页面 --> <view> <nav-bar title="退款申请"></nav-bar> <view class="application"> <view class="goods"> <view class="houseImg"> <image :src=原创 2021-04-30 18:40:42 · 850 阅读 · 2 评论 -
uniapp开发微信小程序获取用户基本信息以及手机号 uni.getUserProfile getPhoneNumber
首先获取用户信息以及手机号必须要通过button按钮点击实现小程序登录、用户信息相关接口调整说明官方一、获取用户信息(友情链接)依据微信小程序开发文档描述,先写一个button按钮,open-type设为getUserProfile,在uniapp页面中创建按钮 <button style="border: none; height: 120rpx; width: 120rpx" class="login obta..原创 2021-04-24 09:56:20 · 3013 阅读 · 0 评论 -
微信小程序【getLocation需要在app.json中声明permission字段】 解决办法???
我们需要在 app.json 文件里面增加 permission 属性配置(小游戏需在game.json中配置): "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },效果:确认之后即可授权!!...原创 2020-07-31 11:42:00 · 643 阅读 · 0 评论 -
微信小程序 【如何用写 scroll-view 一个微信小程序楼梯导航??】
先看我们需要的效果:wxml 页面:<view class="scroll_box"><!-- 左边滚动 --> <scroll-view class="left_scroll_view" scroll-y="{{true}}" scroll-into-view="{{navId}}"> <view id="nav{{index + 1}}" class="{{current === index ? 'active' : ''}}" bi原创 2020-07-10 12:05:34 · 504 阅读 · 0 评论 -
微信小程序如何数据绑定???
数据绑定WXML 中的动态数据均来自对应 Page 的 data;不同页面之间的数据绑定,都可以在js文件中的data数据中进行更改!一、简单绑定数据绑定使用 Mustache 语法(双大括号)将变量包起来二、运算可以在{{}}内进行简单的运算,支持的有如下几种方式:三元运算<view>{{11 % 2 === 0 ? "是偶数" : "是奇数"}}</view> <!-- 是奇数 -->算数运算Page({...原创 2020-07-10 11:55:33 · 689 阅读 · 0 评论 -
微信小程序 【事件如何传参???】
小程序的事件名称是一个字符串所以后面不能加()自然也不能利用加()的方式传参bindtap 是小程序的点击事件<button bindtap="click" >点击</button>这里有个点击事件,如果我什么参数都没有传的话,那么它肯定是有一个事件对象的?//在对应页面的js文件中写click(e){ console.log(e) // 打印一下事件对象},我给button 给个id = “btn” 我们在来看一下:在小程序中我可..原创 2020-07-07 19:24:33 · 519 阅读 · 0 评论 -
微信小程序【全局配置和页面内配置】
全局配置:官方文档app.json文件中这里以配置顶部title和tabbar为例:"window": { "backgroundTextStyle": "light", // background中文本的颜色 他的值只有light和dark "navigationBarBackgroundColor": "#000", // 顶部导航的背景色 "navigationBarTitleText": "微信接口功能演示", // 顶部导航的title "navigationBarT..原创 2020-07-07 17:02:36 · 373 阅读 · 0 评论 -
网络请求:简单的封装一个请求
我们可以新建一个 server 文件夹 ,里面创建一个server.js 文件,来集中处理我们项目中用到的请求:var server = function(url, type, params) { return new Promise((resolve, reject) => { wx.request({ url: 'http://localhost:7001/' + url, data: params || {}, method: type ||原创 2020-07-07 15:09:11 · 249 阅读 · 0 评论 -
微信小程序 扫一扫跳转到外部链接
微信是不支持直接跳转到外部的链接,那就真的不能了吗???我们可以转换一下思维,中间先跳转到其他页面,在通过页面内的<web-view></web-view>标签中的 src 属性进行设置就可以了在wxml 文件中写:<button bindtap="fun">扫一扫</button>在js文件中调取微信扫码API方法 fun() { wx.scanCode({ // 微信扫码 调起客户端扫码界面进行扫码 com原创 2020-07-07 12:03:37 · 2354 阅读 · 0 评论 -
微信小程序 【页面导航跳转】
微信小程序大致分为四种跳转: wx.navigateTo: 页面跳转保留当前页面(页面隐藏,并未销毁,节省性能),跳转到应用内的某个页面。但是不能跳到tabbar页面,小程序使用页面跳转方法的时候不能添加文件扩展名,否则会没有反应,wx.redirectTo: 页面跳转关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到tabbar页面。优点实时更新 wx.reLaunch:页面跳转关闭所有页面(销毁其他页面),打开到另一个页面。可以进入tabBar定义的...原创 2020-07-07 11:43:27 · 1146 阅读 · 0 评论 -
微信小程序 【知道这些微信小程序常用标签,你就可以出师了?????】
小程序中的常用标签也是就是我们常用的这些view 这个标签相当于div(它的特点就是在没有其他样式影响的情况下,宽度100%);text 这个标签相当于span(它的特点就是在没有其他样式影响的情况下,不会独占一行,宽和高由内容撑开,这个时候你设置宽高是没有用的);image 这个标签比较重要,图片组件。src里面可以放网络地址和本地图片地址。button 这个是按钮组件。input 这个是输入框组件。navigator 这个是导航组件。view(视图容器)、rich-text(富文本)、原创 2020-07-06 18:36:20 · 725 阅读 · 0 评论 -
微信小程序 扫码功能
wx.scanCode(Object object)通过上面接口调起客户端扫码界面进行扫码参数Object object属性 类型 默认值 必填 说明 最低版本 onlyFromCamera boolean false 否 是否只能从相机扫码,不允许从相册选择图片 1.2.0 scanType Array.<string> ['barCode', 'qrCode'] 否 扫码类型 1原创 2020-05-12 16:34:05 · 2307 阅读 · 0 评论 -
微信小程序 转发分享功能
转发获取更多转发信息通常开发者希望转发出去的小程序被二次打开的时候能够获取到一些信息,例如群的标识。现在通过调用wx.showShareMenu并且设置withShareTicket为true,当用户将小程序转发到任一群聊之后,此转发卡片在群聊中被其他用户打开时,可以在App.onLaunch或App.onShow获取到一个shareTicket。通过调用wx.getShareInfo接口传入此shareTicket可以获取到转发信息。页面内发起转发基础库...原创 2020-05-12 16:16:35 · 1467 阅读 · 0 评论