技术Ren-小程序
小程序应用
JessicaLilyAn
热爱技术的小女子一枚,一直成长,梦想成为大牛。
展开
-
微信小程序踩坑之text、view不自动换行问题解决
最近在练习小程序,使用接口调取数据,渲染到界面的时候,发现标题过长超过了屏幕边框并没有自动换行,鉴于对css3不是很熟悉的后端人员,各种搜索,各种尝试,终于找到了答案。wxml 代码:目标:使 class 为 title 的 text 文本自动换行。<!-- 文字 --> <view class='list-content'> <text class='title'>{{index+1}}.{{item.title}}</text>...转载 2021-04-20 19:59:56 · 4198 阅读 · 0 评论 -
小程序使用弹窗组件Modal,阻止冒泡事件
在modal组件上加一个catchtap事件(里面不写内容都可以),亲测有效!<i-modal title="提示" visible="{{ visible }}" catchtap="stopPropagation" bind:ok="call" bind:cancel="handleClose" ok-text="是" cancel-text="否"> <view>是否拨打电话xxxxxxxxxxx?</view></i-modal>转载 2021-04-20 19:58:00 · 473 阅读 · 0 评论 -
小程序解决自定义弹出层滑动时下层页面滚动问题--穿透问题
一、问题描述小程序自带弹框满足不了某些需求,为此则需要设置自定义弹框,但是问题来了,在滑动弹层的时候,弹层页面会随着弹层底部的滚动条滚动二、解决办法在弹出层加上 catchtouchmove 事件- 如果弹层里的内容需要滚动则需要使用scroll-view组件原理:弹窗元素设置catchtouchmove="true"目的是为了阻止弹窗滚动的时候 会带动外层页面的滚动,但是如果弹窗元素设置了该属性,弹窗内的自己写的overflow:auto就会失效,这时不能用自己写的overflow,要改转载 2021-04-20 19:54:47 · 1345 阅读 · 0 评论 -
微信小程序scroll-view组件自适应不同高度的手机
已知微信相比于H5开发有rpx这个单位可以自适应一些不同宽度的手机,但是有的时候需要自适应一些手机高度贼大的手机比如iphoneX系列所以scroll-view的wxss样式里肯定不能写死,我能想到的方法就是js里头加载画面前再设置高度wxml里<scroll-view scroll-y style='height:{{scroll_height}}rpx'> /...转载 2019-11-01 14:43:58 · 1268 阅读 · 0 评论 -
微信开发者工具使用 --git 同步到码云
一、怎么上传代码到码云仓库1、新建一个空的代码库,并复制一下HTTPS链接2、打开微信开发者工具客户端 --- 版本管理 --- 初始化Git仓库 -- 默认初始化就可以3、点击 --- 设置 -- 网络和认证 -- 填入码云的账号和密码4、点击 --- 设置 -- 远程 -- 添加5、点击抓取6...翻译 2019-09-02 09:54:24 · 6742 阅读 · 2 评论 -
微信小程序实现左滑删除效果
左滑删除这个效果在很多移动端APP上都有体现,很多用户也都养成了这样的习惯,但是在开放小程序过程中,我发现小程序本身并没有提供这个功能,所以只好自己动手,实现这个左滑删除的效果了。实现效果1.列表中侧滑删除2.删除不同时存在3.scrollview上下滑动与侧滑删除不影响实现方式运用了WXML中的事件事件->小程序APIwxml代码...转载 2019-09-02 17:55:43 · 1142 阅读 · 0 评论 -
微信小程序 接口请求统一配置
1.文件格式2.main.js 文件(统一配置接口导出,各个页面按需导入引用)// 小程序开发api接口统一配置// 如果你的域名是: https://www.baidu.com/cn 那么这里只要填写 cnlet subDomain = '/cn' // 子域名,没有就等于''const API_BASE_URL = 'https://www.baidu.com' /...转载 2019-09-09 15:33:04 · 3268 阅读 · 0 评论 -
微信小程序——返回上个页面带参数(总结全面)
当前页面:var pages = getCurrentPages();//当前页面var prevPage = pages[pages.length - 2];//上一页面prevPage.setData({//直接给上一个页面赋值addresschose: that.data.address[index],});wx.n...转载 2019-09-24 12:00:19 · 3223 阅读 · 0 评论 -
小程序返回上一个页面,刷新数据
在B页面中进行操作的时候就在后台刷新A页面,当返回A页面的时候就不需要再刷新加载A页面了:具体步骤分为两步:(1)。在父页面中添加刷新数据的方法:changeData:function(){this.onLoad();//最好是只写需要刷新的区域的代码,onload也可,效率低,有点low}(2)。在子页面中添加方法:并且在需要的地方进行调用(如success方法中set...转载 2019-10-11 10:33:47 · 1273 阅读 · 1 评论