- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue+Vant，关闭Popup弹框，遮罩层并没有消失
点击Popup弹框关闭按钮，弹框的遮罩不能正常关闭，如下图。经研究，排除了popup属性问题，最后只能删除代码排除法。原因是搜索框的事件未定义，去掉@search="onSearch"和@search="onSearch"即可。或者在js里定义方法onSearch。
2023-09-27 11:18:52
3641
2
原创 element-ui 表格el-table的列内容溢出省略显示，鼠标移上显示全部和定制样式
el-table列省略显示show-overflow-tooltip属性
2023-08-07 14:58:18
2746
1
原创 element-ui表格数据为空，图片占位提示
当表格的绑定数据为空时常需要显示暂无数据等字样，这时候就用到了empty-text。使用element的Empty空状态组件，无数据图片占位提示。但，当数据为空，想用图片展示呢，如下图。可在表格底部列在加入自定义图片。
2023-08-07 12:55:39
5176
1
原创 React嵌套路由
首页home.jsimport React from 'react';class Home extends React.Component { render () { return ( <div> 这是首页 </div> ) }}export default Home;新闻news.jsimport React from 'reac
2021-05-06 15:52:27
252
原创 vue引用vant的弹出框Dialog
（1）消息提示：如下图，分两种弹框显示：点按钮“（确认）提示弹出框”：修改确认为圆角按钮风格点按钮“（确认、取消）提示弹出框”：<template> <div class="page"> <div> <p> <van-button class="btn" type="primary" @click="TipDialog">（确认）..
2021-02-03 11:38:18
9976
原创 vue底部图标选中时变实心
<template> <div> <van-tabbar v-model="active" active-color="#ff5f3c" inactive-color="#888" class="footer"> <van-tabbar-item> <span>首页</span> <template #icon="props">...
2020-12-29 11:41:07
628
原创 vue引用vant组件库，一个页面同时绑定多个popup弹框
<div class="item mt30"> <div class="name">配送方式</div> <div class="right"> <strong>邮寄</strong> <van-icon name="ellipsis" @click="showPopup"/>...
2020-12-29 11:29:34
3879
1
原创 vue组件传参：头部公共右侧图标或文字
组件：TopNavbar.vue<van-nav-bar :title="topNavbarTitle" left-arrow> <template #right> <div class="nav-right"> <div class="nav-btn"> <van-icon :name="rightIcon" /><!-改变右侧字体图标：先建参数rightIcon --> ..
2020-12-29 11:23:40
1232
原创 vue引用vant字体图标，在离线时，看不了
如果是全部vant依赖的情况下，页面上字体图标不显示或者显示为□在main.js中import 'vant/lib/icon/local.css';//引用vant字体css tangyk这样就可以正常加载了
2020-12-29 11:17:26
456
原创 bug：移动端弹出bootstrap模态框时，禁止body上下滚动
1、存在问题： 点下面图一的视频轮播，弹出bootstrap模态框如图二，滚动鼠标时，模态框遮罩下面的body也随着上下滚动的问题 图一 图二2、解决办法：html：<!-- Swiper:视频 --><div class="vedio"> <div c...
2019-10-15 16:30:01
553
原创 圆角渐变铵钮，渐变兼容ie7/ie8/ie9，但渐变不兼容ie11的解决方法
1、谷歌浏览器显示如下图：/*按钮*/.fiveG_btn{ width:300px; height: 56px; line-height: 56px; margin:0 auto; border-radius: 40px; margin-top:10px; overflow: hidden; box-shadow: 0 5px 5px #fbd3c5; text-ali...
2019-08-28 11:25:17
292
原创 Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime
（1）、开发过程中node版本升级后，运行时，报错Error: Node Sass Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (64) For more information on which environments are supp...
2019-07-22 10:32:58
66018
6
转载 PS-CC自带切图工具
使用PhotoshopCC生成图像资源新功能，可以帮助你自动导出自定义大小、格式、名称的文件。是web设计图片分层导出的有效工具！我们可以让Photoshop自己随时导出我们设置大小、格式、压缩品质的图像。一、生成图像资源功能启用和导出位置1、在Photoshop中点击“编辑”>“首选项”>“增效工具”，选择启用生成器2、“文件”>“生成”>“图像资源...
2019-07-12 18:58:56
486
原创 解决移动端jquery-scrolla页面滚动触发动画不生效
前段时间，做5G发布会专题活动，移动端应用scrolla做页面滚动加载动画，竞然不生效，花了好久才找出原因。原来我忘了修改js配置参数，把false改为true即可解决问题。解决办法：mobile: false, // 是否允许在移动设备上执行滚动动画，把false改为true。--------------------------------------------------...
2019-07-10 18:00:47
1506
原创 CSS渐变兼容ie8
效果图：注意：startColorstr = #ff0000, endColorstr = #000000) 的颜色值不能简写成f00，否则渐变颜色不对。<style>.test{ background:-moz-linear-gradient(top,#f00,#000); background:-webkit-linear-gradient(top,#f0...
2019-07-04 15:38:40
612
原创 scss全局变量设置
写过SCSS的，都知道它的变量、嵌套、混合、继承等特性，带给前端人员的快速编写和方便维护，让人一旦恋上，就舍不得放手。$orange: #ee5313!default; //主题色：橙色$darkOrange:#d43a11; //深橙色$color:#333;$gray: #999; //灰色$lightGray:#bbb; //浅灰$grayB...
2019-06-20 10:24:06
7607
原创 升级mac系统，sass编译出错
-bash: /usr/local/bin/sass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory当升级mac系统，在终端编译sass时出错。（如上图）解决办法：如果您最近更新到OS High Sierra...
2018-11-21 11:47:50
573
原创 select去除默认样式
效果如下：<style>.box { border: 1px solid #bbb; border-radius: 1px; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); width: 300px; background: #f3f3f3;}.custom-select { position...
2018-11-21 11:30:18
827
原创 字体图标、文字、背景色的css渐变
预览效果 ： <style> .type i{ background: -webkit-linear-gradient(-90deg, #caff55 20%, #45cd00 60%); /*背景渐变色*/ -webkit-background-clip: text; /* 规定背景的绘制区域为文字区域*/ -webkit-text-fill...
2018-11-21 10:23:47
1382
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人