weixin_44204144的博客

需求是：希望能够让img放大预览直接上代码吧：

需求是微信小程序页面的video可能会有多个，需要播放完第一个视频，自动开始播放下一个，一直播放完为止。话不多说，直接上代码：

官方的开发者文档中对于两者的比较仅仅为是否和tabBar相互连接，简单的来讲就是：redirectTo：关闭当前页(卸载)，跳转到指定页navigateTo：保留当前页(隐藏)，跳转到指定页switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换例如：wx.navigateTo 是指跳转到指定页面，左上角有返回按钮，返回上一级wx.switchTap 是指跳转到tabbar页面。...

需求：按照设计师的要求，现在小程序里面的字体去都要单独引入web字体第一步-先下载需要的字体到本地新建一个文件。第二步-直接上传到云存储第3步-选择所需要的字体右键查看详情——找到下载地址直接copy到app.wxss全局中去引用第4步-把刚才云存储里面的下载字体路径直接copy到src里面。按需引用就好了。...

需求是：一进来就只展示几行文字内容，要点击展开按钮才会把所有的文字内容显示完整。话不多说，直接上图。首先在js里面data定义collapse为true，让用户一进来首先看到第一个block盒子，第一个默认盒子把设置高度，让超出来的文字overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; 行数-webkit-box-orient: vertical;第2个盒子不设置高度，让内容

需求是：当video在ios上面点击播放效果自动全屏播放，这个体验非常不好，因为上面有全屏播放提示，如果用户真的需要全屏会自己的点击全屏播放的按钮，所以要禁止video在ios系统自动全屏播放。(Android没有这个问题，所以不用单独去处理)只需要在标签里面写上：webkit-playsinline=‘true’playsinline=‘true’（html5 webkit-playsinline这个属性是ios 10中设置可bai以让视频在小du窗内播放，也就是不是全屏zhi播放的video标签

在没有app.json配置enablePullDownRefresh之前，小程序页面下拉是很丑的，一直显示加载，而且下拉以后回弹不了。把"enablePullDownRefresh":false就好了。

话不多说，直接先上设计图：设计图是真的很好看鸭！但是实际上长传的图片很长，导致很模糊的状态，肯定不符合要求的。还好小程序有个mode属性：scaleToFill 缩放模式（默认属性），不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素aspectFit 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。aspectFill 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方

项目新增了一个夜间模式的功能，小程序现在也支持这个模式。类似于写2套css，话不多说，直接上效果和代码图：1.开启暗黑模式第一步：首先在 app.json 中配置 “darkmode”: true2、配置主题文件在根目录新建主题配置文件 theme.json, 并在 app.json 中配置路径引入代码如图：theme.json配置文件一共分为两个属性，light 和 dark，分别正常模式和暗黑模式。必须存在 light 和 dark 两个属性，里层命名自定义，没有严格要求。the

需求是点击按钮，改变选中当前按钮的字体和背景颜色：效果如图：首先在js里面的data里面初始化数据，代码如下：然后在wxml里面渲染：代码如图：再贴一个css 代码如图：