之前在做社区的时候,发现微信小程序签到的插件很少,美观程度上也不尽人意,所以,自己结合了一下我们社区的设计图写了这个签到页面,不足之处,请指教并多多包涵! <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 ...