自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 问答 (4)
  • 收藏
  • 关注

原创 html使用bootstrapValidator.js报错

bootstrapValidator.js 3无效

2022-09-15 15:23:21 1133 1

原创 记录一下按钮实现渐变边框跟antd的Button.js实现不同主题颜色

渐变边框按钮

2022-07-13 18:04:12 754

原创 react 、antd的steps的Progress跟Finished状态自定义图片

react 、antd的steps的Progress跟Finished状态自定义图片

2022-07-13 17:45:40 940

原创 react Swiper做出堆叠轮播图

这个堆叠轮播的在网上找了很久,但是要么轮播的时候不流畅,要么不好随意设置成想要的效果,总之找到的都有大大小小的毛病,今天对Swiper这个进行研究,发现几个属性就可以做出满意的堆叠轮播图............

2022-06-21 17:35:31 2447 1

原创 css小点变大特效,提示点

css小点放大缩小动画

2022-06-17 16:14:02 399

原创 自定义鼠标光标 ,引入png图片

自定义鼠标光标 ,引入png图片

2022-06-16 18:45:48 270

原创 react 多个view鼠标移入移出文字变化更换图标,点击打开对应的内容弹窗

多个view鼠标移入移出文字变化更换图标,点击打开对应的内容弹窗

2022-06-16 18:14:25 1262

原创 react 使用react-slide 自定义按钮

1.页面加上Slider 2.设置nextArrow,prevArrow 3.加入自己的内容最后antd的走马灯链接:走马灯 Carousel - Ant Design React Slick Documentation

2022-06-16 17:41:57 899

原创 react 代码整合

react 代码整合

2022-06-16 17:28:54 104

原创 antd走马灯自定义prevArrow报错

可以正常显示但是浏览器修改: prevArrow: <a style={{margin: '0 20px'}} className="slide-icon slick-prev"> <ReactSVG src={left_icon}/> </a>不要把标签直接给到属性, prevArrow: <PrevArrowRender/> const PrevArrowRender = ({onClick}) => { .

2022-05-30 11:50:56 256

原创 mac m1 webstrom突然就拉取不了

突然某一天打开webstrom拉取就报错ssh: connect to host github.com port 22: Operation timed out fatalPlease make sure you have the correct access rightsand the repository exists.一开始以为是github ssh密钥过期啥的,就重新去./ssh文件夹找到id_rsa.pub文件复制密钥到github上去,保存,软件什么的都重新打开,然后拉取还是报.

2022-04-24 14:17:34 2145

原创 Web meta头设置

<head><link rel="icon" href="%PUBLIC_URL%/dute_favicon.ico" /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>aaa</title></head>.

2022-04-07 11:44:10 88

原创 react hook页面滚动到某一高度,显示回到顶部按钮

回到顶部组件:import React, { useEffect, useState } from 'react';import { ArrowUpOutlined } from '@ant-design/icons';import PropTypes from 'prop-types';function ToTop(props) { const { showPhone } = props; const [show, switchShow] = useState(false);

2022-03-28 18:22:07 1199

原创 react antd 按钮重新封装

按钮组件:import { Button } from 'antd';import * as React from 'react';import PropTypes from 'prop-types';const BaseBtn = ({ children, onClick, bcolor, color, bgColor, full }) => { // const btnClassName = classnames({ // [`new_btn_${bcolor}`]:..

2022-03-28 18:08:53 952 2

原创 react antd <Dropdown/>导航栏吸顶时,下拉框跟随导航栏滚动

react antd <Dropdown/>导航栏吸顶时,下拉框跟随导航栏滚动

2022-03-28 11:51:40 1246

原创 react 的 ref 按钮异步点击调用方法

1. const player = useRef();2.<div ref={player}> 要添加的内容 </div>3. <Button onClick={()=>bigView(player)} />4.const bigView = a => { a.current.toggleFullscreen(); };说明:1.react要引入useRef(); 4.a是参数,可以随便命名。.current是固定的。...

2022-03-25 12:37:56 1526

原创 图片随文字浮动

图片随文字浮动1.文字字数不固定,图片宽度固定(水平居中,垂直居中时)1.文字字数不固定,图片宽度固定(水平居中,垂直居中时)// An highlighted block <div class="address"> <p style="color: #5B8ED2;">文本浮动</p> <img class="mypic" src="img/bg01.jpg"></img> </div> <s

2020-11-17 18:34:40 154

原创 textarea中的placeholder需要换行

uniapp中 textarea中的placeholder需要换行1. \n 或者 \r\n在需要换行的地方加上2. &#10;或者 &#13;在需要换行的地方加上(网上找的不知道行不行)3. </br> 这个是p标签内使用的3. 我遇到的问题是placeholder文本用了1.2.方法都不行,然后经大佬提醒试了在textarea中加个css:white-space:pre-wrap;这个属性,然后再在placeholder...

2020-11-17 15:54:19 569

原创 ionic3 闭眼跟睁眼的简单图标切换

&lt;ion-icon name="md-eye" item-end *ngIf="showassets" (click)="showassets=!showassets"&gt;&lt;/ion-icon&gt;&lt;ion-icon name="md-eye-off" item-end  *ngIf="!showassets" (click)="!s

2019-01-31 11:06:48 1062

原创 练手 新建项目ionic4及出现的问题

之前都是用的ionic3,前几天查看官方文档的时候发现文档变了,有些在3那里不能用,顺便就新建个ionic4项目来试试根据官网:新建ionic start myApp tabs --type=angular 到最后ionic serve报了错:还是没找到原因,按照往常一样打开http://localhost:8100是一片空白,找了找问题没有搜到一星半点,自己尝试在...

2019-01-29 17:29:04 750

原创 ionic3关于ion-toggle默认选中问题两种方法

1.html文件直接添加checked="true"2.html文件添加[(ngModel)]="sausage" ,ts文件添加sausage = true;注意检查true有木有写错,总有一些坑货参考链接:https://ionicframework.com/docs/components/#toggle...

2019-01-20 21:08:11 1754

原创 iOS系统兼容

我用HTML、css、bootstrap做了几个页面,在安卓手机上演示的时候是正常的,但是换成苹果手机后,底部导航不移动,但是其他一整个页面手指左右划都会有缝隙,整个页面都能左右移动,这是什么原因?...

2018-01-12 15:40:38 268

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除