文文同学-CSDN博客

原创 react +Ant design 新增、编辑、删除模态框(获取id)

一、新增模态框首先绑定事件：Ant design 里 modal 对话框按照自己的需求，修改下参数：import { Modal, Button } from 'antd';class Ad extends React.Component { constructor(props) { super(props); this.state = { n...

2019-07-03 15:28:59 7466 1

原创 vue+Element项目，上传图片至七牛云空间+node.js后端配置上传图片的接口

一、首先，配置好上传图片的接口：在后端项目 node.js 中的 photo.js(自己定义)中，引入请求的包，如下图所示：接口配置如下：接口配置完毕，我们再打开，vue 后台项目，新增页面：上传图片 html 代码如下： <el-form-item label="缩略图" prop="image"> <el-upload ...

2019-06-14 11:25:51 1106 1

原创 vue+Element,编辑模态框

废话不多说，直接上代码<el-button size="mini" @click="editgsForm(scope.row)">编辑</el-button> <el-dialog :title="title" :visible.sync="dialogEditgsVisible" @close="closeDialogVisible"&gt...

2019-06-13 13:32:26 2007 1

原创 vue+Element中，新增模态框

上代码<el-button type="success" @click="addgsForm" icon="el-icon-edit">新增</el-button> <el-dialog :title="title" :visible.sync="dialogAddgsVisible" @close="closeDialogAddgsVisible"&...

2019-06-13 12:35:16 11864 2

原创 CSS控制头部banner（上传图片的大小符合banner的尺寸，并且图片显示在正中间）

头部banner的后台控制尺寸，宽度大于1600，高度大于520；html代码：<div class="setting-box"> <div class="setting-img"> <img src="images/fa-index-banner.png" alt=""> </div&g

2018-11-26 17:22:10 2541

原创 JS简易tab页

先上张效果图（我的游记/我的关注/我的回复。3个不同的tab内容）代码 <div class="navcont clear"> <a class="active" href="javascript:void(0);">我的游记</a> <a href="javascript:vo

2018-11-22 15:07:53 188

原创点击不同div,变换不同的背景图片，再点击变回原图

废话不多说。上代码效果当点击“点赞”，背景图片变。点击“关注”，背景图片变。再点击div时，图片变回原样。.yjtxt-hbox .icon-group li .dianzan.active{background: url(…/images/yj-icon1-hover.png) no-repeat 45px 18px;height:50px;}.yjtxt-hbox .icon...

2018-11-16 14:49:44 1451