2021年06月_shykevin

原创 ElementUI el-checkbox实现全选反选单选

一、概述先来看一下效果图需求：1. 每一种类型，可以全选，反选(一个都不选)，单选(仅选一个或者多个)2. 保存时，至少有一种类型，选择1个或多个。不能都不选，直接提交空表单。3. 保存时，提交参数都是id，不能出现中文。初始页面数据如下：[{ "groupId": 1, "groupName": "运动", "checkAll": false, ...

2021-06-22 14:46:00 3776 1

原创 ElementUI TimePicker固定时间范围，开始时间小于结束时间

一、概述根据项目需求：1. 开始时间必须小于结束时间，不能等于结束时间。2. 结束时间必须小于开始时间，不能相等。2. 开始时间和结束时间，最小间隔30分钟。3. 时间范围从00:00~24:004. 默认范围08:00~18:00二、代码实现test.vue<template> <div> <el-form ref="params"...

2021-06-17 13:02:00 4268 1

原创 ElementUI DateTimePicker设置当前日期之前的时间禁止选择

一、概述根据项目需求，选择日期，不能小于当前日期。二、代码实现test.vuie<template> <div> <el-date-picker v-model="value1" type="date" :picker-options="pickerOptions1" placeholder="选...

2021-06-11 17:27:00 5411

原创微信小程序九宫格实现

一、概述效果图二、实现定义数据源test.jsPage({ /** * 页面数据源 */ data: { iconColor: [ 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple' ], iconStyle: [ { ...

2021-06-09 14:32:00 1332

原创微信小程序显示html内容

一、概述小程序默认是不支持html格式的内容显示的，网络上的文章提到：wxParse-微信小程序富文本解析组件，链接如下：https://github.com/icindy/wxParse现在已经停止维护了官方已经有解决方案：https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html二、代码演示官...

2021-06-07 09:58:00 6179

原创微信小程序之Swiper组件

一、概述滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html二、Swiper实现引导页在移动开发中，我们经常使用ViewPager(Android)和UIScrollView(ios)来实现引导页面，效果如下。...

2021-06-04 10:52:00 6360

原创微信小程序设置底部导航栏

一、概述微信小程序底部想要有一个漂亮的导航栏目，不知道怎么制作，于是百度找到了本篇文章，分享给大家。好了小程序的头部标题设置好了，我们来说说底部导航栏是如何实现的。我们先来看个效果图这里，我们添加了三个导航图标，因为我们有三个页面，微信小程序最多能加5个。那他们是怎么出现怎么着色的呢？两步就搞定！二、图标准备阿里图标库 http://www.iconfont.cn/col...

2021-06-03 16:02:00 16935 3

原创微信小程序入门教程

对于从入门学微信小程序，可以看阮一峰的教程。主要有4篇：《微信小程序入门教程之一：初次上手》，链接：http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-one.html《微信小程序入门教程之二：页面样式》，链接：http://www.ruanyifeng.com/blog/2020/10/wecha...

2021-06-02 09:28:00 484 1

shykevin的博客