WX
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
小程序授权登录
wxml: <view class="auth"> <image src="/images/home/wxlogo.png" class="img" mode="aspectFill"></image> <view class="title">微信授权页面</view> <view cl...原创 2019-07-16 13:55:18 · 3886 阅读 · 4 评论 -
小程序封装请求
util.jsfunction postRequest(url, paramObj, callBack) { const app = getApp(); var baseHeader = { "Content-Type": "application/x-www-form-urlencoded" }; if (app.globalData.cookie) ba...原创 2019-05-15 16:54:29 · 167 阅读 · 0 评论 -
小程序授权
util.jsfunction getUserInfo(callBackFunc) { //是否已经授权 wx.getSetting({ success: (settingResult) => { //已授权获取用户信息,执行注册. if (settingResult.authSetting["scope.userInfo"]) { ...原创 2019-05-15 11:42:31 · 172 阅读 · 0 评论 -
小程序获取制授权信息(子组件)
<!--component/popup.wxml--><view class="wx-popup" hidden="{{flag}}"> <view class='popup-container'> <view class="user_all"><open-data type="userAvatarUrl" class="use...原创 2019-05-15 10:28:25 · 341 阅读 · 0 评论 -
小程序 对请求封装
需求:在一个页面有三个及多个请求,请求的数据很多都是重复的,让整个页面看起来很臃肿,那个这个时候我们可以对其相似的代码进行抽离;完整代码地址:https://download.csdn.net/download/qq_40190624/11155381home.js为首页,network.js为对请求重构的页面,utils/urls.js为对http进行抽离,一共三个相关的页面...原创 2019-05-01 13:34:19 · 325 阅读 · 0 评论 -
小程序 实现星星评分(共10分),含有半星
完整代码地址:https://download.csdn.net/download/qq_40190624/11154051效果图:星星评分做为一个子组件,由父组件传入分值进行判断,具体显示几个灰星,几颗半星及亮星子组件:stars.html<view class='movie-grade'> <image style="width:{{star...原创 2019-04-30 23:35:34 · 3194 阅读 · 2 评论 -
wx 小程序getCurrentPages()使用返回刷新上一页面的数据
使用场景:可以在某个页面修改另一个页面的data或者调用另一个页面的方法。<view><form bindsubmit='save'><textarea name="content" class='textArea' placeholder='输入内容'></textarea><button type='primary' form-...原创 2019-04-29 16:18:21 · 2678 阅读 · 0 评论 -
小程序子组件数据数据不更新
在子组件中封装了星星评分,在父组件中调用,有一个奇怪的问题;就是这个子组件在很多页面都有用到,每个页面都没有问题,但在detail页面的时候用了两次星星,头部的总是会出现未评分;内容区的星星又是正常的,对数据打印后;发现是生命周期出现了问题,因为网络原因,数据头部数据还没有出来,子组件的attached生命周期已加载;所以赋了默认的值,解决方法:使用:https://deve...原创 2019-05-03 22:23:57 · 14967 阅读 · 0 评论 -
小程序封装search搜索组件
资源下载:https://download.csdn.net/download/qq_40190624/11157895用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面search子组件:<view class='searchbar'> <na...原创 2019-05-03 21:34:03 · 4212 阅读 · 0 评论 -
小程序上传多张图片
/** * 选择图片,来自相册 */ chooseImage: function() { let that = this; wx.chooseImage({ sizeType: ['compressed'], //'original' count: 1, // sourceType: ['album'], sour...原创 2019-05-15 17:21:13 · 183 阅读 · 0 评论 -
微信公众号制作代码
https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI5ODA5MDQ5Nw==&scene=110#wechat_redirect把MzI5ODA5MDQ5Nw这一块改成自己公众号的ID可以关注微信号周家大小姐-周檬 因为在改名中如果没找到可以搜走在微风中关注后输入公众号即可...原创 2019-05-11 15:39:56 · 3680 阅读 · 0 评论 -
小程序对像赋值与数组赋值方法
对像赋值法:data: { nav: { title1: "全部", title2: "待审核", selected: true, selected2: false, },}selected2: function (e) { let selected = 'nav.selected' let selecte...原创 2019-06-24 15:47:12 · 10216 阅读 · 0 评论 -
小程序时间筛选
html <!-- 筛选器 --> <view class="select_control"> <picker mode="date" value="{{date}}" bindchange="bindDateStart"> <view class="picker"> ...原创 2019-06-25 15:20:51 · 932 阅读 · 2 评论 -
小程序上传图片
wxml:<form> <image src='{{picUrl}}' wx:if="{{picUrl}}" class='addimg'></image> <image src='/images/bianji@2x.png' class='addimg' bindtap='addimg'></image></f...原创 2019-06-19 23:08:15 · 245 阅读 · 0 评论 -
小程序授权及登录页面
代码地址:https://download.csdn.net/download/qq_40190624/11248485原创 2019-06-19 13:35:02 · 4659 阅读 · 0 评论 -
小程序时间戳转换时期封装
util.js//时间戳转换成日期时间function js_date_time(date) { //获取当前时间 var n = date; console.log(n) var date = new Date(n); //年 var Y = date.getFullYear(); //月 var M = (date.getMonth() + 1 < ...原创 2019-05-17 12:48:17 · 601 阅读 · 0 评论 -
小程序分页处理(下拉加载更多)
js; data: { doctorData: [], page:0,//页数 rows:10,//条数 total:0,//总页数 }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { //分页调医生列表接口 if (this.data.page <= ...原创 2019-05-17 09:59:53 · 3068 阅读 · 1 评论 -
js 模块导出导入及小程序请求封装
url.jsconst globalUrls = { // 电影 movieList: "https://m.douban.com/rexxar/api/v2/subject_collection/movie_showing/items", // 搜索接口 searchUrl: function (q) { return "https://m.douban.com/r...原创 2019-05-12 13:27:24 · 626 阅读 · 0 评论 -
小程序获取地理位置
在app.json中加入"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },// ------------ 页面获取腾讯LBS地图 -------------------- getLocation:function(){ var _this...原创 2019-05-16 09:37:24 · 1042 阅读 · 0 评论 -
css3 使用flex布局后遗症
因为在一个小程序中开发,采用的都是display: flex;justify-content: space-between;/* 自动换行 */flex-wrap: wrap;但是如果最后的数单个是没问题;如果只有两个的话;中间就会空出来一个,如果采用css3的justify-content: flex-start方法;那么他右边会空也来多一点;所以只能用js控制这...原创 2019-05-02 12:39:57 · 1086 阅读 · 0 评论 -
小程序 九九乘法表
<view class='con'> <view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="row"> <view style='display:inline-block;width:35px' wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="col">...原创 2019-04-22 21:28:43 · 929 阅读 · 0 评论 -
[转]小程序登录与授权区别
转自:https://www.hishop.com.cn/xiaocx/show_57720.html1授权和登录的区别首先必须要明白,授权和登录实际上是两个操作。1.1 授权(已废弃)那授权的作用是啥呢?从小程序官方文档中我们可以看到授权操作只需通过wx.authorize() 接口便可以完成,以下是文档中对授权操作的描述:提前向用户发起授权请求。调用后会立刻弹窗询问用户是否...转载 2019-03-18 23:12:27 · 3272 阅读 · 0 评论 -
小程序 路由跳转
a.html: <!-- data-txt="{{list.text}}" 自定义data变量名用于传入dom元素信息 --> <view class="jd-category-style" bindtap='showListView' data-txt="{{list.text}}"> <image src="{{list.img}}&quo原创 2019-02-22 21:16:52 · 514 阅读 · 0 评论 -
小程序 多层数组遍历
data: data: { navLeftItems:[], navRightItems:[], curIndex:0,//用于左侧导航点击 }, html: <scroll-view scroll-y="true" class="nav-right"> <!-- 右侧不是每个数组对应左侧的下标里都有值所以要进行一个...原创 2019-02-22 20:54:39 · 1663 阅读 · 0 评论 -
小程序 子组件传值(triggerEvent)
需求,把A子组件的值传给父组件,在通过父组件传给子组件接收A子组件js: data /** * 组件的属性列表 */ properties: { hideBaitiao: { type: Boolean, // 默认隐藏 value: true },...原创 2019-02-27 14:50:44 · 32412 阅读 · 3 评论 -
小程序 动态获取index
html:获取动态的index,index为官网默认提供,可以修改的默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 itemdata杠后面的index为自定义 data-index = "{{index}}" <block wx:for="{{navLeftItems}}"> <!-- 默认数组的当前项的下标...原创 2019-02-22 19:56:49 · 2867 阅读 · 0 评论 -
css3上下左右布局
html <!-- 图标分类 --> <view class="big-logo"> <block wx:for="{{logos}}"> <view class="logoinfo"> <image style="width:原创 2019-02-22 15:34:00 · 1758 阅读 · 0 评论 -
小程序点击多个指定地方都能关闭弹框
比如在popupDom和text这里都需要关闭当前这个弹框 可以给他们定义一个一样的事件data-target="self" catchtap='hideBaitiaoView'index.wxml<!-- 白条弹框 --><view class='popupDom' hidden='{{hideBaitiao}}' data-target="self" catch...原创 2019-01-18 21:27:32 · 4823 阅读 · 0 评论 -
小程序封装组件
需求: 在一个项目中我们会发现有很多的共同样式 ;所以我们如果想优化代码就得自己封装组件:子组件: 在根目录上建立一个components的文件夹,在里面自定义一个文件如:infocellindex.json{ "component": true,//是否使用组件 "usingComponents": {}//引入组件,这里做为子组件为父组件使用,暂时不需要引入其它子...原创 2019-01-18 20:38:02 · 2165 阅读 · 0 评论 -
小程序开发
多选题原创 2018-04-25 11:12:54 · 119 阅读 · 0 评论 -
小程序 input关联事件
<!-- bindinput='inputChangeHandle' 这个相当于vue中的v-model事件;用户输入什么我们都能监听到 --> <input type='number' value='{{count}}' bindinput='inputChangeHandle'></input>js: methods: { ...原创 2019-02-27 17:15:49 · 1324 阅读 · 0 评论 -
小程序下拉刷新事件
问题 :发现在js的方法中打印不出来,解决方法是要去到json文件中修改 /* 下拉刷新功能如果要实现就要去对应的组件json中设置 */ onPullDownRefresh(){ console.log(11) },在对应该目标下的json中写入{ "enablePullDownRefresh":true,//下拉刷新会...原创 2019-02-23 17:05:54 · 2202 阅读 · 0 评论 -
小程序登录
wxml<!--pages/me/index.wxml--><view class="container"> <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}" open-type='getUserInfo' bindgetuserinf...原创 2019-03-18 22:29:04 · 173 阅读 · 0 评论 -
[转]微信小程序、微信公众号、H5之间相互跳转
本文转自:https://www.cnblogs.com/colorful-paopao1/p/8608609.html一、小程序和公众号答案是:可以相互关联。在微信公众号里可以添加小程序。图片有点小,我把文字打出来吧:可关联已有的小程序或快速创建小程序。已关联的小程序可被使用在自定义菜单和模版消息等场景中。公众号可关联同主体的10个小程序及不同主体的3个小程序。同一个...转载 2019-03-18 19:00:19 · 1419 阅读 · 1 评论 -
小程序 移动分辨率的组成
分辨率的组成是由逻辑分辨率(pt) 和 物理分辨率(px)组成 (比如一个图片由几个点组成) =1个pt 对应几个Px逻辑分辨率(pt):对应的是屏幕尺寸物理分辨率(px):对应的是多少个像素点问题 :为什么小程序模拟分辨率给出的是375 设计给出的是750?因微信给出的是逻辑分辨率而设计师给出的是物理分辨率,它们之间为2倍的关系 所以要折算出750 1px = 2rpx,...原创 2019-03-12 10:19:44 · 458 阅读 · 0 评论 -
小程序导航背景设置
如果是全局导航背景设置app.json "window": { "navigationBarBackgroundColor": "#405f80" },如果是单页面设置:xxx.json{ "navigationBarBackgroundColor": "#b3d4db"}...原创 2019-03-11 17:25:52 · 357 阅读 · 0 评论 -
小程序 删除购物车数据更新tabBar和本地存储storage
需求 :点击移除的时候移除当前元素和tabBar图标对应的数据,以及合计,和数量js代码: data: { cartArray: [], // 控制购物车结算 totalMoney: '0.00', totalCount: 0, selectAll: false, }, del...原创 2019-03-06 15:24:53 · 1680 阅读 · 0 评论 -
小程序 在购物车中实现左右滑动有删除功能
需求:在cartArray数组中有多个list,需要遍历出来,当我滑动当前的list的时候其它模块要为false,当前为true,并且判断用户滑动的角度;如果大于30度就视为非滑动html:<view wx:esle class='section'> <block wx:for='{{cartArray}}' wx:key="index"><...原创 2019-03-06 14:31:12 · 4354 阅读 · 2 评论 -
小程序 遍历点击修改当前的数据
需求:把当前点击的元素中select改为true思路:遍历给所有的select为false,点击的时候获取当前元素的下标,把下标放入数组中, selectItem(e){//点击具体的白条分期 let index = e.currentTarget.dataset.index; let baitiao = this.data.baiti...原创 2019-02-27 11:48:08 · 1439 阅读 · 0 评论 -
小程序 加载数据长度为0的时候停止加载
需求:每次加载的时候++page传参到后台请求回来新数据,当为什么数据再返回的时候就停止请求,错误思路,拿每次的长度去匹配数据库里返回的总长度,如果大于或者等于就不请求;反之就请求后来突然想为什么不是判断数据库返回为0呢?这不是更简单?案例: wx.request({ url: interfaces.productionsList +'/'+ _this....原创 2019-02-24 16:01:48 · 997 阅读 · 0 评论