1.首先wxml 2..js 3.wxss ...
概述 我们将以一个实战项目为主要内容,穿插讲解小程序的各种概念。因为没有UI和后端,所以,我们这里使用豆瓣电影的API和小程序豆瓣评分作为学习材料。最终我们将会完成一个类似下图的小程序 详细 代码下载:http: www.demodashi.com demo .html 一 程序实现 本章我们将以一个实战项目为主要内容,穿插讲解小程序的各种概念。因为没有UI和后端,所以,我们这里使用豆瓣电影的A ...
2018-03-01 23:41 0 2332 推荐指数:
1.首先wxml 2..js 3.wxss ...
一、方法1 1、用到图片 2、结构和样式 li加了light的class就会变成亮星,就是换了背景位置,把空心的星星变成了实心的。所以js实现的时候点亮就是给li加一个light的类名。 效果: 3、交互js 这样设计的一个关键点在于,mouout时保存 ...
设计需求如下,根据使用功能块的不同,有三种大小的评分设计。 由于需求中的设计样式与功能基本一致,只是在不同显示区域的大小有些区别。还有就是一些功能上的,如:多事件监听,只读。 那么完全可以把上述的不同作为properties传入自定义组件,来实现不同的需求功能。 那么就先配置好自定义 ...
前言 小程序上线刷爆了朋友圈,但是最近渐渐消沉了,很少有动静!最近公司项目需要,体验了一下微信小程序,制作了几个功能,布局感觉很简单,但是交互和动画等写起来确实很费劲,主要是因为他不能操作DOM,只能修改数据!下面介绍一下我制作小程序完成的几个小的功能,希望能够给开发小程序的朋友带来帮助 ...
...
代码可直接套用,需要更改图片地址 ...
显示评分和打分组件,可现实半颗星星效果 效果图: 参数名 类型 说明 score Number 分数 ,默认0,保留一位小数 ...
7*7 星星图 wxml (html) js /***************************************/ 星空闪动效果实现 源码地址 https://github.com/MieYY/stars-flashing.git ...