前端
文文同学
我只是一个小小的程序猿,初涉此圈,请多提拔和指点!
展开
-
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 · 221 阅读 · 0 评论 -
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 · 2612 阅读 · 0 评论 -
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 · 11980 阅读 · 2 评论 -
vue+Element,编辑模态框
废话不多说,直接上代码<el-button size="mini" @click="editgsForm(scope.row)">编辑</el-button> <el-dialog :title="title" :visible.sync="dialogEditgsVisible" @close="closeDialogVisible">...原创 2019-06-13 13:32:26 · 2051 阅读 · 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 · 1222 阅读 · 1 评论 -
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 · 7550 阅读 · 1 评论