极点日历github项目地址 添加至自己的小程序方法 极点日历属性接口文档 代码实例: xml: <calendar calendar-style="calendar" header-style="calendar-header" board-style="calendar-board" days-color="{{dayStyle}}" weeks-type="cn" binddayClick=&q

微信小程序云开发不完全指北 首先必须说明云开发的"云"并不是类似云玩家里的云的意思,而是微信小程序真的提供了云开发的接口以及一个简单的提供存储.数据库服务的虚拟后台(对于一些轻量小程序就不需要自建服务器了). 作者也只是刚做了一个微信小程序,有什么问题可以一起探讨.(其实对于不用云开发的小程序还有些好奇,因为云开发的实际上有种傻瓜式一键解决的感觉). 本博客仅针对一些关键步骤作出陈述,希望初学者能快速得到一个整体的印象,详细的内容请参考官方文档. 注册开发者账号 注册地址:https:

唠叨几句:其实钉钉E应用的编写类似支付宝小程序(毕竟是阿里爸爸下的产业),而支付宝小程序又是chao xi 微信小程序(只不过人家是wxml / wxss ,他是 axml / acss罢了),这三者可以说是同源了(大概).只要熟悉微信小程序的,看着文档开发钉钉E应用便木有什么难度!!! 效果: axml <view class="page"> <text class="toptip"> 显示可选择的天数:{{booklist_len}}天

问题:小程序的input组件经常用到,但在使用input组件的时候会出现一种现象:明明设置了input的宽度,但是输入的内容显示的长度范围却怎么都不到一整个input组件的宽度,而且后面没显示的地方无法聚焦,具体效果如下: 经过尝试,发现是因为input组件默认的样式问题,在设置input组件的宽度的时候 如果是这是width的值,则不能用百分比,而要用真实的数据,如px.rpx等:还有一种情况就是如果真需要用到百分比,那么可设置的input组件的 min-width 和 max-width 属

这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置 background-image:(url) 属性,不管是开发工具还是线上都无法显示.经过查资料发现,background-image 只能用网络url或者base64图片编码 , 本地图片只能用 image标签src属性才行.当然 image标签src属性也可以使用网络url或者base64图片编码. 下面通过 image 标签src属性设置,实现背景图显示 界面结构: <view class='set-background'>

