![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
原生
使用原生方法写小程序
小阳生煎
你尽管努力,最坏不过大器晚成
展开
-
小程序开发工具与AppID及公众号
【代码】小程序开发工具与AppID及公众号。原创 2023-03-26 18:53:23 · 249 阅读 · 0 评论 -
movable-view 组件(可上下左右拖动 )
代码】movable-view组件(可上下左右拖动)原创 2022-07-26 15:15:16 · 396 阅读 · 0 评论 -
taro/微信小程序修改checkbox/radio默认样式
1、改颜色<Radio color='#FF7464'></Radio>2、改大小<Radio style={{transform:'scale(0.8)'}} color='#FF7464'></Radio>color可直接改变选中后的颜色transform即放大或者缩小https://blog.csdn.net/qq_36894527/article/details/83893426...原创 2021-07-19 12:47:00 · 2250 阅读 · 0 评论 -
小程序实现上拉加载下拉刷新
效果图代码wxml<scroll-view scroll-y style="height:100vh;"bindscrolltolower="bindDownLoad" bindscrolltoupper="topLoad" bindscroll="scroll"> <view wx:for="{{list1}}" wx:key="id" class="main"> <view>{{item.ansCont}}</view>原创 2021-05-29 18:33:34 · 109 阅读 · 0 评论 -
小程序和vue的button/a不可以重复点击
小程序button按钮不可重复点击disabled="true"代表不可点击wxml<button disabled="{{disabled}}"> 获取</button>jsPage({ data:{ check:false, } //这边是在初始定义为可点击 //在数据请求的时候把check变为true 加如下代码 this.setdata({ check:true,})})在这里插入代码片vuebut原创 2021-05-25 16:56:21 · 696 阅读 · 0 评论 -
小程序日历
日历组件自定义滑动日历组件小程序折叠伸展与滑动日历原创 2021-05-23 15:28:23 · 427 阅读 · 0 评论 -
小程序插件引入(地铁图/路线规划/地图选点/城市选择器)
小程序插件官方地址–腾讯初始化这边使用的是腾讯家的插件,所以我们要按照他家的要求一步一步来。首先我们要申请一个key值(申请key值是去腾讯地图开发平台去找)然后在小程序里面添加插件 (这2步是上方官方地址的入门有介绍)然后我们就开始引入引入然后根据官方的介绍引入https://lbs.qq.com/miniProgram/plugin/pluginGuide/subwayapp.json引入插件包 // 地铁图插件 "plugins": { "s原创 2021-05-21 17:56:19 · 853 阅读 · 0 评论 -
WeChat楼梯导航
楼梯导航(data里面数据)这边的滑动是有误差的,需要你完全掌握后进行独自修改效果图json数据 navList: [ { c_id: "01", c_name: '电脑办公', list: [ { id: 1, url: 'https://resource.yirenheju.cn/wechat/index/err.png', goodsNam原创 2021-05-21 11:03:11 · 212 阅读 · 0 评论 -
小程序空格/换行/禁止页面滑动
空格\t空格(多个只会显示一个空格) <text space="ensp">哈哈啊 哈哈哈(空格是中文字符一半大小)</text> <text space="emsp">哈哈啊 哈哈哈(空格是中文字符大小)</text> <text space="nbsp">哈哈啊 哈哈哈(空格根据字体设置)</text> <text decode="{{true}}">哈哈 啊原创 2021-05-15 10:15:14 · 183 阅读 · 0 评论 -
小程序扫码登录
https://blog.csdn.net/li5672/article/details/111170634原创 2021-05-15 09:42:39 · 379 阅读 · 0 评论 -
小程序预览效果显示代码量过大/没有权限预览访问
一般情况下在小程序即将完成但你又想预览看下效果,如果前期你没有做任何处理的话,都会显示代码超过限制如何分包这个原因是小程序本身是有大小限制要求的。这个时候我们可以使用分包的方式来进行解决官网介绍代码详解这里的分包并不限制数量的规定。一切按照官网的规定字段来。1综上所述,创建几个与page同级的目录文件夹,里面创建所对应的pages文件夹,然后在文件夹里面放你的目录文件。2综上所述,在同级的pages文件夹当中创建了你所要分包的文件夹,里面包括对应的文件,下面我们就在总pages里原创 2021-05-10 16:45:33 · 2505 阅读 · 0 评论 -
小程序时间与时间戳的相互转换
https://blog.csdn.net/shang_GQ/article/details/90300308https://www.jb51.net/article/143418.htm原创 2021-05-07 09:33:12 · 1480 阅读 · 0 评论 -
小程序wx.navigateBack() 携带参数跳转返回(这个是在2个页面进行跳转时 再次返回原先在没跳转前写的数据不见了 ,使用这个方法)
问题描述a页面里面已经写好的数据,然而在a页面的其他框点击跳转选着其他的数据,要跳转到b页面,在b页面选择后返回到a页面,a页面原先写好的数据不见了 。一般小程序跳转就5种方法,除了wx.navigateBack() 其他的都用了,就是不行。解决办法使用wx.navigateBack()进行跳转返回类似于这个效果图let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。let prevPage = pages[ pages.length原创 2021-05-06 16:14:55 · 706 阅读 · 0 评论 -
小程序分享/生成小程序码的功能
分享生成小程序码的功能原创 2021-05-06 13:38:57 · 74 阅读 · 0 评论 -
小程序生命周期
小程序生命周期原创 2021-05-05 20:50:56 · 68 阅读 · 0 评论 -
微信小程序滑动页面到指定位置时,固定指定元素在顶部
微信小程序滑动页面到指定位置时,固定指定元素在顶部原创 2021-04-30 16:21:45 · 1021 阅读 · 1 评论 -
小程序循环时点击单/多个显示对应的样式
循环时点击单个显示对应样式循环时点击显示样式对应的图片显示与隐藏循环时点击多个显示对应的样式原创 2021-04-30 14:27:52 · 346 阅读 · 0 评论 -
小程序使用less
样式选择器-less一般小程序是不支持less的,但是最好要使用原创 2021-04-30 12:03:39 · 114 阅读 · 0 评论 -
单选框/复选框/自定义组件(超详细)
单选框复选框自定义组件原创 2021-04-28 19:19:53 · 657 阅读 · 0 评论 -
小程序自定义组件父子传值/子父传值
父子组件传值原创 2021-04-28 19:10:23 · 346 阅读 · 0 评论 -
小程序自定义下拉选择picker值
https://www.cnblogs.com/mibear/p/8051370.html原创 2021-04-28 11:45:00 · 347 阅读 · 0 评论 -
微信小程序4月13号新更新getUserInfo要用wx.getUserProfile接口替换
wxml<view class="container"> <view class="userinfo"> <block wx:if="{{!hasUserInfo}}"> <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button> <button wx:else open-type="getUse转载 2021-04-27 11:44:36 · 692 阅读 · 0 评论 -
小程序封装公共方法/组件
封装当经常需要调用使用这个方法时,如果重复使用会增加代码的冗余,这个时候公共组件的封装就突显了它自身的价值了。类似于封装请求接口一样初始封装JS创建公共方法封装组件 在小程序项目的根目录,创建一个common文件夹,这个文件夹中创建一个xxx.js然后在方法的最后module.exports = {}。// -----------------commonJs.js-----------------let testTxt = "aaa";function testFun(bbb) {原创 2021-04-24 15:28:05 · 1452 阅读 · 0 评论 -
小程序VR全景图
如何实现VR效果图原创 2021-04-23 19:25:53 · 3525 阅读 · 12 评论 -
小程序无内容显示图片有内容显示数据图片隐藏
需求一般情况下,在什么数据都没有的时候,会显示未添加任何数据的图片或文字。但当含有数据时,会隐藏没数据时显示的图片或文字。代码这里直接上代码,就不附加效果图了这里是通过控制数据的长度来控制对应显示隐藏效果wxml<view> <!-- 无内容显示 --> <view wx:if="{{list.length==0}}">没有任何东西,请添加</view> <!-- 有内容显示 --> <view wx:原创 2021-04-23 18:42:30 · 352 阅读 · 0 评论 -
小程序实现点击弹出收藏与取消收藏效果
收藏与取消弹出框图片的话在icon查找效果图代码wxml<view> <image wx:if="{{enshrine}}" bindtap="isenshrine" data-open="{{0}}" src="../../img/icon_fav_off.png"></image> <image wx:else bindtap="isenshrine" data-open="{{1}}" src="../../img/收 藏.png"原创 2021-04-23 11:24:45 · 541 阅读 · 0 评论 -
小程序如何实现返回上一页并实时刷新上一页的数据?(页面栈)
前言小程序api一般在用户点击删除某件商品时,然后再次点击查看时,一般情况下就会找不到这个被删除的商品,因为实现了局部刷新效果。如果点击可以看到证明你的写法不对。需求小程序实现页面B返回页面A并刷新页面A的数据第一种方法events使用事件通道-----------------------------------------------待写ing wx.navigateTo({url: '/pages/selectaddress/selectaddress',events: {}}) //原创 2021-04-22 17:08:20 · 2214 阅读 · 0 评论 -
微信小程序生成二维码海报分享 [原理+源码]
参考链接地址原创 2021-04-21 16:50:39 · 874 阅读 · 0 评论 -
小程序发起请求与上传图片的封装
封装请求在实际开发当中,封装请求显得是很重要的。不但可以减少代码的冗余量,还节省代码的数量,更方便与后期的维护与改动。原创 2021-04-19 14:02:08 · 194 阅读 · 0 评论 -
小程序过滤关键字搜索
过滤关键字搜索这个是很常见的功能,但是说简单也不简单,说难也不难。那这里直接上效果图与代码效果图代码原创 2021-04-17 15:54:01 · 551 阅读 · 0 评论 -
小程序navigateTo跳转页面报错fail webview count limit exceed
解决方法:原因以为官方规定wx.navigateTo({}) 跳有限制要求将 navigateTo 换成 redirectTo wx.redirectTo({ url: '/pages/index' }) wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面, 小程序中页面栈最多十层。...原创 2021-04-17 15:02:11 · 2838 阅读 · 0 评论 -
Sass与Less与tailwindcss
Less官网教程请点击教程Sass官方教程 请点击原创 2021-04-15 10:55:36 · 2007 阅读 · 0 评论 -
根据数据的类型不同显示对应的文字与样式
根据数据不同显示不同样式循环根据数据不同显示不同样式原创 2021-04-14 14:14:21 · 985 阅读 · 0 评论 -
小程序自带弹出框
wx.showToast官网地址效果图当你添加一个点击事件在里面添加官方给定的wx.showToast({ title: '成功', icon: 'success', duration: 2000})wx.showModal效果图官方地址wx.showModal({ title: '提示', content: '这是一个模态弹窗', success (res) { if (res.confirm) { console.log('用户点击确定原创 2021-04-14 10:33:45 · 260 阅读 · 0 评论 -
小程序上传图片视频与留言板效果
留言板效果图代码wxml<textarea name='content' maxlength="{{max_liuyan_len}}" value="{{liuyan}}" placeholder="请输入留言" bindinput="inliuuyan"></textarea><text>{{liuyan.length}}/{{max_liuyan_len}}</text>jsPage({ /** * 页面的初始数据原创 2021-04-13 19:43:40 · 240 阅读 · 0 评论 -
小程序更改picker下日期的默认格式与自定义样式(较详细讲解)
pickerpicker众所周知 小程序给了一个属性,很好的为我们提供了点击下拉弹出带普通 多列 时间 日期 省市但是日期的默认格式为我们如何把默认的变成这种格式嘞实现效果在这里插入代码片...原创 2021-04-13 14:47:15 · 2633 阅读 · 0 评论 -
小程序上传图片的功能带接口
上传图片PS 上传图片的接口里面的参数并不是真正的参数(长话短说,这个是数组)在登录的时候一般一般要拿到tokentoken的话要在请求头上展示,然后每次在登录时 拿到这个token才可以请求访问。上传预览删除效果这个不带请求参数,只是单独实现以上效果的功能效果图代码wxml<view class="content"> <view class='ui_uploader_cell'>原创 2021-04-13 13:25:02 · 908 阅读 · 0 评论 -
小程序获取你选择map上的经纬度与绘制多边形区域
polygons绘制四边形找定义数组点polygons绘制多边形区域里面有数组一般会用到获取经纬度 进行判断连点代码wxml<view class="container"> <view class="section"> <button type="primary" bindtap="mapView">地图选点</button> </view></view>jsPage({ /**原创 2021-04-13 11:17:57 · 1634 阅读 · 0 评论 -
小程序Only digits (0-9) can be put inside [] in the path string: daijiaoList[${index}].number
https://blog.csdn.net/x007008009/article/details/109351934转载 2021-04-07 15:51:56 · 1665 阅读 · 0 评论 -
小程序获取登录token
小程序获取登录token一般在你写着写着突然间发现报登录失效或token已过期前提是你是使用一键登录状态获取过你的openID什么的你可以在你页面重新获取登录下,然后拿到你的输出token在接口或者请求上添加你拿到的值一键登录获取token什么的请点击进入登录注册及一键登录...原创 2021-04-07 15:17:57 · 3663 阅读 · 0 评论