做梦了-优快云博客

原创 js 时间戳和日期的相互转换

js 时间戳和日期的相互转换var time = new Date().getTime() // 时间戳 var time2 = new Date(time).toLocaleString() // 日期console.log(time); // 1631066578205console.log(time2); // 2021/9/8 上午10:02:58

2021-09-08 10:03:48 136

原创 ant select点击删除默认蓝色边框

ant select点击删除默认蓝色边框 :global { // 删除右侧下拉箭头 .ant-select-arrow { display: none; } // 删除边框 .ant-select-selector { width: 200px; border: 0; padding: 0; color: #a0a0a0; box-shado

2021-05-24 17:06:04 1308 1

React UI框架轮播框架UI框架：比较出名的就是 Ant Design （类似于VUE的elementUI框架）链接：https://ant.design/docs/react/introduce-cn轮播框架：有一个比较简单的 React Slick （操作简单易懂）链接：https://react-slick.neostack.com/docs/get-started还有一个Swiper，轮播样式比上一个丰富，但是还需要研究一下如何使用（部分需要花钱购买）链接：https://

2021-05-22 15:05:05 257 1

原创微信小程序页面传参过长或者含有“？”

微信小程序页面传参过长或者含有“？”微信小程序页面跳转的参数如果过长或者传的参数本身就含有‘？’标志的时候，会中断传的参数正常情况// 传参页面const data = { questions: that.data.questions, questionImgUrl: that.data.questionImgUrl } wx.navigateTo({ url: '../../pages/answer_questions/answer_questions?data='

2020-12-23 15:18:18 1230 2

原创左右移动的公告栏

左右移动的公告栏主要的样式:animation: rotaryBlockFirst 30s linear infinite;white-space: nowrap;HTML<view class="announcement"> <image src="https://XXXXXX/broadcast.gif"></image> <view class="announcement-title"> 公告</view> <v

2020-12-11 19:03:42 269

原创含有中文的图片正常显示（微信小程序）

将含有中文的图片正常显示出来图片名称：https://XXXXX/李现赤狐书生.jpg方法非常简单，就是普通的url进行一下转码将原本的url替换成encodeURI(url)即可 urlTranscoding: function (url) { console.log(url) console.log(encodeURI(url)) //转码方法 return encodeURI(url); }...

2020-12-11 18:21:26 1081

原创 CSS 强制文字换行文字过长设置…

CSS 强制文字换行keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本word-break: break-all;参考链接： https://www.runoob.com/w3cnote/css-en-cn-break-line.html...

2020-11-20 13:04:25 239

原创数字滚动（微信小程序）

数字滚动（微信小程序）微信小程序使用数字滚动的功能，引用了外部的包 WxCountUp.js页面使用：countup.wxml<view class="page"> <view class="page__bd page__bd_spacing"> <view class="num-wrap"> <view>{{number}}</view> </view> </view><

2020-11-10 15:49:26 1271

原创微信小程序时间格式化（过滤器）

微信小程序时间格式化（过滤器）dataFr.wxsvar DateFr = { getDate: function (time) { var arr = time.split('-') return arr[1]+'月'+arr[2]+'日' }}module.exports = { getDate: DateFr.getDate}页面wxml<wxs module="dateFr" src="../../filter/dateFr.wxs">&l

2020-09-24 15:48:57 937

原创 CSS 背景人物虚化+字体不虚化

CSS 背景人物虚化+字体不虚化很多时候，设计的背景需要虚化，我们使用到CSS3的属性filter: blur(0.5px);数值越大，模糊程度越大，图二为图一的模糊，图三图四是优化之后的界面注意：给div增加模糊，会使得该div里面的所有属性都模糊，包括字体，我们需要将其需要模糊的div单独隔离出来，上部内容使用定位覆盖HTML<view style="background-image: url('https://markyo.oss-cn-shanghai.aliyuncs.co

2020-09-24 15:24:43 1972

原创 CSS 自定义字体

CSS 自定义字体很多时候UI设计图的字体，普通font-family无法实现我们可以使用CSS3的属性@font-face下载字体至本地（让后端保存至服务器）后端会提供链接，我们如下方法使用即可：CSS@font-face { //自定义字体的名称 font-family: 'Oswald-Bold'; // 后端提供的字体url src: url("https://markyo.oss-cn-shanghai.aliyuncs.com/markyo/Oswald-Bold.

2020-09-24 14:07:59 282

原创 elementUI+Vue 上传csv文件

elementUI+Vue 上传csv文件vue项目+elementUI下载（自行解决，也可以查看我之前的博客）代码HTML <el-upload class="upload-demo" ref="upload" drag accept=".csv" action :multiple="false" :limit="1" :auto-upload="false" :on-change="handleCh

2020-08-29 17:16:22 3124 2

原创 elementUI+vue 带有输入框的表格

elementUI+vue 带有输入框的表格elementUI VUE 请自行下载安装HTML <div style="display: flex;height: 50px;"> <div style="flex: 2;" class="items">日期</div> <div style="flex: 1;" class="items">姓名</div> <div style="flex: 1;" c

2020-08-25 16:21:53 2332 1

原创 Vue + elementui 实现下拉框选择+自定义变量

Vue + elementui 实现下拉框选择+自定义变量1、下载 elementui> npm i element-ui -S2、全局引入在 main.js 写入一下内容import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';//样式文件一定要引入Vue.use(ElementUI);3.在页面写入以下代码HTML

2020-08-21 14:18:22 1950

weixin_44481476的博客