tabBar不显示 在app.json中配置了4个页面,在tabBar的list中随意写了两个页面,编译后发现不能显示tabBar. { "pages": [ "pages/musicList/musicList", "pages/test/test", "pages/index/index", "pages/logs/logs" ], "window": { "backgro

微信小程序并没有提供列表控件,所以也没有iOS上惯用的列表项左滑删除的功能,SO只能自己干了. 原理很简单,用2个层,上面的层显示正常的内容,下面的层显示一个删除按钮,就是记录手指滑动的距离,动态的来移动上层元素,当然上层用绝对定位. wxml: <view class="container"> <view class="record-box" data-datetime="{{record.datetime}}" wx:for

js文件 'use strict'; let choose_year = null,   choose_month = null; const conf = {   data: {     hasEmptyGrid: false,     showPicker: false   },   onLoad() {     const date = new Date();     const cur_year = date.getFullYear();     const cur_month = da

问题描述: 测试库转到正式库后添加数据,小程序数据渲染不出来,但是测试库没问题,ios数据能显示,没问题,但是安卓显示没数据. 排除是服务器https证书问题,如果是证书问题,小程序会直接调不了接口. 百度一堆解决办法,最靠谱点的解决办法:https://www.jianshu.com/p/3203b98807b4 前后端根据方法排查问题,仍然解决不了 问题来源: 运维在后台添加数据时,直接复制粘贴会导致数据异常,正常看数据没问题,但是返回json给前端会渲染不了, 除此之外,添加数据时带上回车

问题:小程序的input组件经常用到,但在使用input组件的时候会出现一种现象:明明设置了input的宽度,但是输入的内容显示的长度范围却怎么都不到一整个input组件的宽度,而且后面没显示的地方无法聚焦,具体效果如下: 经过尝试,发现是因为input组件默认的样式问题,在设置input组件的宽度的时候 如果是这是width的值,则不能用百分比,而要用真实的数据,如px.rpx等:还有一种情况就是如果真需要用到百分比,那么可设置的input组件的 min-width 和 max-width 属

最近接触到了一点小程序的东西,跟我们平常的HTML还真不太一样,这里我先大概讲一下图片的显示问题, 小程序的图片用的是<image><image/>标签,他默认的大小是宽300px,高225px.那我们如果用图片的话,肯定不能用默认的大小,那image常用的除了src属性之外,还有一个mode属性,他有4中缩放模式,9种剪裁模式,如果我们想把图片完全显示出来的话,就用 widthFix,宽度不变,高度自动变化,保持原图宽高比不变,下面我有两种方法可以显示完整不被拉伸的图片, 第一种

在微信小程序中实现视频的播放与暂停 需求: 视频列表中只能有一个视频在播放 点击视频实现播放与暂停功能 加载完成显示图片,点击后变为视频播放 从上次播放的位置进行播放 思路: 定义一个标记变量,控制视频的播放与暂停 true => 本次问播放 false => 本次为暂停 每次点击后,更新data中视频的id值 声明一个数组,用于存放播放视频的id和播放时间 { vid:xxx, currentTime:xxx } 事件的流程图 代码实现: 静态 <!-- 使用scroll-view组件

<view class="meiti" style="background-color:red;"> <image src="http://10.0.0.171:9001/images/2017/0619/20170619110943813_progressive.jpg" mode="widthFix" style="width:100%;background-color:black;"

平时工作中经常遇到开始只显示几行文字,点击按钮,可以查看全部文字内容. 简单写了个,代码如下: <view class="item_content f28 gray"> <view class="{{isShow?'max3':''}}"> 一个天津市公司,和公司1签了一份企业整体转让的协议,天津公司没有履行协议,故意不转让了.一个天津市公司,和公司1签了一份企业整体转让的协议,天津公司没有履行协议,故意不转让了.天津公司和我们另一个公司2有

从年初开始,打开小程序,工具栏都会弹出这个提醒: 也就是,默认不弹出授权询问框,默认获取不到用户信息(头像.昵称等)! 如果你需要用到这个接口,可以尝试以下方法: 1.用 button 组件,将属性名 open-type 设置为 getUserInfo 类型,来吊起授权窗口,获取用户基本信息,查看 button 文档 <button open-type="getUserInfo" bindgetuserinfo="onGotUserInfo">授权用户信

首先利用date拿到年月日 月记得+1 ,因为是从0开始的 先遍历月份,跨年年+1 ,月归至1: 然后遍历天数, lastDat = new Date(val.year,val.month,0).getDate  ; 这个表达式可以获得当前月的最后一天,就不用取分闰年或者平年了:一句代码就可以解决很多判断,这个是蛮不错的. 获取月最后一天,就可以拿到每个月了.自己想遍历多少就多少:   来一个二维数组,在里面加自己想要的属性 如果需求需要加节假日,就给一个数组,遍历天数是满足条件则显示对应的名字

js中: onLoad:function(options) { this.setData({ orderstate:'待送检' }) },   WXML中: <view wx:if="{{orderstate}} = '待送检' " >   若不是待送检,则显示不出来 <view>取消送检</view> </view>

未开考 .已交卷. 考试中 .考试结束 #ddd      #f00     #ff0    默认禁用色 禁用的button仅有style起作用,四个状态,通过wx:if ... elif ... elif ... else 来进行判断并且显示(仅能展示一个状态).

最近在项目遇到swiper高度不能自适应,导致swiper-item 里面的内容过多时只能显示一部分,最终解决方案:<swiper current="{{currentTab}}" style="height: {{clientHeight?clientHeight+'px':'auto'}}"> <swiper-item> <scroll-view scroll-y="{{true}}" style="h

<view style='width:100%;height:100%;text-align:center;' class="picture-2">   <image style='width:94.5%;' class="infoImage" src="/pages/image/2.jpg" mode='widthFix'></image> <view>