微信小程序
缘飞梦
这个作者很懒,什么都没留下…
展开
-
微信小程序实现上传多张图片,删除图片
最近在做微信小程序,遇到上传多张图片到服务器,计算上传图片的张数,并且可以手动删除图片,下面是效果图效果图:本来用的是小程序提供的mp-uploader 上传图片的组件,无奈次组件删除效果不是我想要的,只能用wx.chooseImage进行上传图片,在使用uplaodFile将图片发送给后台服务器。下面直接展示代码:wxml: <view class="con_titles"> <view class="con_left"> <...原创 2020-06-09 15:11:30 · 2713 阅读 · 4 评论 -
微信小程序地图实现展示路线路
效果图:思路:1、首先获取一系列的坐标点,然后将这些坐标从头到尾链接起来。(参考微信小程序地图组件polyline属性)2、在获取的坐标点上标注某一个位置,实现打点。(参考微信小程序地图组件marker属性 )3、使用map组件微信小程序地图组件api地址:https://developers.weixin.qq.com/miniprogram/dev/component/map.html下面直接展示代码:wxml:<view class="page-secti.原创 2020-06-09 14:04:46 · 3897 阅读 · 1 评论 -
微信小程序最新面试题
1 请谈谈微信小程序主要目录和文件的作用?project.config.json 项目配置文件,用得最多的就是配置是否开启https校验; App.js 设置一些全局的基础数据等; App.json 底部tab, 标题栏和路由等设置; App.wxss 公共样式,引入iconfont等; pages 里面包含一个个具体的页面; index.json (配置当前页面标题和引入组件等);...转载 2020-03-25 18:09:33 · 7308 阅读 · 0 评论 -
微信小程序实现banner图轮播(动态获取数据),自动获取图片高度
效果图:indicator-active-color="#007aff"//当前选中的指示点颜色js:const app = getApp()Page({ data: { //-----------模拟banner图----------- imgUrls: [ '/image/1545118381903.jpg', '/imag...原创 2019-01-17 17:36:03 · 14045 阅读 · 20 评论 -
微信小程序循环商品列表以及如何向其他页面传参数
商品列表是好多个商品,jquery中我们可以用for循环,或者$.each()来循环商品列表,可是小程序中应该怎么写呢?其实很简单:1、wx:for 是用来循环数组的,在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。<view class='shop_Box'> <view class='shopBox' wx:for=...原创 2019-02-25 17:57:53 · 4514 阅读 · 0 评论 -
微信小程序动态切换class类名
之前用jquery时我们可以使用:$(".classify").eq(0).addClass("addStyleMi").siblings().removeClass("addStyleMi");动态的为元素切换类名,添加css样式。但是微信小程序中不提供操作Dom的方法,但我们也可以实现为元素动态切换类名。效果图: ...原创 2019-03-27 11:15:15 · 29888 阅读 · 5 评论