摘要： 方案一： wxml部分： <!-- 点亮星星 --> <view class='stars'> <view class='contents'> <view wx:for="{{stars}}" wx:key="" style='background:url("{{item.flag==1?item. 阅读全文

摘要： 微信小程序demo：足球，赛事分析 小程序简易导航 小程序demo：办公审批 小程序Demo：电魔方 小程序demo：借阅伴侣 微信小程序demo：投票 微信小程序demo：健康生活 小程序demo：文章列表demo 微商城（含微信小程序）完整源码+配置指南 微信小程序Demo：一个简单的工作系统 阅读全文

摘要： <view class="biground" > <block wx:for="{{Namelist}}" wx:key=""> <text class="user-motto" style='font-size: 80%;'>送餐报酬</text> <text class="user-motto" 阅读全文

摘要： scroll-view 中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现： 1.scroll-view 中的需要滑动的元素不可以用 float 浮动； 2.scroll-view 中的包裹需要滑动的元素的 阅读全文

摘要： 制作滚动条除了scroll-view,还可以使用swiper，其中，默认为横向滚动，若要设置为纵向滚动则为vertical='{{ true }}' 以下为开发中的一个案例： wxml部分 <view class="elegant"> <swiper style="height:80rpx;" au 阅读全文

摘要： 在html+css中，当我们遇到诸如商品详情的标题的输入时，我们会需要使用到： 单行文本溢出省略 核心css语句： 1、overflow:hidden; （顾名思义超出限定的宽度就隐藏内容） 2、white-space: nowrap; （设置文字在一行显示不能换行） 3、text-overflow 阅读全文

摘要： hover-class 属性主要是用来来指定元素的点击态效果。但是在在使用中要注意，大部分组件是不支持该属性的。 目前支持 hover-class 属性的组件有三个：view、button、navigator。 不支持 hover-class 属性的组件，同时也不支持 hover-stop-prop 阅读全文

摘要： 微盟小程序性能优化要分享的内容分为三部分，启动性能加载、首屏加载的体验建议和渲染性能优化。 先讲启动性能加载的性能优化实践，先看启动加载过程的流程： · 公共库注入 · 资源准备（基础UI创建，代码包下载） · 业务代码注入和渲染 · 渲染首屏 · 异步请求 优化方案 1、控制代码包大小 · 开启开 阅读全文

摘要： 为了节省开发时间，我们尽量整合现有业务线小程序代码，减少业务改动。 目录结构 同时为了后期计算各业务占用空间情况方便，我们直接将各业务线小程序工程代码拷贝到各自业务线目录下，最终的目录结构如下： common 模块即工程的复用部分，具体业务代码都在各自目录下。总体架构如下： 公共组件、API 微信小 阅读全文

摘要： 0. 前言 平时写CSS，感觉有很多多余的代码或者不好实现的方法，于是有了预处理器的解决方案，主旨是write less &do more。其实原生css中，用上css变量也不差，加上bem命名规则只要嵌套不深也能和less、sass的嵌套媲美。在一些动画或者炫酷的特效中，不用js的话可能是用了cs 阅读全文