
小程序
文章平均质量分 81
julystroy
julystroy@163.com 有事,约
展开
-
小程序多排多列(grid)界面绘制,并获取view对应的index参数
如果是你想要的效果,那看代码吧! .jsdata: { routers: [ { name: '姓名', text: '输入姓名', }, { name: '性别', text: '输入性别', }, { n...原创 2019-01-10 19:51:27 · 1898 阅读 · 1 评论 -
小程序中的radio----单项选择时的小坑
首先看下官方文档<radio-group class="radio-group" bindchange="radioChange"> <label class="radio" wx:for="{{items}}"> <radio value="{{item.name}}" checked="{{item.checked}}" /> {{it...原创 2019-04-26 17:58:23 · 3607 阅读 · 1 评论 -
小程序rpx、px、rem、dp、em、vh、vw等单位了解
尺寸单位rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。----- 在不同设备上rpx与px的转换是不相同的,但是宽度的rpx却是固定的,所以可以使用rpx作为单位,来设置布局的宽高。px在显示屏上,每一个画...原创 2019-04-22 13:25:54 · 7658 阅读 · 0 评论 -
小程序事件绑定、事件传参以及嵌套点击事件的冲突解决
事件绑定绑定bind绑定;catch绑定;(能阻止事件冒泡)何为阻止事件冒泡?---------------从而一并解决嵌套点击事件的冲突问题需求:点击购物车商品加入购物车,点击条目进入商品详情wxml <view class="goods" wx:for="{{goodsListCurrent.goods}}" wx:key="id" wx:for-item="i...原创 2019-04-10 12:04:27 · 4116 阅读 · 0 评论 -
小程序中的几种网络请求
小程序有关的网络方面的API只有:普通 HTTPS 请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile) 和 WebSocket 通信(wx.connectSocket)wx.requestwx.request({ url: 'https://www.baidu.com', // 仅为示例,并非真实的接口地址 method...原创 2019-01-22 18:17:04 · 2577 阅读 · 0 评论 -
微信小程序页面通信之eventbus
先自定义个个eventbus.js,放到utils中//创建EventBus对象let EventBus = function () { console.log("eventbus init...");};//准备数组容器var objBus = [], arrbus = [];//添加方法EventBus.prototype = { obj: { set: func...原创 2019-01-21 12:40:09 · 5660 阅读 · 2 评论 -
小程序 页面跳转方法总结以及优缺点
一、 .wxml跳转<navigator url="/pages/rebortcontrol/index" class='item'>//可以添加open-type="",属性,设置不同跳转方式,常用属性有redirect,switchTab....。二、.js中跳转//wxml添加bindtap点击监听方法 clickTap<button class='bt' hi...原创 2019-01-14 20:00:09 · 1101 阅读 · 1 评论 -
小程序 view居中、居右、显示在屏幕底部
1.父布局设置属性,子布局居中 display:flex; justify-content:center;在父布局css里加上以上属性,子view显示就会居中。2.view单独设置属性居中在这里让 绿色按键居中。 &amp;lt;image style='width:300px;height:40px; display: flex;justify-content: center;m...原创 2019-01-03 11:32:48 · 66281 阅读 · 2 评论 -
小程序中的image mode
<image src="../../images/one.png" mode="aspectFill" class="slide-image"/>图片填充模式,开发工具并没有给予提示,所以图片里的mode还是需要自己稍微记一下。根据文档mode分为13种:四种缩放模式:namefunctionscaleToFill宽高同时拉伸,填充满整个image...原创 2019-01-03 09:52:00 · 11221 阅读 · 0 评论 -
小程序text文字不分行、空格、换行、行距小结
没设置css之前,感觉还分行,设置了css后反而不分行了一开始只是单行,没截图,为了让大家看到不分行的样式,重新回滚的效果。小程序样式,说实话相对于习惯了xml布局的我,还是有点不适应的;不废话了,先分析下为啥会出现上面的情况:理论上。布局本身会对手机屏幕宽度做识别,自动换行,小程序中父布局或者自身布局宽度width: 100%;里面的布局里的view就有点傻傻分不清,还是会认为自己的宽度...原创 2019-01-02 19:25:15 · 21699 阅读 · 0 评论 -
运行他人的小程序,因不在request 合法域名列表中而导致工程不能运行的解决办法
每个公众号对应一个有规范的域名,也是尿性。于是,你在运行别人的案例时就会出现我只是看看人家的开源项目而已······解决办法:点击导航栏上的,设置–>项目设置,会弹出在红色框框那里,打个勾勾,工程就会重新运行避免域名问题。如果你访问的接口恰好都好用,就能够正常显示了。...原创 2019-01-11 15:36:38 · 326 阅读 · 0 评论 -
小程序开源案例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义star 微信小程序开发之五星评分swit...转载 2019-01-01 14:02:42 · 2176 阅读 · 1 评论 -
小程序 自定义view以及某些属性使用方法
自定义弹出框、background-image、导入外部字体、英文不分行、margin失效、禁止IOS会横向移动原创 2019-06-03 10:31:21 · 2223 阅读 · 0 评论