![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 57
CoreCmd
这个作者很懒,什么都没留下…
展开
-
AntDesignVue中树组件默认不展开所有节点问题解决
问题描述在使用Ant-Design-Vue的树组件时,发现根据文档API设置自动展开所有节点属性后,不起作用。后来发现,是因为在初始化的时候数据还没有,所以设置属性就不生效,应该加个判断,等到有数据后,页面再渲染组件就可以了。有问题的写法<a-tree v-model="selectedMenus" :checkable="true" selectable="false" :defaultExpandAll="true" :defaul原创 2022-05-21 11:30:23 · 3334 阅读 · 3 评论 -
CSS实现文件夹效果
效果图编写组件<template> <div class="folderContainer"> <div class="folder"> <div class="front"></div> <div class="center"></div> <div class="back"></div>原创 2022-02-11 15:36:37 · 2055 阅读 · 0 评论 -
CSS实现聊天气泡
效果图HTML代码<a-row :gutter="10"> <a-col :span="24" style="margin-bottom: 10px"> <div class="chat-bubble chat-bubble-left"> <span>收到一条消息</span> </div> </a-col> <a-col :原创 2021-08-06 17:21:32 · 427 阅读 · 0 评论 -
基于AntDesign Vue的响应式登录页面
为了做一个自己的前后端分离的后台管理系统,特地做了一下登录页面。大概的架子如下,后面需要替换一下顶部导航的信息。先大概贴一下代码,以后直接复制使用。整体的布局是自己写的样式,如果后面要替换为其他的UI框架,比如element ui 、 iview,只需要替换表单元素之类的东西,少量替换即可。代码如下:<template> <div id="login" class="loginContainer"> <div class="loginHeade原创 2021-07-10 23:39:22 · 5166 阅读 · 9 评论 -
各种前端模板
标准色板扩展色板原创 2021-07-05 11:16:36 · 858 阅读 · 0 评论 -
H5可翻转的卡片效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签</title> <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"> <script src="原创 2020-12-08 14:41:06 · 783 阅读 · 0 评论 -
H5卡片标签设计
html代码:<body style="width: 100%;height: 100%;overflow-x: hidden;padding-top: 50px"> <div class="mrajoe-card"> <div class="mrajoe-card-label"> <h4>标签</h4> </div> </div>&l原创 2020-12-08 10:13:22 · 1041 阅读 · 0 评论 -
使用Nginx反向代理Vue项目时,报Invalid Host header错误解决办法
在vue.config.js中,修改配置:disableHostCheck: true,module.exports = { devServer: { open: true, host:"batman.com", port: 27202, https: false, disableHostCheck: true, ... }, ...}原创 2020-11-07 14:53:48 · 1307 阅读 · 2 评论 -
解决Chosen-Select初始化下拉框时闪现的问题
在项目中用chosen-select的时候,我的代码是这样写的:HTML代码:<div class="row"> <div class="col-lg-4"> <label>多选框测试:</label> <select id="multipleSelect" multiple="multiple" class="chosen-select" data-placeholder="请选择">原创 2020-09-01 10:08:37 · 1114 阅读 · 0 评论 -
个人博客www.tianshaojiao.com已上线
我的个人博客www.tianshaojiao.com已上线,欢迎小伙伴儿们给我留言哦~~~原创 2020-01-10 16:27:31 · 231 阅读 · 0 评论 -
VUE中,使用iview table组件,用代码设置某一行数据选中
在项目开发中,需要操作表格,使用的是iview的table组件,操作需求如下:1、表格需要显示复选框,可以进行单选和全选2、选择某一行数据,复选框选中,取得当前行数据进行操作3、更新当前选中行的数据遇到的问题:当前选择行数据更新后,当前行的复选框不能显示选中~~解决办法:1、修改表格某行数据的时候,添加属性 _checked = true 表示选中改行,_disabled = tru...原创 2020-01-10 09:55:43 · 3436 阅读 · 0 评论 -
关于火狐浏览器鼠标点击页面区域时,出现光标的问题
发现这个问题的原因说来还有点搞笑,先看看是什么效果吧,如下图所示:造成这个问题的原因,首先不是你页面写得后问题,而是火狐浏览器的某个设置造成的;解决办法:火狐浏览设置按钮》选项》把这个设置选项取消勾选然后就没有问题了;火狐38.0版本的设置,在选项》高级》常规》始终使用光标在页面内导航;发现问题的来源同事在测试我们新做的门户时,点击一些资源卡片和查看别的页面时,发现点击非输入框的...原创 2019-01-24 15:18:43 · 3281 阅读 · 2 评论