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 ...