T-wyt-优快云博客

原创 uniapp项目h5平台使用canvas压缩图片后上传

1. 调用uni.chooseImage(OBJECT)选择图片（官网介绍：https://uniapp.dcloud.io/api/media/image）；2. 然后调用uni.getImageInfo(OBJECT)获取图片信息（官网介绍：https://uniapp.dcloud.io/api/media/image）；3. 根据获取到的图片宽高创建画布，可设置画布最大宽度；...

2019-12-17 10:57:02 2498 6

原创日期转换为时间戳（日期后可加时间）

varstr="2010-08-01";//转换日期格式str=str.replace(/-/g,'/');//"2010/08/01";//创建日期对象vardate=newDate(str);（参考百度问答）

2019-12-14 18:08:08 428

原创 css实现环形进度条（静态）

实现效果：html代码：<div class="score-circle"> <div class="score-circle-left"></div> <div class="score-circle-right"></div> <div class="score-circle-text"&...

2019-10-09 18:09:25 877 3

原创 Flutter及Android Studio环境安装配置

系统要求操作系统：win7以上64位操作系统磁盘空间：大于3G，最好5G环境配置一、jdk1.下载jdk 下载地址：https://www.oracle.com/technetwork/java/index.html2.下载后点击安装，安装成功后配置环境变量。我的电脑——>属性——>高级——&g...

2019-08-22 22:38:55 291

原创 css把矩形底部变成弧线

实现的效果如下图所示css代码：.personal-head { height: 185rpx; padding: @spacing 0; position: relative;}.personal-head:after { background-color: @primary-color; content: ''; width:...

2019-07-01 10:48:36 4647

转载图解CSS六种颜色模式

来自百度经验https://jingyan.baidu.com/article/49711c6184da3efa441b7c0c.html

2019-06-26 10:04:31 213

原创 vue项目使用mint-ui框架，把tabbar封装为组件使用

在写程序的过程中参考了https://blog.youkuaiyun.com/wandoumm/article/details/80166414目录结构如下，将tabbar封装成FooterBar组件main.js引入mint-ui的组件，这里是全部引入// The Vue build version to load with the `import` command// (runt...

2019-06-20 17:59:49 1040

转载 Vue框架Element UI+Mint UI教程汇总

Element UI教程汇总1：Vue框架Element UI教程-安装环境搭建（一）https://www.jianshu.com/p/ab3c34a951282：Vue框架Element UI教程-时间选择器（二）https://www.jianshu.com/p/1704b5935a893：Vue框架Element UI教程-出现和隐藏动画（三）https://www.jians...

2019-06-20 14:40:35 610

原创 vue封装导航组件

刚开始学习vue.js，写了个页面练手，在封装头部组件的时候一直出问题，研究了老半天。下面贴上代码。这是目录结构，Header组件内包含轮播图，logo条，头像和导航。其中轮播图使用的是swiper组件。Header.vue（组件）代码<template> <div class="header"> <div class="swiper...

2019-06-19 11:41:36 1101

原创 Eslint验证的关闭方法

第一次创建Vue项目时因为不了解开启了Eslint验证，在写代码时发现多一个空格都要报错，简直要逼成强迫症，所以还是决定关了这个验证。关闭方法： 1. 找到项目下的config文件夹，打开下面的index.js； 2. 找到useEslint = true并将其修改为 useEslint = false； 3. 重启项目 npm run dev...

2019-06-13 14:11:18 3030

原创微信小程序输入框键盘弹出使得布局上移问题

input输入框这一模块使用position:fixed固定在页面底部，通过adjust-position的值来控制键盘弹起时是否自动上推页面，通过bindfocus来获取键盘高度，使input输入框聚焦时跟随键盘上移而不被遮挡，输入框失去焦点时触发bindblur事件，输入框恢复原位。参考代码：wxml文件：<view class="input" style="bottom:{...

2018-11-13 17:07:50 21483 8

原创微信小程序上下固定，中间滚动，使用position:fixed遮挡正文

问题：页面布局需要固定上下部分，使用position:fixed布局，发现会遮挡中间滚动部分。解决：给中间部分加padding-top和padding-bottom，高度分别为上下固定部分的高度。 ...

2018-11-01 11:09:45 5658

Wangyt_0028的博客