pfhwyigou/backend/views/news/popup.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/3/18
 * Time: 下午3:49
 */
use backend\assets\AppAsset;

AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/ueditor.config.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/ueditor.all.min.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/lang/zh-cn/zh-cn.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/jquery-3.2.1.min.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/news.js");
?>
<style>
	.layui_w_box {margin:15px auto 0;width:97%;}
	.layui_w_title {margin-bottom:-1px}
	.layui_w_title ul li {display:inline-block;}
	.layui-tab-title .layui-this {background-color:#f2f4f4;}
	.layui_w_center {border:1px solid #ccc;height:300px;padding:15px;}
	.layui_w_cls {height:100%;border:2px dashed #e6e6e6;position:relative;}
	.layui_w_cls .layui-btn{position:absolute;left:50%;top:75%;margin:0 0 0 -53px;}
	.layui_w_xbox {border:none;padding:0 26px;}
	.layui_w_popup_btn {margin:17px 20px 0 0;float:right;}
	.layui_w_popup_btn .layui-btn{height:30px;line-height:30px;}
	.popup_img {padding:17px;text-align:center;margin-bottom:20px;}
	.layui_w_triangle {position:absolute;right:0;bottom:0;width:45px;height:40px;cursor:pointer;display:none;}
	.layui_w_none {display:block;}
	.layui_w_triangle img {display:block;width:100%;}
	.hiData {display:none;}
	/*图片展示样式*/
	.layui-upload-img{display: inline-block;height:120px;width: 120px;border:1px solid #dbdbdb;margin-right: 10px;position: absolute;position: relative;overflow: hidden;}
    .layui-upload-img img{display: block;height: 100%;width: 100%;}
    .close-icon{position: absolute;right:5px;top: 1px;color: #000;cursor: pointer;}
    /*删除*/
    .delete-list {background:rgba(0,0,0,0.3);position:absolute;top:-28px;left:0;width:100%;padding:3px 0;}
    .delete-list i {float:right;margin-right:8px;cursor:pointer;font-size:20px !important;; color: #fff;}
    .layui-upload-img:hover .delete-list {top:0;}
</style>

<div class="layui_w_box">
	<div class="hiData"></div>
	<div class="layui_w_title">
		<ul class="layui-tab-title">
           <li class="site-demo-active layui-this" lay-id="popup_1" >本地上传</li>
           <li class="site-demo-active" lay-id="popup_2">正文上传</li>
        </ul>
	</div>
	<div class="layui-tab-content layui_w_center">
		<div class="layui-tab-item layui-show layui_w_cls" id="popup_1">
			<div class="popup_img" id="popup_1_imgBox"></div>
			<a class="layui-btn upload_box" id="upload_edit">选择封面图</a>
		</div>
		<div class="layui-tab-item layui_w_cls layui_w_xbox" id="popup_2"></div>
	</div>
	<div class="layui_w_popup_btn">
		<a class="layui-btn" id="layui_confirm" href="javascrpt:;">确定</a>
		<!-- <a class="layui-btn layui-btn-primary layui_w_cancel" href="javascrpt:;">取消</a> -->

	</div>
</div>