小程序
An ape
这个作者很懒,什么都没留下…
展开
-
始终让div位于当前页面的中间
<image src="路径" style="width: 50%;height: 170px;position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);"></image>//left:50%;top:50%;让图片左上角处在屏幕中间。transform:translateX(-5.原创 2021-09-29 10:43:35 · 286 阅读 · 0 评论 -
小程序js双重循环进行显隐判断
话不多说,直接上代码//res.data.data是右侧数据 res.data.data.forEach(item=>{ item.isShow = true; //shoplist是购物车数据 this.data.shoplist.forEach(item_=>{ if(item.id == item_.goodsId){ item.isShow = false;原创 2021-03-05 09:21:14 · 323 阅读 · 1 评论 -
获取到res.data.data下的数组里的数组
话不多说上代码 // // 遍历数组获取里面的商品内容添加 let list = []; this.data.orderfrom_list.map(element=>{ let orderItems=[] let obj = {}; obj.id = element.id; obj.storeName = element原创 2021-03-01 16:03:57 · 2924 阅读 · 0 评论 -
小程序跳转传递多个参数
直接上代码(传一个数组加一个参数) wx.navigateTo({ url: '/pages/oderform/oderform?orderItem='+JSON.stringify(this.data.shoplist)+'&number='+1, })通过&衔接原创 2021-02-26 09:16:38 · 167 阅读 · 0 评论 -
小程序循环双重数组渲染
话不多说直接上代码 <view wx:for="{{order_Item}}" wx:key='*this'> <view wx:for="{{item}}" wx:for-item="item" wx:key='*this'> {{item} </view> </view>原创 2021-02-26 09:14:19 · 405 阅读 · 0 评论 -
获取不到res.data下的data解决方法
其实很简单,只需要: // 转为JSON格式 let JSONresult=JSON.parse(res.data) console.log(JSONresult.data)这样就可以了原创 2021-02-23 14:09:41 · 4229 阅读 · 0 评论 -
小程序请求头的使用
我们一般在封装网络模块和请求数据时用到请求头,根据不同的数据使用不同的请求头一般我们使用 header: { 'Content-Type': 'application/x-www-form-urlencoded' }当数据为json,传递数据 header:{'content-type':'application/json;charset=utf-8'}有什么不对的还请大神指点。...原创 2021-02-22 10:35:34 · 277 阅读 · 0 评论 -
小程序选择收货地址navigateBack跳转返回上一页面传递参数,数据更新
话不多说直接上代码,代码里有注释 // 点击地址选中地址返回上一个页面 seleect_site(e){ console.log(e) let item=encodeURIComponent(JSON.stringify(e.currentTarget.dataset.item)) var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 // 调用上一个页面对原创 2021-02-05 14:57:04 · 534 阅读 · 0 评论 -
wx:if判断数组中是否有值
话不多说,直接上代码 <view wx:if="{{list.length == 0}}"></view>这是当数组长度为0时显示;反之不等于0 <view wx:if="{{list.length != 0}}"></view>原创 2021-02-02 11:52:52 · 1704 阅读 · 0 评论 -
小程序的网络模块封装
在根目录下创建env目录,创建index.js配置并导出多个开发环境module.exports={ //开发环境 Dev:{ "BaseUrl":"https://www.develep.com" }, //测试环境 Test:{ "BaseUrl":"https://www.test.com" }, //生产环境 Prod:{ "BaseUrl": "https://api.douban.com" }}然后我一般会在根目录下创建一个h原创 2020-10-14 15:37:41 · 230 阅读 · 0 评论 -
小程序点击跳转外部链接
首先给一个按钮一个点击事件 <view style="width:30%;text-align:center" bindtap="click_jd"></view>然后在app.json里配置路由“pages/jd/jd”然后给点击事件click_jd(){wx.navigateTo({url:'/pages/jd/jd'})}然后在jd.wxml里配置<web-view src="https://www.baidu.com"></we原创 2021-01-29 15:07:15 · 679 阅读 · 0 评论 -
微信小程序websocket的使用
直接上代码<button bindtap='found'>创建连接</button><button bindtap='send'>发送内容</button><button bindtap='shut'>关闭连接</button>//创建连接found: function () { //本地测试使用 ws协议 ,正式上线使用 wss 协议 var url = 'ws://这是后端给你的路径以及拼接的内容'; cod原创 2021-01-22 09:49:40 · 360 阅读 · 0 评论 -
小程序下拉刷新
首先定义一个数组来接受数据:data:{//接受数组Preferential_list:[]}然后找到onReachBottom页面上拉触底事件的处理函数 onReachBottom: function (e) { console.log(e) //声明全局 var that=this; //每触底一下页数+1 that.setData({ pageNum:that.data.pageNum+1 }) let obj={原创 2021-01-14 13:29:19 · 164 阅读 · 0 评论 -
微信小程序刷新页面购物车数据消失解决方法
首先通过接口在onload里获取到购物车数据渲染出来然后将购物车数据保存到本地 wx.setStorageSync('cart', res.data.data[0].orderItemList)然后在onShow里再拿出来 * 生命周期函数--监听页面显示 */ onShow: function () { var shoplist=wx.getStorageSync('cart') this.setData({ shoplist:shoplist }) this.原创 2021-01-06 16:05:48 · 1393 阅读 · 0 评论 -
小程序获取购物车所有商品id,console.log出来是undefined时的解决办法
首先声明一个数组let goodsIdlist=[]然后我们需要通过jQuery在js页面进行遍历并添加进去 shoplist.map(element=>{ goodsIdlist.push(element.goodsId) }) this.setData({ goodsIdlist:goodsIdlist })然后通过join分割 console.log(goodsIdlist.join(","))然后就可以拿到字符串的商品i原创 2021-01-06 14:17:38 · 527 阅读 · 0 评论 -
微信小程序Dialog的使用
首先我们在json里引入 "van-dialog": "@vant/weapp/dialog/index"然后在js里引入(放在在Page上面)(这里需要写自己的路径)import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';然后再onload或者方法里写入 Dialog.confirm({ title: '取消订单', message: '确定取消订单吗?', })原创 2021-01-05 16:38:07 · 1270 阅读 · 0 评论 -
微信小程序扫描二维码、小程序码进入并获得携带参数
点击跳转相关页面转载 2020-12-22 16:33:58 · 1688 阅读 · 0 评论 -
vant小程序框架购物车SubmitBar背景颜色改变
首先引入SubmitBar"usingComponents": { "van-submit-bar": "@vant/weapp/submit-bar/index"}然后在wxml里写入<van-submit-bar price="{{ pri }}" button-text="提交订单" bind:submit="onSubmit" class="refer" //给它一个class tip="{{ true }}"></v原创 2020-12-17 16:34:00 · 1330 阅读 · 0 评论 -
App以及微信小程序一行超过文本宽度用省略号代替
Appcss代码 width: 100%; /*一定要设置宽度,或者元素内含的百分比*/ overflow:hidden; /*溢出的部分隐藏*/ white-space: nowrap; /*文本不换行*/ text-overflow:ellipsis;/*ellipsis:文本溢出显示省略号(...);clip:不显示省略标记(...),而是简单的裁切*/微信小程序wxss代码width: 40%;overflow: hidden;text-overflow: ellip原创 2020-12-16 17:24:18 · 276 阅读 · 0 评论 -
小程序跳转时传数组(另一个页面接收数组)
**这里注意一下:**需要在点击时传入数组.wxml页面 <view style="color:#999999;font-size:25rpx" bindtap="more_click" data-item="{{shoplist}}">更多好货限时抢></view>.js页面more_click(e){ console.log(e) var model = JSON.stringify(e.currentTarget.dataset.item);原创 2020-12-04 17:56:08 · 2606 阅读 · 1 评论 -
小程序角标的添加以及绑定购物车数量进行实时更新
首先介绍一下角标的方法: // tabBer角标 index代表的是第几个tabber text表示角标内容 wx.setTabBarBadge({ index: 2, text: '1' }) } { wx.removeTabBarBadge({ //移除指定位置的tabbar右上角的标志 index: 2, })原创 2020-12-04 17:49:49 · 1556 阅读 · 0 评论 -
小程序登陆授权(获取用户手机号以及信息)
话不多说直接上代码.js代码首先let app =getApp() data: { userInfo: null, // 遮罩层 show:false }, processLogin(){ this.setData({ show: true }); }, getPhoneNumber(options) { console.log(options) console.log(options.detail.errMsg) con原创 2020-12-02 16:30:33 · 1460 阅读 · 0 评论 -
小程序Vant引入
第一步在资源管理器里打开文件,输入cmd,在小黑框里输入 npm init (一路回车)第二步输入指令: npm i @vant/weapp -S --production第三步 点击原创 2020-12-02 09:05:39 · 164 阅读 · 1 评论 -
小程序view的背景图片
小程序的背景图片通过给view添加class,运用backgroundimage:url(‘图片转化base64的代码’), 将图片转化为base64可以去站长工具,如果大小不合适,可以通过 background-repeat:no-repeat; /** 不重复*/ background-size:contain; /**等比例缩放*/来自适应。...原创 2020-11-30 16:39:46 · 2208 阅读 · 1 评论