小程序
硬汉小生
这个作者很懒,什么都没留下…
展开
-
微信小程序上传图片
<image src="{{imageUrl}}" bindtap="chooseimg"/>data:{ imageUrl: " ",} //1. wx.chooseImage() 选择图片后回调函数形参: 图片的本地临时文件路径列表 //2. wx.uploadFile() 将刚选择的图片地址上传给后端 chooseimg() const _this = this wx.chooseImage({ count: 1,原创 2020-08-20 18:14:01 · 149 阅读 · 1 评论 -
小程序内容溢出问题
1.默认是box-sizing: content-box设置盒子模型的计算方式默认计算方式:元素实际占地宽度=左外边距+左边框+左内边距+内容区域宽度+右内边距+右边框+右外边距元素实际占地高度=上外边距+上边框+上内边距+内容区域高度+下内边距+下边框+下外边距border-box 元素的尺寸(定义宽高),包含border,padding和内容区域宽高元素实际占地宽度=左右外边距+设置的宽度width元素实际占地高度=上下外边距+设置的高度height...原创 2020-08-18 18:44:36 · 784 阅读 · 0 评论 -
小程序循环按钮多选高亮 / 隐藏
本片文章说一下 列表循环出来的按钮如何多选( 顺便提一下单选 )单选原理就是 点击按钮获取绑定身上的索引 然后对比 那个按钮身上索引一样就给它高亮的class 否则给 “” <view wx:for="{{hotList}}" data-id="{{item.id}}" data-index="{{index}}" bindtap="unit" class="btn {{unitIndex == index ? 'btn-active' : ''}}" wx:key="*th.原创 2020-08-18 17:39:14 · 947 阅读 · 1 评论 -
小程序循环输入框(vue适用)
添加更多输入框(传后台为数组)在本项目中需要添加更多的地址 更像淘宝/美团/京东收获地址一样 地址数量是自定义的如果是自定义那就是数组了代码如下 siteList: [ { number: null, sex: undefined, detailSite: null, site: undefined } ],<view class="bgbai bgbaiItem" wx:for="{原创 2020-08-18 17:03:31 · 521 阅读 · 0 评论 -
微信小程序跳转方法和rpx使用
样式适配:/*1小程序中不需要主动来引入样式文件2需要把页面中某些元素的单位由px改成rpx1设计稿750x750 px = 750 rpx1px=1rpx2把屏幕宽度改成375px375 px = 750 rpx1px=2rpx1rpx = 0.5px3存在一个设计稿宽度414或者未知page1设计稿page存在一个元素宽度100px2拿以上的需求去实现不同宽度的页面适配414 px = 750 rpx1px=750rpx/414100 px = rpx100原创 2020-08-08 22:51:11 · 262 阅读 · 0 评论