小程序中的轮播图很简单，官方都有例子的，但是唯一的缺陷就是swiper是固定死的150px高度，这样如果传入的图片大于这个高度就会被隐藏。辣么，怎样让图片自适应不同分辨率捏。我的思路是：获取屏幕宽度，获取图片的宽高，然后等比设置当前屏幕宽度下swiper的高度。1.结构<swiperindicator-dots=...

我们都知道微信小程序的组件image是用来显示图片的，它有一下几个属性：1、src       图片资源地址2、mode     图片裁剪、缩放的模式3、binderror  当错...

基础的小程序表单提交数据备份:wxml:<formbindsubmit="formBindsubmit"bindreset="formReset"><view><label>用户名：</label><inputname="userName"placeholder="...

在app.json中配置："window":{"navigationBarBackgroundColor":"#ffffff",}注：如果只是某页面需要修改导航栏背景颜色，则在当前页面所在的json文件中配置即可...

  第三方库 PyMuPDF 在python环境下对PDF文件的操作，特别是图片和pdf之间相互转换比较方便，并且能较方便的执行一些如追加删除之类的功能。开发文档见：https://pymupdf.readthedocs.io/en/latest/。  &nb...

今天无意中看到小程序小程序image组件的bindload方法有下面的用法.wxml<view><imagewx:for="{{images}}"wx:key="id"id="{{item.id}}"src="{{item.pic}...

按照小程序官方的文档，swiper轮播图中的图片高度大时，会显示不全。image添加即可解决<swiperindicator-dots="true"autoplay="true"interval="3000"duration="1000"><blockwx:for="{{banners}}"wx:fo...

现在小程序商城越来越多，通常的商城中，商品展示都是那种常规的两列规则展示，但是现在越来越多的应用开始采用瀑布流的方式来展示商品，商品的图片高度不定，商品根据图片容器大小，自由排列，依次下排。今儿，小圣贤君就为大家讲解一下，如何在小程序中实现瀑布流形式展示商品。一般页面中商品会显示两列，通过接口拿到数据后，判断现有的两列...

微信小程序动态显示项目倒计时wxml代码：<p><blockwx:if="{{total_micro_second<=0}}">剩余时间：已经截止</block><blockwx:if="{{clock!='已经截止'}}">剩余时间：{{clock}}</b...

navigationBarBackgroundColor，导航背景颜色显示只支持3位十六进制颜色码方式的显示，不支持颜色英文单词的显示。...

微信小程序的的view背景可以通过本地和网络两种方式：网络：background-image:url('http://www.51dev.com//FileUpload/news/202003/20200303004914689.jpg');本地：background-image:url('../../imgs/kej...

今天碰见个感觉很奇怪的问题修改了button的很多样式就是得不到自己想要的效果比如 我想他能够跟普通text一样显示文字，但是button有自己的border自己的背景并且默认还是文字居中显示，调了半天都没有试出来，最重要的是在小程序官方文档的组件中也没有提供button的默认css样式，从显示上能断定是使用...

前言：之前使用 setData ,一直都是作为给变量赋值，感觉比起vue给data中的变量的赋值还是有点麻烦的。最近项目不太紧张，为了提高小程序的开发效率及提升小程序开发的能力，又重新的通读了下小程序的开发文档。发现 setData 还有一个非必填的参数callback&mdas...

一.小知识二.例子1.wxml<viewclass="container"><viewwx:for="{{imgalist}}"wx:for-item="image"class="previewimg"><imagesrc="{{image}}"data-src="{{image}}"bi...

为了熟练掌握微信小程序开发的一些基本技巧，熟悉微信小程序开发流程，特此，运用所学知识，做了一个个人简历小程序。效果图如下：代码如下：①　index.jsconstapp=getApp()Page({data:{userInfo:{},hasUserInfo:false,canIUse:wx.canIUse('butto...