
css
bug大师
这个作者很懒,什么都没留下…
展开
-
canvas 图片转 base64遇到的坑
因为用了onload 所以就变成了异步 直接画肯定会出现白屏。时间戳和允许跨域缺一不可。toDataURL报错。2,canva 使用。原创 2022-11-04 15:25:46 · 1163 阅读 · 0 评论 -
react+hook简单的使用
useImperativeHandle + forwardRef() // 可以让父组件调用子组件方法useRef 可以存一些实事的数据 立马更新的数据原创 2022-04-29 16:11:36 · 190 阅读 · 0 评论 -
handsontable+vue+ 自定义多选
handsontable 的使用原创 2022-04-29 16:06:07 · 1104 阅读 · 0 评论 -
高德地图 +vue + echaets
/* eslint-disable */export function loadBMap (ak) { return new Promise(function (resolve, reject) { if (typeof AMap !== 'undefined') { resolve(AMap) return true } window.onAMapCallback = function () { resolve(AMap) } .原创 2021-10-19 15:15:43 · 273 阅读 · 1 评论 -
echars + vue + 百度地图使用
默认已经echarts import echarts from 'echarts'import "echarts/map/js/china.js"; // 引入中国地图数据import "echarts/map/js/world.js";import bmap from 'echarts/extension/bmap/bmap.js'import { loadBMap } from '@/assets/js/es5/map.js'这里用的echarts的实列 代码省略掉load..原创 2021-10-12 16:53:38 · 387 阅读 · 0 评论 -
css 判断文字有没有溢出
项目场景:文字溢出要给个提示显示查看更多解决方案:<p class="topic-desc gey-text-color-light" id="desc"> 简介:{{dataSource.fdIntroduction ? dataSource.fdIntroduction : '暂无'}}</p>data () { return { showMore: false }},let width = document.getElem..原创 2021-09-10 10:11:16 · 1995 阅读 · 0 评论 -
手机菜单栏三条杠
<template> <div class="body"> <div class="nar-bar"> <div class="menu" @click="menuClick()"> <div :class="{ middleline: true, menulineactive: sidebarIsShow }"> <!--<div class="middleline">原创 2021-05-30 22:56:19 · 785 阅读 · 0 评论 -
vue的pc端滚动加载分页
<div ref='myScrollbar'></div handleScroll(){ if (this.timerLoadMore) { clearTimeout(this.timerLoadMore) } if(this.loading){ return false } this.timerLoadMore = setTimeout(() => { // 防抖操作 le原创 2021-04-07 09:42:40 · 1332 阅读 · 0 评论 -
动态导航栏
<template> <div class="sidebar gey-bg-2" :class="{ 'sm-sidebar': !isExpand, 'hover-sidebar': !isExpand && isHover, 'isOrder-sidebar': $route.meta.isOrder }" @mouseenter="overSidebar" @mouseleave="lea原创 2021-02-04 17:16:52 · 186 阅读 · 0 评论 -
css设置图片在固定容器下高度铺满,宽度居中
固定容器 img自适应方法一 给定外容器 内容器居中 剪裁边缘<ul> <li><img src="../../assets/a1.png"></li> <li><img src="../../assets/a2.png"></li> </ul>li{ width: 164px; height:246px; border: 1px solid #e2e9f3; pos原创 2020-12-15 14:36:16 · 1522 阅读 · 0 评论 -
关于单选框的css和css控制显隐
<label class="edf-line" for="z"> <input type="radio" name="pay-radio" value="2" id="z" class="st-one"> <i class="checkbox_ico"></i> ...原创 2019-11-09 22:53:31 · 335 阅读 · 0 评论 -
神奇的单选
/* radio */label.bui-radios-label input { position: absolute; opacity: 0; visibility: hidden; }label.bui-radios-label .bui-radios { display: inline-block; position: relative; ...原创 2019-09-15 15:33:56 · 183 阅读 · 0 评论 -
css取代radio的样式
.hide-radio{position: absolute;width: 0;height: 0;opacity: 0;}隐藏单选.edf-line .checkbox_ico {position: absolute;top: 50%;right: 0;-webkit-transform: translate(0, -50%);-ms-transform: transla...原创 2019-09-12 15:59:20 · 198 阅读 · 0 评论 -
几个字体网站
https://m.fontke.com/tool/subfont/?open_source=weibo_search在线提取字体https://www.fontke.com/tool/convfont/字体文件转换网站https://www.qqxiuzi.cn/zh/quchong/文字去重原创 2019-09-10 09:27:48 · 201 阅读 · 0 评论 -
css的小tips有点小难懂 但是不需要懂
.my-tips{display: block;line-height: 17px;padding: 2px 8px;/background: #f52f3e;/border-radius: 2px;color: #fff;font-size: 13px;position: absolute;top: -17px;white-space: nowrap;right: 185p...原创 2019-09-07 13:22:30 · 125 阅读 · 0 评论