Thinkphp+Vue,五步搞定前端开发环境部署

29 阅读1分钟

max-height:400px;

overflow:auto;

background-color: #fff;

border: 1px dashed #d9d9d9;

border-radius: 6px;

box-sizing: border-box;

padding:10px;

margin-top:10px;

}

/滚动条样式/

.el-upload-list--picture::-webkit-scrollbar {

width: 3px;

}

.el-upload-list--picture::-webkit-scrollbar-track {

background-color:#FCF8E3;

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius:2em;

}

.el-upload-list--picture::-webkit-scrollbar-thumb {

background-color:skyblue;

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius:2em;

}

.el-upload-list--picture .el-upload-list__item{height:auto;}

.el-upload-list--picture .el-upload-list__item-thumbnail{float:none;width:50px;height:50px;}

.el-upload-input{width:100px;border-radius:5px;text-indent:5px;}

上传收款码:

点击上传

  • {{item.name}}

    固定收款金额:

    固定收款浮动:

<input id="takepicture" style="display:none" type="file" name="image[]" multiple="multiple" accept="image/gif, image/jpeg, image/jpg, image/png, image/svg" @change="batchUploadFilesChange">

  • 上传必看:
  • 1、只能上传jpg/png/gif类型的图片,且大小不能超过2MB;
  • 2、本页面功能方便用户快速批量上传固定金额的收款二维码;
  • 3、建议把金额设置为文件名称,方便系统自动识别输入固定收款金额;
  • 4、鼠标悬浮于收款码缩略图上,可以放大图片,方便查看收款码的金额;

立即提交

返回

 js部分:

 thinkphp后端控制器:

public function upload() {

if(request()->isPost()) {

$postdata=input('post.');

常用的JavaScript设计模式

  • 单体模式

  • 工厂模式

  • 例模式

函数

  • 函数的定义

  • 局部变量和全局变量

  • 返回值

  • 匿名函数

  • 自运行函数

  • 闭包

开源分享:docs.qq.com/doc/DSmRnRG…