之前在做社區的時候,發現微信小程序簽到的插件很少,美觀程度上也不盡人意,所以,自己結合了一下我們社區的設計圖寫了這個簽到頁面,不足之處,請指教並多多包涵! <html> <view class="reg-container"> < ...
近日做了一個項目需要用到日歷插件,在網上找了一部分感覺跟項目不對口,所以就查考了其他的日歷插件做了一個。 需求: 如圖: 代碼如下: index.wxml: index.wxss inex.js: this.setData days: 注:該文章屬於原創,如要轉載請標明出處。 ...
2018-08-28 18:42 5 9715 推薦指數:
之前在做社區的時候,發現微信小程序簽到的插件很少,美觀程度上也不盡人意,所以,自己結合了一下我們社區的設計圖寫了這個簽到頁面,不足之處,請指教並多多包涵! <html> <view class="reg-container"> < ...
import { Block, View, Picker, Text, Image } from '@tarojs/components'; import Taro from ...
一、效果圖 點擊簽到后 二、數據庫 用一張數據表存用戶簽到的信息,每次用戶簽到都會往表中添加一條記錄了用戶id和簽到日期的數據,如下圖 三、后端 后端寫兩個接口,一個用於查詢用戶今日是否簽到和簽到記錄總數,一個用於添加用戶簽到信息到數據庫 ...
創建日歷面板組件,在components目錄下創建calendar文件夾 1、calendar.js 1、calendar.wxss 3、calendar.wxml 4、calendar.json 5、引用的util ...
1/ wxml代碼 2/ js ...
最近項目中使用到了日歷,在網上找了一些參考,自己改改,先看效果圖 wxml wxss js ...
滑動日歷效果 效果預覽 實現要求:頂部固定懸浮的是獲取未來一周的日期,分為上下兩部分,上面部分顯示星期,下面則顯示具體日期。今天則顯示今天,可點擊頭部具體日期,可向左向右滑動。 實現代碼 頂部日歷 頁面部分的代碼 這里我們用View標簽 包裹起來,然后剩下 ...
先看成品 wxml代碼 < scroll-view class = "scroll-view" scroll-left = "{{scrol ...