微信小程序
enchantedovo
这个作者很懒,什么都没留下…
展开
-
【flex布局】解决view中两个元素一个居左一个居中
flex布局简直是万能的一、需求微信小程序中一列中一个居左,一个居中二、实现利用flex布局<view class="total_price"> <view class="item_wrap"> <image bindtap="showGoods" src="../../static/img/jian.svg"></image> </view> .原创 2020-08-01 23:10:32 · 9158 阅读 · 3 评论 -
【微信小程序】自定义组件的使用+传值
黑马视频学习笔记一、创建自定义组件1.创建组件的文件结构在文件夹内 components/myHeader ,创建组件名为 myHeader组件和页面结构基本一样(包含四个部分)2.声明组件在组件的json文件``中进行自定义组件声明{ "component": true, "usingComponents": {}}3.编辑组件在组件的Tabs.wxml文件中编写组件模板,在Tabs.wxss中加入组件样式<!-- Tabs.wxml --><v.原创 2020-07-30 19:20:36 · 3833 阅读 · 0 评论 -
【微信小程序】数据监听
转载:https://blog.csdn.net/xuyangxinlei/article/details/81408200步骤源码链接克隆到本地后,将watch.js复制到项目的util下,在需要监听的页面按需引入即可://index.js const watch = require("../../utils/watch.js"); Page({ data:{ flag:true }, onLoad(){ watch.setW.转载 2020-07-29 22:42:40 · 1855 阅读 · 0 评论 -
【微信小程序】 input双向数据绑定
在微信小程序中,js的数据和前端显示的数据是单数据流js里边的数据变了,前端能立刻显示但如果前端数据变了,js不能改变解决方法写一个下面的js方法,名称可以任意取,用于绑定input输入bindInput(e){ // 表单双向数据绑定 var that = this; var dataset = e.target.dataset; // data-开头的是自定义属性,可以通过dataset获取到,dataset是一个json对象 var name .转载 2020-07-29 12:04:35 · 2781 阅读 · 2 评论 -
【微信小程序】 this.setDate({ })与this.data的区别
this.setDate({ })与this.data的区别this.setData({})用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。用this.data而不用this.setData({})会造成页面内容不更新的问题。Page.prototype.setData()setData 函数用于将数据从逻辑层发送到视图层,同时改变对应的 this.data 的值。注意:直接修改 this.data 无效,无法改变页面的状态,还会造成数据不一致。单转载 2020-07-29 12:03:45 · 1297 阅读 · 0 评论 -
【小程序开发】页面传取值(数组,对象,字符串)
记录微信小程序页面之间的传值取值一、按方式分类小程序传递参数的方式有三种:通过在App.js中设置全局变量通过拼接URL直接传递通过数据缓存存储再获取1.使用全局变量globalData通常把不更改的常量数据放在app.js中,在各个页面都可以通过App实例获取Data的数据.最外层的app.js中定义全局变量globalData: { js_code:null }可以在page1的登陆函数中设置值wx.login({ success: function.转载 2020-07-28 23:44:01 · 1009 阅读 · 0 评论 -
小程序wechat-app-mail学习笔记【1】登录授权部分
一、转载 2020-07-24 16:59:05 · 1167 阅读 · 0 评论 -
小程序黑马优购学习笔记【3】盒子模型:display:-webkit-box的使用(移动端开发)
用法:div { display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示 overflow: hidden; // 超出的文本隐藏 width:100px; text-overflow: ellipsis; // 溢出用省略号显示 white-space: nowrap; // 溢出不换行 -webkit-line-clamp: 2; // 这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数 -webkit-box-orient: vertical原创 2020-07-23 21:40:03 · 598 阅读 · 0 评论 -
小程序黑马优购学习笔记【2】Promise封装openSetting等API
一、Utils/asyncWx.js/** * promise 形式 getSetting */export const getSetting = () => { return new Promise((resolve, reject) => { wx.getSetting({ success: (result) => { resolve(result); }, fail: (err) => {原创 2020-07-23 21:28:51 · 502 阅读 · 0 评论 -
小程序黑马优购学习笔记【1】Promise封装wx.request请求
一、初次封装// 同时发送异步代码的次数export const request = (params) => { // 定义公共的url const baseUrl = "xxx.xxx.xx.xxx"; return new Promise((resolve, reject) => { wx.request({ ...params, url: baseUrl + params.url, // 成功时 success: (r原创 2020-07-23 20:57:15 · 416 阅读 · 0 评论