微信小程序
微信小程序
小歪 | 前端
这个作者很懒,什么都没留下…
展开
-
JS_new Date(“2024-09-27 16:37:31“) 在部分 iOS 下无法正常使用,iOS 只支持 “yyyy/MM/dd“、“yyyy/MM/dd HH:mm:ss“、“yyyy-
new Date(“2024-09-27 16:37:31”) 在部分 iOS 下无法正常使用,iOS 只支持 “yyyy/MM/dd”、“yyyy/MM/dd HH:mm:ss”、“yyyy-MM-dd”、“yyyy-MM-ddTHH:mm:ss”、“yyyy-MM-ddTHH:mm:ss+HH:mm” 的格式。在微信小程序中使用new Date(“YYYY-MM-DD hh:mm:ss”)转换时间时,出现了警告,导致使用苹果手机时,时间转换的结果为null,无法正常显示。将’-‘直接替换为’/’原创 2024-09-11 16:42:21 · 312 阅读 · 0 评论 -
UNI-APP_微信小程序报错wx.getLocation need to be declared in the requiredPrivateInfos field in app.json
自 2022 年 7 月 14 日后发布的小程序,使用以下8个地理位置相关接口时,需要声明该字段,否则将无法正常使用。最后记得在小程序后台去开通一下需要的地理位置接口,要不然正式环境不让上线哦。开通理由正常填写就是了,一般不会驳回。我目前只用到一个,所以开通对应的就行了。在mp-weixin 里设置就可以了。原创 2023-06-01 17:13:30 · 298 阅读 · 0 评论 -
UNI-APP_开发小程序调用第三方地图app导航
// 没有在登录的时候获取自己的定位 而是点击事件 调用viewMapLocation()这个方法时获取了自己的定位 //因考虑到用户拒绝获取自己的定位所以当用户再次点击后会唤起设置让用户打开定位// 这里传入的三个参数分别是 要去的 经度 纬度 以及 地址信息viewMapLocation(longitude, latitude, address) { // 这里因为我是子组件传参过来了导致 经纬度变成了String 类型所以进行了一次转换 latitude = Number(latitu原创 2021-11-11 15:17:31 · 722 阅读 · 0 评论 -
微信小程序_小程序如何创建主包和分包,小程序主包和分包区别
pages以内的是分包,每一个文件夹代表一个分包。subPackages是分包,每一个root都是一个分包截止于目前,小程序总大小不超过8M,每个包不超过2Muni-app开发pages.json{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitl原创 2020-12-07 17:47:13 · 1765 阅读 · 0 评论 -
微信小程序_微信小程序如何自定义顶部
1.新建组件根目录/components/navbar2.app.json文件添加组件"pages":[ "components/navbar/index" ],自定义导航栏配置"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarT原创 2020-07-23 09:51:12 · 517 阅读 · 2 评论 -
微信小程序_如何实现小程序之间互相跳转
首先我们要在 app.json 中配置以下代码"navigateToMiniProgramAppIdList": [ "目标小程序的appid" ],对应 js 的代码如下wx.navigateToMiniProgram({ appId: '目标小程序的appid', path: '', envVersion: 'release',// 打开正式版 success(res) { // 打开成功 }, fail: func原创 2020-05-13 15:37:20 · 604 阅读 · 0 评论 -
微信小程序_bindtap传递参数
.wxml页面<!-- data-smile 需要传递的参数名 a点击事件 --><view data-smile='{{item.id}}' bindtap="a">.js页面获取参数a:function(e){ console.log(e.currentTarget.dataset.smile) //获取传递的smile参数}原创 2020-05-12 14:17:54 · 8452 阅读 · 1 评论 -
微信小程序_tab选项卡1
.wxml<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">全部</view> <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickT.原创 2020-05-09 10:59:24 · 183 阅读 · 0 评论 -
微信小程序_如何获取元素高度
data: { widHeight:'', //高度 },/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var query = wx.createSelectorQuery(); //选择id var that = this; query.select('.wsy').boundingClientRect(function (rect) { console.log(rec原创 2020-05-09 10:53:56 · 807 阅读 · 0 评论 -
微信小程序_组件页面加载完成执行及点击事件
Component({ /** * 页面的初始数据 */ data: { bottomimg:'', }, /** * 函数 */ methods: { }, /** * 页面加载完成执行 */ lifetimes:{ ready(){ } }})...原创 2020-05-07 11:35:37 · 9799 阅读 · 0 评论 -
微信小程序_路由跳转_页面跳转
微信开发文档wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.switchTab({ url: '/index'})wx.reLaunch(Object object)关闭所有页面,打开到应用内的某个页面wx.reLaunch({ url: 'test?id=1'})wx.redirectTo(...原创 2020-04-27 13:48:14 · 228 阅读 · 0 评论 -
微信小程序_自定义tabbar实现中间图标突出效果(附带wx.hideTabBar不生效的bug解决方案)
github传送门https://github.com/SuRuiGit/wxapp-customTabbar第一步:找到项目中的tabbarComponent目录,拷贝到你的工程中,然后将tabbarComponent->icon图标替换成你自己的tabbar图片(建议把tabbarComponent目录与pages同级)第二步:到app.json中配置tabBar,如果tabba...原创 2020-04-22 09:25:43 · 2492 阅读 · 1 评论 -
微信小程序_显示隐藏tabbar
wx.hideTabBar和wx.showTabBar隐藏tabbar wx.hideTabBar({ fail: function() { setTimeout(function() { // 做了个延时重试一次,作为保底。 wx.hideTabBar() }, 500) } });显示tabbarwx.showTabBar(...原创 2020-04-22 09:13:53 · 3854 阅读 · 0 评论 -
微信小程序_组件和页面方法的互相调用
一、通过组件调用页面里面的方法:我们这里用header组件和user页面来举例:先在header组件js页面的methods中,写一个方法,然后用triggerEvent给监听的事件起一个名字,这里叫做run在header.wxml中,使用bindtap绑定这个getUserFn方法,一般会绑定到按钮上在user.wxml中,调用header组件,并且bind:run=“user组件中...原创 2020-04-17 10:11:55 · 2825 阅读 · 0 评论 -
小程序开发_新建组件及使用
一定义组件1)新建组件文件夹 /components比如我这里在components文件下新建一个bottom注意:bottom文件下的文件不是自己创建的,是注册注册组件的时候自己创建的2)根目录下app.json文件下注册组件"pages": [ "components/bottom/index"],3)components/bottom/index.json文件里开启...原创 2020-04-13 11:55:13 · 334 阅读 · 0 评论 -
小程序开发_关于我们弹窗_二维码
wxml文件<!--屏幕背景变暗的背景 --> <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> <!--弹出框 --> <view animation="{{animationData}}" class="co...原创 2020-04-13 09:06:54 · 1022 阅读 · 0 评论 -
小程序开发_弹出窗
传送门官方微信开发文档wx.showToast()title:显示的提示信息,在没有图标的情况下,文本内容可显示两行icon: 显示的图标success:成功图标loading:加载图标none:没有图标image:自定义显示的图标,优先级高于iconduration:延迟的时间,弹出框弹出后的显示时间mask:true/false是否显示遮罩层success:接口调用成...原创 2020-04-11 10:26:02 · 276 阅读 · 0 评论 -
小程序开发_swiper轮播
1.wxml代码 <view class='product-bg'> <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000"> <block> ...原创 2020-04-11 10:01:06 · 256 阅读 · 0 评论 -
小程序开发_遮罩弹窗--商品详情页底部弹出框
1.js代码(一般情况下只调用显示对话框的函数,当点击对话框外部的时候,对话框可以消失) //显示对话框 showModal: function () { // 显示遮罩层 var animation = wx.createAnimation({ duration: 200, timingFunction: "linear", delay: 0 }) this.animat...原创 2020-04-11 09:33:32 · 686 阅读 · 0 评论 -
小程序开发_触摸事件
我现在利用小程序触摸开始事件bindtouchstart 和bind:touchend作为按下和松开事件 startRecord: function(e) { 单击不执行,点击超过一定时间执行 console.log('触摸开始') }, endRecord: function(e) { console.log('触摸结束') },...原创 2020-04-10 19:14:52 · 403 阅读 · 0 评论